@gooddata/sdk-ui-ext 11.55.0 → 11.56.0-alpha.1

package/esm/internal/components/configurationPanels/HeadlineConfigurationPanel.js

@@ -15,9 +15,6 @@ export class HeadlineConfigurationPanel extends ConfigurationPanelContent {
         const comparisonDisabled = !isComparisonEnabled(insight);
         const defaultCalculationType = getComparisonDefaultCalculationType(insight);
         const bubbleClassNames = cx("bubble-primary", { invisible: !controlDisabled });
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [
-                        _jsx(ComparisonSection, { controlDisabled: controlDisabled, disabledByVisualization: comparisonDisabled, defaultCalculationType: defaultCalculationType, separators: panelConfig?.separators, colorPalette: panelConfig?.comparisonColorPalette, properties: properties, propertiesMeta: propertiesMeta, pushData: pushData }), this.renderInteractionsSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: bubbleClassNames, arrowOffsets: BUBBLE_ARROW_OFFSETS, alignPoints: BUBBLE_ALIGN_POINTS, children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [_jsx(ComparisonSection, { controlDisabled: controlDisabled, disabledByVisualization: comparisonDisabled, defaultCalculationType: defaultCalculationType, separators: panelConfig?.separators, colorPalette: panelConfig?.comparisonColorPalette, properties: properties, propertiesMeta: propertiesMeta, pushData: pushData }), this.renderInteractionsSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: bubbleClassNames, arrowOffsets: BUBBLE_ARROW_OFFSETS, alignPoints: BUBBLE_ALIGN_POINTS, children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
 }

package/esm/internal/components/configurationPanels/HeatMapConfigurationPanel.js

@@ -18,13 +18,7 @@ export class HeatMapConfigurationPanel extends ConfigurationPanelContent {
         const controlsDisabled = this.isControlDisabled();
         const xAxisDisabled = this.isAxisDisabled(controlsDisabled, "xaxis", this.props.insight);
         const yAxisDisabled = this.isAxisDisabled(controlsDisabled, "yaxis", this.props.insight);
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: xAxisDisabled, showDisabledMessage: !controlsDisabled && xAxisDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: xAxisDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: xAxisDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData })
-                            ] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: yAxisDisabled, showDisabledMessage: !controlsDisabled && yAxisDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: yAxisDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: yAxisDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData })
-                            ] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: xAxisDisabled, showDisabledMessage: !controlsDisabled && xAxisDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: xAxisDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: xAxisDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData })] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: yAxisDisabled, showDisabledMessage: !controlsDisabled && yAxisDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: yAxisDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: yAxisDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData })] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {

package/esm/internal/components/configurationPanels/LineChartBasedConfigurationPanel.js

@@ -31,10 +31,6 @@ export class LineChartBasedConfigurationPanel extends BaseChartConfigurationPane
         const shouldContinuousLineControlDisabled = controlsDisabled || isContinuousLineControlDisabled;
         const distinctPointShapesEnabled = properties?.controls?.["distinctPointShapes"]?.enabled;
         const shouldDistinctPointShapesDisabled = controlsDisabled || isDataPointsControlDisabled || !isDistinctPointShapesDisabled;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: dataLabelDefaultValue }), _jsx(DataPointsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled || isDataPointsControlDisabled, showDisabledMessage: isDataPointsControlDisabled }), _jsx(DistinctPointShapesControl, { pushData: pushData, checked: shouldDistinctPointShapesDisabled ? false : distinctPointShapesEnabled, properties: properties, disabled: shouldDistinctPointShapesDisabled }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData }), _jsx(ContinuousLineControl, { properties: properties, checked: shouldContinuousLineControlDisabled ? false : continuousLineEnabled, disabled: controlsDisabled || isDataPointsControlDisabled, pushData: pushData })
-                            ] }), this.renderForecastSection(), this.renderAnomaliesSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: dataLabelDefaultValue }), _jsx(DataPointsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled || isDataPointsControlDisabled, showDisabledMessage: isDataPointsControlDisabled }), _jsx(DistinctPointShapesControl, { pushData: pushData, checked: shouldDistinctPointShapesDisabled ? false : distinctPointShapesEnabled, properties: properties, disabled: shouldDistinctPointShapesDisabled }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData }), _jsx(ContinuousLineControl, { properties: properties, checked: shouldContinuousLineControlDisabled ? false : continuousLineEnabled, disabled: controlsDisabled || isDataPointsControlDisabled, pushData: pushData })] }), this.renderForecastSection(), this.renderAnomaliesSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
 }

package/esm/internal/components/configurationPanels/PieChartConfigurationPanel.js

@@ -12,9 +12,7 @@ export class PieChartConfigurationPanel extends ConfigurationPanelContent {
         const { propertiesMeta, properties, pushData, featureFlags } = this.props;
         const controlsDisabled = this.isControlDisabled();
         const donutDataLabelsEnabled = !!featureFlags?.enableDonutDataLabels;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: false, enablePositionSelector: donutDataLabelsEnabled }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: false, enablePositionSelector: donutDataLabelsEnabled }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {

package/esm/internal/components/configurationPanels/PivotTableConfigurationPanel.js

@@ -35,12 +35,10 @@ export class PivotTableConfigurationPanel extends ConfigurationPanelContent {
         const enableNewPivotTable = featureFlags?.enableNewPivotTable ?? true;
         const enableConditionalFormatting = isConditionalFormattingEnabled(featureFlags);
         const enableSemanticConditionalFormatting = isSemanticConditionalFormattingEnabled(featureFlags);
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderInteractionsSection(), enableNewPivotTable ? this.renderPagingSection() : null, this.renderCanvasSection(), enableNewPivotTable &&
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderInteractionsSection(), enableNewPivotTable ? this.renderPagingSection() : null, this.renderCanvasSection(), enableNewPivotTable &&
                             (enableConditionalFormatting || enableSemanticConditionalFormatting)
                             ? this.renderConditionalFormattingSection()
-                            : null] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+                            : null] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {
@@ -69,10 +67,7 @@ export class PivotTableConfigurationPanel extends ConfigurationPanelContent {
         const metricPositionControlsDisabled = this.isPositionControlDisabled();
         const columnHeadersControlsDisabled = this.isColumnHeadersPositionControlDisabled();
         const enableNewPivotTable = featureFlags?.enableNewPivotTable ?? true;
-        const canvasSection = (_jsxs(ConfigDummySection, { id: "metric_col_header_position_section", children: [
-                _jsx(MetricsPositionControl, { isDisabled: metricPositionControlsDisabled, showDisabledMessage: metricPositionControlsDisabled ? !isLoading : false, properties: properties, pushData: pushData }), _jsx(ColumnHeadersPositionControl, { isDisabled: columnHeadersControlsDisabled, showDisabledMessage: columnHeadersControlsDisabled ? !isLoading : false, properties: properties, pushData: pushData, insight: insight, isLoading: isLoading, enableNewPivotTable: enableNewPivotTable }), enableNewPivotTable ? (_jsxs(_Fragment, { children: [
-                        _jsx(CellsControl, { properties: properties, pushData: pushData, isDisabled: isLoading }), _jsx(GrandTotalsControl, { properties: properties, pushData: pushData, isDisabled: isLoading })
-                    ] })) : null] }));
+        const canvasSection = (_jsxs(ConfigDummySection, { id: "metric_col_header_position_section", children: [_jsx(MetricsPositionControl, { isDisabled: metricPositionControlsDisabled, showDisabledMessage: metricPositionControlsDisabled ? !isLoading : false, properties: properties, pushData: pushData }), _jsx(ColumnHeadersPositionControl, { isDisabled: columnHeadersControlsDisabled, showDisabledMessage: columnHeadersControlsDisabled ? !isLoading : false, properties: properties, pushData: pushData, insight: insight, isLoading: isLoading, enableNewPivotTable: enableNewPivotTable }), enableNewPivotTable ? (_jsxs(_Fragment, { children: [_jsx(CellsControl, { properties: properties, pushData: pushData, isDisabled: isLoading }), _jsx(GrandTotalsControl, { properties: properties, pushData: pushData, isDisabled: isLoading })] })) : null] }));
         return panelConfig.supportsAttributeHierarchies ? (_jsx(ConfigSection, { id: "canvas_section", className: "gd-table-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, pushData: pushData, children: canvasSection })) : (canvasSection);
     }
     renderConditionalFormattingSection() {

package/esm/internal/components/configurationPanels/PyramidChartConfigurationPanel.js

@@ -11,9 +11,7 @@ export class PyramidChartConfigurationPanel extends ConfigurationPanelContent {
     renderConfigurationPanel() {
         const { propertiesMeta, properties, pushData } = this.props;
         const controlsDisabled = this.isControlDisabled();
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {

package/esm/internal/components/configurationPanels/RadarChartConfigurationPanel.js

@@ -25,11 +25,7 @@ export class RadarChartConfigurationPanel extends LineChartBasedConfigurationPan
         const shouldContinuousLineControlDisabled = controlsDisabled || isContinuousLineControlDisabled;
         const distinctPointShapesEnabled = properties?.controls?.["distinctPointShapes"]?.enabled;
         const shouldDistinctPointShapesDisabled = controlsDisabled || isDataPointsControlDisabled || Boolean(isDistinctPointShapesDisabled);
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderRadarGridSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: false }), _jsx(DataPointsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled || isDataPointsControlDisabled, showDisabledMessage: isDataPointsControlDisabled }), _jsx(DistinctPointShapesControl, { pushData: pushData, checked: shouldDistinctPointShapesDisabled ? false : distinctPointShapesEnabled, properties: properties, disabled: shouldDistinctPointShapesDisabled }), _jsx(ContinuousLineControl, { properties: properties, checked: shouldContinuousLineControlDisabled ? false : continuousLineEnabled, disabled: controlsDisabled || isDataPointsControlDisabled, pushData: pushData })
-                            ] }), this.renderAnomaliesSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderRadarGridSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: false }), _jsx(DataPointsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled || isDataPointsControlDisabled, showDisabledMessage: isDataPointsControlDisabled }), _jsx(DistinctPointShapesControl, { pushData: pushData, checked: shouldDistinctPointShapesDisabled ? false : distinctPointShapesEnabled, properties: properties, disabled: shouldDistinctPointShapesDisabled }), _jsx(ContinuousLineControl, { properties: properties, checked: shouldContinuousLineControlDisabled ? false : continuousLineEnabled, disabled: controlsDisabled || isDataPointsControlDisabled, pushData: pushData })] }), this.renderAnomaliesSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     /**
      * Replaces the separate X-Axis and Y-Axis sections with a single "Grid" section.
@@ -41,11 +37,7 @@ export class RadarChartConfigurationPanel extends LineChartBasedConfigurationPan
         const gridEnabled = properties?.controls?.["grid"]?.enabled ?? true;
         const xAxisLabelsEnabled = properties?.controls?.["xaxis"]?.labelsEnabled ?? true;
         const yAxisLabelsEnabled = properties?.controls?.["yaxis"]?.labelsEnabled ?? true;
-        return (_jsxs(ConfigSection, { id: "radar_grid_section", title: messages["radarGridSectionTitle"].id, valuePath: "grid.enabled", canBeToggled: true, toggledOn: gridEnabled, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                _jsx(RadarGridLineShapeControl, { disabled: controlsDisabled, properties: properties, pushData: pushData }), _jsxs(ConfigSubsection, { title: messages["radarLabelsSubsection"].id, children: [
-                        _jsx(CheckboxControl, { valuePath: "xaxis.labelsEnabled", labelText: messages["radarSpokeLabels"].id, properties: properties, checked: xAxisLabelsEnabled, disabled: controlsDisabled, pushData: pushData }), _jsx(CheckboxControl, { valuePath: "yaxis.labelsEnabled", labelText: messages["radarRadialLabels"].id, properties: properties, checked: yAxisLabelsEnabled, disabled: controlsDisabled, pushData: pushData })
-                    ] }), _jsx(MinMaxControl, { isDisabled: controlsDisabled, basePath: "yaxis", pushData: pushData, properties: properties, propertiesMeta: propertiesMeta })
-            ] }));
+        return (_jsxs(ConfigSection, { id: "radar_grid_section", title: messages["radarGridSectionTitle"].id, valuePath: "grid.enabled", canBeToggled: true, toggledOn: gridEnabled, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(RadarGridLineShapeControl, { disabled: controlsDisabled, properties: properties, pushData: pushData }), _jsxs(ConfigSubsection, { title: messages["radarLabelsSubsection"].id, children: [_jsx(CheckboxControl, { valuePath: "xaxis.labelsEnabled", labelText: messages["radarSpokeLabels"].id, properties: properties, checked: xAxisLabelsEnabled, disabled: controlsDisabled, pushData: pushData }), _jsx(CheckboxControl, { valuePath: "yaxis.labelsEnabled", labelText: messages["radarRadialLabels"].id, properties: properties, checked: yAxisLabelsEnabled, disabled: controlsDisabled, pushData: pushData })] }), _jsx(MinMaxControl, { isDisabled: controlsDisabled, basePath: "yaxis", pushData: pushData, properties: properties, propertiesMeta: propertiesMeta })] }));
     }
     renderColorSection() {
         const { properties, propertiesMeta, pushData, colors, references, insight, isLoading } = this.props;

package/esm/internal/components/configurationPanels/RepeaterConfigurationPanel.js

@@ -13,11 +13,7 @@ import { ConfigurationPanelContent } from "./ConfigurationPanelContent.js";
 export class RepeaterConfigurationPanel extends ConfigurationPanelContent {
     renderConfigurationPanel() {
         const { propertiesMeta, properties, pushData } = this.props;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(RowHeightControl, { pushData: pushData, properties: properties }), _jsx(VerticalAlignControl, { pushData: pushData, properties: properties }), _jsx(TextWrappingControl, { pushData: pushData, properties: properties }), _jsx(ImageControl, { pushData: pushData, properties: properties })
-                            ] }), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(RowHeightControl, { pushData: pushData, properties: properties }), _jsx(VerticalAlignControl, { pushData: pushData, properties: properties }), _jsx(TextWrappingControl, { pushData: pushData, properties: properties }), _jsx(ImageControl, { pushData: pushData, properties: properties })] }), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {

package/esm/internal/components/configurationPanels/SankeyChartConfigurationPanel.js

@@ -12,9 +12,7 @@ import { ConfigurationPanelContent } from "./ConfigurationPanelContent.js";
 export class SankeyChartConfigurationPanel extends ConfigurationPanelContent {
     renderConfigurationPanel() {
         const bubbleClassNames = cx("bubble-primary", { invisible: !this.isControlDisabled() });
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), this.renderCanvasSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: bubbleClassNames, arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), this.renderCanvasSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: bubbleClassNames, arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderCanvasSection() {
         const { propertiesMeta, properties, pushData } = this.props;

package/esm/internal/components/configurationPanels/ScatterPlotConfigurationPanel.js

@@ -33,16 +33,7 @@ export class ScatterPlotConfigurationPanel extends ConfigurationPanelContent {
         const yAxisNameSectionDisabled = controlsDisabled || itemsOnYAxis !== 1;
         const isScatterPlotClusteringDisabled = this.isClusteringDisabled();
         const showingPartialClusters = propertiesMeta?.showingPartialClusters;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: yAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("yaxis")] }), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: this.areDataLabelsDisabled(), defaultValue: false, showDisabledMessage: this.isDataLabelsWarningShown() }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })
-                            ] }), _jsxs(ConfigSection, { id: "clustering_section", title: messages["clusteringTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, valuePath: "clustering.enabled", canBeToggled: true, toggledOn: clusteringEnabled, toggleDisabled: controlsDisabled || isScatterPlotClusteringDisabled, showDisabledMessage: isScatterPlotClusteringDisabled, toggleMessageId: defineMessage({ id: "properties.clustering.disabled" }).id, children: [
-                                _jsx(NumberOfClustersControl, { valuePath: "clustering.numberOfClusters", disabled: controlsDisabled || isScatterPlotClusteringDisabled, properties: properties, pushData: pushData }), _jsx(ClusteringThresholdControl, { valuePath: "clustering.threshold", disabled: controlsDisabled || isScatterPlotClusteringDisabled, properties: properties, pushData: pushData }), showingPartialClusters ? (_jsxs(Message, { type: "progress", className: "adi-input-progress", children: [
-                                        _jsx("h4", { children: _jsx(FormattedMessage, { id: "properties.clustering.amount.partial.title" }) }), _jsx(FormattedMessage, { id: "properties.clustering.amount.partial.description" })
-                                    ] })) : null] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: yAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("yaxis")] }), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: this.areDataLabelsDisabled(), defaultValue: false, showDisabledMessage: this.isDataLabelsWarningShown() }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })] }), _jsxs(ConfigSection, { id: "clustering_section", title: messages["clusteringTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, valuePath: "clustering.enabled", canBeToggled: true, toggledOn: clusteringEnabled, toggleDisabled: controlsDisabled || isScatterPlotClusteringDisabled, showDisabledMessage: isScatterPlotClusteringDisabled, toggleMessageId: defineMessage({ id: "properties.clustering.disabled" }).id, children: [_jsx(NumberOfClustersControl, { valuePath: "clustering.numberOfClusters", disabled: controlsDisabled || isScatterPlotClusteringDisabled, properties: properties, pushData: pushData }), _jsx(ClusteringThresholdControl, { valuePath: "clustering.threshold", disabled: controlsDisabled || isScatterPlotClusteringDisabled, properties: properties, pushData: pushData }), showingPartialClusters ? (_jsxs(Message, { type: "progress", className: "adi-input-progress", children: [_jsx("h4", { children: _jsx(FormattedMessage, { id: "properties.clustering.amount.partial.title" }) }), _jsx(FormattedMessage, { id: "properties.clustering.amount.partial.description" })] })) : null] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderMinMax(basePath) {
         const { pushData, properties, propertiesMeta } = this.props;

package/esm/internal/components/configurationPanels/TreeMapConfigurationPanel.js

@@ -11,9 +11,7 @@ export class TreeMapConfigurationPanel extends ConfigurationPanelContent {
     renderConfigurationPanel() {
         const { propertiesMeta, properties, pushData } = this.props;
         const controlsDisabled = this.isControlDisabled();
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: "auto" }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getBubbleClassNames() {
         return cx("bubble-primary", {

package/esm/internal/components/configurationPanels/WaterfallChartConfigurationPanel.js

@@ -20,11 +20,7 @@ export class WaterfallChartConfigurationPanel extends BaseChartConfigurationPane
         const { gridEnabled, axes } = this.getControlProperties();
         const { properties, propertiesMeta, pushData, dataLabelDefaultValue = false } = this.props;
         const controlsDisabled = this.isControlDisabled();
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), _jsx(TotalSection, { controlsDisabled: controlsDisabled, properties: properties, propertiesMeta: propertiesMeta, pushData: pushData }), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(OrientationDropdownControl, { pushData: pushData, properties: properties, disabled: controlsDisabled, value: properties?.controls?.["orientation"]?.position || "horizontal", showDisabledMessage: false }), _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: dataLabelDefaultValue }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })
-                            ] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: TOOLTIP_ARROW_OFFSET, alignPoints: TOOLTIP_ALIGN_POINT, children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), _jsx(TotalSection, { controlsDisabled: controlsDisabled, properties: properties, propertiesMeta: propertiesMeta, pushData: pushData }), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", className: "gd-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(OrientationDropdownControl, { pushData: pushData, properties: properties, disabled: controlsDisabled, value: properties?.controls?.["orientation"]?.position || "horizontal", showDisabledMessage: false }), _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, defaultValue: dataLabelDefaultValue }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: TOOLTIP_ARROW_OFFSET, alignPoints: TOOLTIP_ALIGN_POINT, children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderLegendSection() {
         const { properties, propertiesMeta, pushData } = this.props;
@@ -42,8 +38,7 @@ export class WaterfallChartConfigurationPanel extends BaseChartConfigurationPane
             const isPrimaryAxisWithMoreThanOneItem = isPrimaryAxis && (itemsOnAxes?.[axis.name] ?? 0) > 1;
             const nameSubsectionDisabled = !isViewedBy || isPrimaryAxisWithMoreThanOneItem;
             const { name, title, subtitle, visible } = axis;
-            return (_jsxs(ConfigSection, { id: `${name}_section`, title: title, subtitle: subtitle, valuePath: `${name}.visible`, canBeToggled: true, toggledOn: visible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                    _jsx(NameSubsection, { disabled: nameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: false, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData, showFormat: isPrimaryAxis }), isPrimaryAxis ? this.renderMinMax(axis.name) : null] }, name));
+            return (_jsxs(ConfigSection, { id: `${name}_section`, title: title, subtitle: subtitle, valuePath: `${name}.visible`, canBeToggled: true, toggledOn: visible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: nameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: false, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData, showFormat: isPrimaryAxis }), isPrimaryAxis ? this.renderMinMax(axis.name) : null] }, name));
         });
     }
 }

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/AddDataSource.js

@@ -13,7 +13,5 @@ export function AddDataSource({ ids, subjectType, grantedDataSources, enableBack
     const backButtonRenderer = useCallback(() => {
         return _jsx(BackButton, { onClick: onCancel, className: "s-user-management-navigate-back" });
     }, [onCancel]);
-    return (_jsxs(ConfirmDialogBase, { className: "gd-share-dialog gd-share-dialog-add-users s-user-management-add-data-source", displayCloseButton: true, isPositive: true, isSubmitDisabled: addedDataSources.length === 0 || isProcessing, showProgressIndicator: isProcessing, headline: intl.formatMessage(messages.addDataSourceDialogTitle), cancelButtonText: intl.formatMessage(messages.addWorkspaceDialogCloseButton), submitButtonText: intl.formatMessage(messages.addWorkspaceDialogSaveButton), onCancel: onCancel, onSubmit: onAdd, onClose: onClose, headerLeftButtonRenderer: enableBackButton ? backButtonRenderer : undefined, children: [
-            _jsx(AddDataSourceSelect, { addedDataSources: addedDataSources, grantedDataSources: grantedDataSources, onSelectDataSource: onSelect }), _jsx(DataSourceList, { subjectType: subjectType, mode: "EDIT", dataSources: addedDataSources, onDelete: onDelete, onChange: onChange, renderDataSourceIcon: renderDataSourceIcon })
-        ] }));
+    return (_jsxs(ConfirmDialogBase, { className: "gd-share-dialog gd-share-dialog-add-users s-user-management-add-data-source", displayCloseButton: true, isPositive: true, isSubmitDisabled: addedDataSources.length === 0 || isProcessing, showProgressIndicator: isProcessing, headline: intl.formatMessage(messages.addDataSourceDialogTitle), cancelButtonText: intl.formatMessage(messages.addWorkspaceDialogCloseButton), submitButtonText: intl.formatMessage(messages.addWorkspaceDialogSaveButton), onCancel: onCancel, onSubmit: onAdd, onClose: onClose, headerLeftButtonRenderer: enableBackButton ? backButtonRenderer : undefined, children: [_jsx(AddDataSourceSelect, { addedDataSources: addedDataSources, grantedDataSources: grantedDataSources, onSelectDataSource: onSelect }), _jsx(DataSourceList, { subjectType: subjectType, mode: "EDIT", dataSources: addedDataSources, onDelete: onDelete, onChange: onChange, renderDataSourceIcon: renderDataSourceIcon })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/DataSourceItem.js

@@ -19,6 +19,5 @@ export function DataSourceItem({ dataSource, subjectType, onChange, onDelete, re
         "is-active": isDropdownOpen,
         "is-inherited": isInherited,
     });
-    return (_jsxs("div", { className: itemClassName, children: [isInherited ? (_jsx(InheritedIcon, { tooltipMessage: intl.formatMessage(dataSourcePermissionMessages.inherited) })) : (_jsx(PermissionsDropdown, { dataSource: dataSource, subjectType: subjectType, isDropdownOpen: isDropdownOpen, toggleDropdown: toggleDropdown, onChange: onChange, onDelete: onDelete, className: "gd-grantee-granular-permission" })), _jsxs("div", { className: "gd-grantee-content", children: [
-                    _jsx("div", { className: "gd-grantee-content-label", children: dataSource.title }), isInherited ? (_jsx("div", { className: "gd-grantee-content-label gd-grantee-content-email", children: intl.formatMessage(dataSourcePermissionMessages[dataSource.permission]) })) : null] }), renderDataSourceIcon ? renderDataSourceIcon(dataSource) : _jsx(DataSourceIcon, {})] }));
+    return (_jsxs("div", { className: itemClassName, children: [isInherited ? (_jsx(InheritedIcon, { tooltipMessage: intl.formatMessage(dataSourcePermissionMessages.inherited) })) : (_jsx(PermissionsDropdown, { dataSource: dataSource, subjectType: subjectType, isDropdownOpen: isDropdownOpen, toggleDropdown: toggleDropdown, onChange: onChange, onDelete: onDelete, className: "gd-grantee-granular-permission" })), _jsxs("div", { className: "gd-grantee-content", children: [_jsx("div", { className: "gd-grantee-content-label", children: dataSource.title }), isInherited ? (_jsx("div", { className: "gd-grantee-content-label gd-grantee-content-email", children: intl.formatMessage(dataSourcePermissionMessages[dataSource.permission]) })) : null] }), renderDataSourceIcon ? renderDataSourceIcon(dataSource) : _jsx(DataSourceIcon, {})] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/PermissionsDropdown.js

@@ -50,14 +50,12 @@ function Dropdown({ dataSource, subjectType, isDropdownDisabled, isDropdownOpen,
         }
     }, [isDropdownDisabled, toggleDropdown]);
     const buttonValue = intl.formatMessage(dataSourcePermissionMessages[selectedPermission]);
-    return (_jsxs("div", { className: className, children: [
-            _jsx("div", { className: cx("s-user-management-permission-button", "gd-granular-permission-button", "dropdown-button", `gd-granular-permission-button-${simplifyText(dataSource.id)}`, {
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: cx("s-user-management-permission-button", "gd-granular-permission-button", "dropdown-button", `gd-granular-permission-button-${simplifyText(dataSource.id)}`, {
                     "is-active": isDropdownOpen,
                     "gd-icon-navigateup": !isDropdownDisabled && isDropdownOpen,
                     "gd-icon-navigatedown": !isDropdownDisabled && !isDropdownOpen,
                     disabled: isDropdownDisabled,
                     "gd-icon-right": !isDropdownDisabled,
-                }), onClick: handleClick, "aria-label": "Share dialog granular permissions button", children: _jsx("div", { className: "s-user-management-button-title gd-granular-permission-button-title", children: buttonValue }) }), _jsx(PermissionsDropdownList, { selectedPermission: selectedPermission, items: items, subjectType: subjectType, onSelect: handleOnSelect, onDelete: handleOnDelete, toggleDropdown: toggleDropdown, isShowDropdown: isDropdownOpen, alignTo: `.gd-granular-permission-button-${simplifyText(dataSource.id)}` })
-        ] }));
+                }), onClick: handleClick, "aria-label": "Share dialog granular permissions button", children: _jsx("div", { className: "s-user-management-button-title gd-granular-permission-button-title", children: buttonValue }) }), _jsx(PermissionsDropdownList, { selectedPermission: selectedPermission, items: items, subjectType: subjectType, onSelect: handleOnSelect, onDelete: handleOnDelete, toggleDropdown: toggleDropdown, isShowDropdown: isDropdownOpen, alignTo: `.gd-granular-permission-button-${simplifyText(dataSource.id)}` })] }));
 }
 export const PermissionsDropdown = withBubble(Dropdown);

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/PermissionsDropdownItem.js

@@ -17,7 +17,5 @@ export function PermissionDropdownItem({ permission, selectedPermission, toggleD
     return (_jsxs("div", { onClick: handleOnChange, className: cx("gd-list-item", "gd-menu-item", "gd-granular-permission-select-item", "gd-user-management-permission-item", "s-user-management-permission-item", {
             "is-disabled": !permission.enabled,
             "is-selected": isSelected,
-        }), children: [
-            _jsx("div", { children: intl.formatMessage(dataSourcePermissionMessages[permission.id]) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: bubbleTextId }) })
-        ] }));
+        }), children: [_jsx("div", { children: intl.formatMessage(dataSourcePermissionMessages[permission.id]) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: bubbleTextId }) })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/PermissionsDropdownList.js

@@ -37,6 +37,5 @@ export function PermissionsDropdownList({ items, subjectType, alignTo, isShowDro
     }
     return (_jsx(Overlay, { alignTo: alignTo, alignPoints: overlayAlignPoints, className: "s-user-management-permissions-overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, closeOnParentScroll: true, onClose: toggleDropdown, children: _jsxs(ItemsWrapper, { smallItemsSpacing: true, children: [items.map((permissionItem) => {
                     return (_jsx(PermissionDropdownItem, { permission: permissionItem, selectedPermission: selectedPermission, toggleDropdown: toggleDropdown, onSelect: handleOnSelect, bubbleTextId: tooltipSource[permissionItem.id].id }, permissionItem.id));
-                }), _jsx(Separator, {}), _jsx(RemoveItem, { onClick: handleOnDelete })
-            ] }) }, "GranularPermissionsSelect"));
+                }), _jsx(Separator, {}), _jsx(RemoveItem, { onClick: handleOnDelete })] }) }, "GranularPermissionsSelect"));
 }

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/backend/loadUserDataSourceOptionsPromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadUserDataSourceOptionsPromise.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/backend/loadUserDataSourceOptionsPromise.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,YAAY,CAAC;AAE5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAgBvF,eAAO,MAAM,gCAAgC,qIAoBxC,CAAC"}
+{"version":3,"file":"loadUserDataSourceOptionsPromise.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/backend/loadUserDataSourceOptionsPromise.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,YAAY,CAAC;AAE5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAgBvF,eAAO,MAAM,gCAAgC,YAC/B,kBAAkB,QAAQ,SAAS,kBAC1B,MAAM,KAAG,OAAO,CAAC,uBAAuB,EAAE,GAAG,kBAAkB,EAAE,CAkBnF,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/locales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/locales.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;CAKvC,CAAC"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/locales.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B;;QAC3B,EAAE;;;QACL,EAAE;;;QACC,EAAE;;;QACC,EAAE;;CACjB,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/useAddDataSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddDataSource.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/useAddDataSource.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAO3E,OAAO,EAAE,KAAK,2BAA2B,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGxF,eAAO,MAAM,gBAAgB;;;;;;;CA2F5B,CAAC"}
+{"version":3,"file":"useAddDataSource.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/useAddDataSource.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAO3E,OAAO,EAAE,KAAK,2BAA2B,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGxF,eAAO,MAAM,gBAAgB,QACpB,MAAM,EAAE,eACA,2BAA2B,YAC9B,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,YAC3C,MAAM,IAAI;;0BASS,kBAAkB;0BAIlB,kBAAkB;6BAqDf,+BAA+B;;;CAqBlE,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/DataSources/usePermissionsDropdownState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePermissionsDropdownState.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/usePermissionsDropdownState.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B;;;CAKvC,CAAC"}
+{"version":3,"file":"usePermissionsDropdownState.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/DataSources/usePermissionsDropdownState.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B;IAI3B,cAAc;IAAU,cAAc;CAClD,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Details/DetailRow.js

@@ -11,6 +11,5 @@ export function DetailRow({ labelText, value, mode, disabled, onChange }) {
         "gd-user-management-dialog-detail-value-empty": !value,
     });
     const inputClassNames = cx("gd-user-management-dialog-detail-input", `s-user-management-input-${simplifyText(labelText)}`);
-    return (_jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [
-            _jsx("div", { className: "gd-user-management-dialog-detail-label", children: labelText }), mode === "VIEW" && (_jsx("div", { className: viewClassNames, children: value || intl.formatMessage(messages.emptyDetailValue) })), mode === "EDIT" && (_jsx("div", { children: _jsx(Input, { value: value, disabled: disabled, onChange: onChange, className: inputClassNames }) }))] }));
+    return (_jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [_jsx("div", { className: "gd-user-management-dialog-detail-label", children: labelText }), mode === "VIEW" && (_jsx("div", { className: viewClassNames, children: value || intl.formatMessage(messages.emptyDetailValue) })), mode === "EDIT" && (_jsx("div", { children: _jsx(Input, { value: value, disabled: disabled, onChange: onChange, className: inputClassNames }) }))] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/Details/OrganizationMemberDropdown.js

@@ -9,23 +9,17 @@ import { QuestionMarkIcon } from "../Workspace/WorkspaceItem/QuestionMarkIcon.js
 const overlayAlignPoints = [{ align: "br tr" }];
 export function OrganizationMemberDropdown({ isAdmin, isDisabled, onChange, }) {
     const intl = useIntl();
-    const renderDropdownBody = useCallback(({ closeDropdown }) => (_jsx(Overlay, { alignTo: ".gd-user-management-dialog-detail-organization-membership", alignPoints: overlayAlignPoints, className: "s-user-management-user-permissions-overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, closeOnParentScroll: true, onClose: closeDropdown, children: _jsxs(ItemsWrapper, { smallItemsSpacing: true, children: [
-                _jsxs("div", { onClick: () => {
+    const renderDropdownBody = useCallback(({ closeDropdown }) => (_jsx(Overlay, { alignTo: ".gd-user-management-dialog-detail-organization-membership", alignPoints: overlayAlignPoints, className: "s-user-management-user-permissions-overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, closeOnParentScroll: true, onClose: closeDropdown, children: _jsxs(ItemsWrapper, { smallItemsSpacing: true, children: [_jsxs("div", { onClick: () => {
                         onChange(true);
                         closeDropdown();
                     }, className: cx("gd-list-item", "gd-menu-item", "gd-user-management-dialog-detail-input", "gd-user-management-permission-item", "s-user-management-permission-admin", {
                         "is-selected": isAdmin,
-                    }), children: [
-                        _jsx("div", { children: intl.formatMessage(messages.userIsAdmin) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: messages.userIsAdminTooltip.id }) })
-                    ] }), _jsxs("div", { onClick: () => {
+                    }), children: [_jsx("div", { children: intl.formatMessage(messages.userIsAdmin) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: messages.userIsAdminTooltip.id }) })] }), _jsxs("div", { onClick: () => {
                         onChange(false);
                         closeDropdown();
                     }, className: cx("gd-list-item", "gd-menu-item", "gd-user-management-dialog-detail-input", "gd-user-management-permission-item", "s-user-management-permission-non-admin", {
                         "is-selected": !isAdmin,
-                    }), children: [
-                        _jsx("div", { children: intl.formatMessage(messages.userIsRegularUser) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: messages.userIsRegularUserTooltip.id }) })
-                    ] })
-            ] }) }, "GranularPermissionsSelect")), [isAdmin, onChange, intl]);
+                    }), children: [_jsx("div", { children: intl.formatMessage(messages.userIsRegularUser) }), _jsx("div", { className: "gd-user-management-help-icon-wrapper", children: _jsx(QuestionMarkIcon, { bubbleTextId: messages.userIsRegularUserTooltip.id }) })] })] }) }, "GranularPermissionsSelect")), [isAdmin, onChange, intl]);
     const selectedValue = useMemo(() => isAdmin
         ? intl.formatMessage(messages.userIsAdmin)
         : intl.formatMessage(messages.userIsRegularUser), [isAdmin, intl]);

package/esm/internal/components/dialogs/userManagementDialogs/Details/UserDetailsView.js

@@ -21,22 +21,14 @@ export function UserDetailsView({ user, isAdmin, isBootstrapUser, mode, isSystem
     // demoted to a regular member.
     const isSystemAccountDisplayed = isAdmin || !!user.systemAccount;
     const isSystemAccountDisabled = mode === "VIEW" || isAdmin;
-    return (_jsxs("div", { className: "gd-user-management-dialog-detail s-user-management-user", children: [
-            _jsx(DetailRow, { labelText: intl.formatMessage(messages.userFirstName), value: user.firstName, mode: mode, onChange: (firstName) => onChange?.({ ...user, firstName: String(firstName) }, isAdmin) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userLastName), value: user.lastName, mode: mode, onChange: (lastName) => onChange?.({ ...user, lastName: String(lastName) }, isAdmin) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userEmail), value: user.email, mode: mode, onChange: (email) => onChange?.({ ...user, email: String(email) }, isAdmin) }), _jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [
-                    _jsx("div", { className: "gd-user-management-dialog-detail-label", children: intl.formatMessage(messages.userMembership) }), _jsxs("div", { children: [mode === "VIEW" &&
+    return (_jsxs("div", { className: "gd-user-management-dialog-detail s-user-management-user", children: [_jsx(DetailRow, { labelText: intl.formatMessage(messages.userFirstName), value: user.firstName, mode: mode, onChange: (firstName) => onChange?.({ ...user, firstName: String(firstName) }, isAdmin) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userLastName), value: user.lastName, mode: mode, onChange: (lastName) => onChange?.({ ...user, lastName: String(lastName) }, isAdmin) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userEmail), value: user.email, mode: mode, onChange: (email) => onChange?.({ ...user, email: String(email) }, isAdmin) }), _jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [_jsx("div", { className: "gd-user-management-dialog-detail-label", children: intl.formatMessage(messages.userMembership) }), _jsxs("div", { children: [mode === "VIEW" &&
                                 (isAdmin
                                     ? intl.formatMessage(messages.userIsAdmin)
                                     : intl.formatMessage(messages.userIsRegularUser)), mode === "EDIT" && (_jsx(OrganizationMemberDropdown, { isDisabled: isBootstrapUser, isAdmin: isAdmin, onChange: (isAdminNow) => {
                                     onChange?.(user, isAdminNow);
                                     trackEvent(isAdmin ? "user-role-changed-to-admin" : "user-role-changed-to-member");
-                                } }))] })
-                ] }), isSystemAccountFilteringEnabled ? (_jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [
-                    _jsxs("div", { className: "gd-user-management-dialog-detail-label gd-user-management-dialog-detail-label-with-icon", children: [
-                            _jsx("label", { htmlFor: systemAccountCheckboxId, children: intl.formatMessage(messages.userSystemAccount) }), _jsx(QuestionMarkIcon, { bubbleTextId: messages.userSystemAccountTooltip.id })
-                        ] }), _jsx("div", { children: _jsx(Checkbox, { id: systemAccountCheckboxId, value: isSystemAccountDisplayed, disabled: isSystemAccountDisabled, onChange: (value) => {
+                                } }))] })] }), isSystemAccountFilteringEnabled ? (_jsxs("div", { className: "gd-user-management-dialog-detail-row", children: [_jsxs("div", { className: "gd-user-management-dialog-detail-label gd-user-management-dialog-detail-label-with-icon", children: [_jsx("label", { htmlFor: systemAccountCheckboxId, children: intl.formatMessage(messages.userSystemAccount) }), _jsx(QuestionMarkIcon, { bubbleTextId: messages.userSystemAccountTooltip.id })] }), _jsx("div", { children: _jsx(Checkbox, { id: systemAccountCheckboxId, value: isSystemAccountDisplayed, disabled: isSystemAccountDisabled, onChange: (value) => {
                                 onChange?.({ ...user, systemAccount: value }, isAdmin);
                                 trackEvent(value ? "user-marked-system-account" : "user-unmarked-system-account");
-                            } }) })
-                ] })) : null, _jsx(DetailRow, { labelText: intl.formatMessage(messages.userId), value: user.login, mode: mode, disabled: true, onChange: () => { } })
-        ] }));
+                            } }) })] })) : null, _jsx(DetailRow, { labelText: intl.formatMessage(messages.userId), value: user.login, mode: mode, disabled: true, onChange: () => { } })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/Details/UserGroupDetailsView.js

@@ -8,7 +8,5 @@ export function UserGroupDetailsView({ userGroup, mode, onChange }) {
     if (!userGroup) {
         return null;
     }
-    return (_jsxs("div", { className: "gd-user-management-dialog-detail", children: [
-            _jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupName), value: userGroup.name, mode: mode, onChange: (name) => onChange?.({ ...userGroup, name: String(name) }) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupId), value: userGroup.id, mode: mode, disabled: true, onChange: () => { } })
-        ] }));
+    return (_jsxs("div", { className: "gd-user-management-dialog-detail", children: [_jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupName), value: userGroup.name, mode: mode, onChange: (name) => onChange?.({ ...userGroup, name: String(name) }) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupId), value: userGroup.id, mode: mode, disabled: true, onChange: () => { } })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/Details/detailsHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detailsHooks.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Details/detailsHooks.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAQlE,eAAO,MAAM,cAAc;;;;;;;CAuF1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;CAmD/B,CAAC"}
+{"version":3,"file":"detailsHooks.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Details/detailsHooks.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAQlE,eAAO,MAAM,cAAc,SACjB,KAAK,GAAG,SAAS,WACd,OAAO,YACN,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,YACvC,MAAM,IAAI,oBACF,MAAM,OAAO,CAAC,IAAI,CAAC;;;qBAgBb,KAAK,WAAW,OAAO;;;;CAkElD,CAAC;AAEF,eAAO,MAAM,mBAAmB,cACjB,UAAU,GAAG,SAAS,YACvB,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,YAC/B,MAAM,IAAI;;;;;;CAgDvB,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/ErrorDialog.js

@@ -5,9 +5,5 @@ import { messages } from "./locales.js";
 export function ErrorDialog({ dialogTitle, children, onClose }) {
     const intl = useIntl();
     const titleElementId = useId();
-    return (_jsxs(DialogBase, { className: "gd-share-dialog gd-share-dialog-add-users gd-user-management-dialog-view s-user-management-view-mode", displayCloseButton: true, onClose: onClose, accessibilityConfig: { titleElementId }, children: [
-            _jsx("div", { className: "gd-dialog-header-wrapper", children: _jsx("div", { className: "gd-dialog-header", children: _jsx(Typography, { tagName: "h3", className: "gd-dialog-header-title", id: titleElementId, children: _jsx("span", { children: dialogTitle }) }) }) }), _jsx("div", { className: "gd-dialog-content", children: children }), _jsx("div", { className: "gd-dialog-footer", children: _jsxs("div", { className: "gd-user-management-dialog-buttons", children: [
-                        _jsx("div", { className: "gd-user-management-dialog-buttons-left" }), _jsx("div", { className: "gd-user-management-dialog-buttons-right", children: _jsx(Button, { className: "gd-button gd-button-secondary", value: intl.formatMessage(messages.closeDialog), onClick: onClose }) })
-                    ] }) })
-        ] }));
+    return (_jsxs(DialogBase, { className: "gd-share-dialog gd-share-dialog-add-users gd-user-management-dialog-view s-user-management-view-mode", displayCloseButton: true, onClose: onClose, accessibilityConfig: { titleElementId }, children: [_jsx("div", { className: "gd-dialog-header-wrapper", children: _jsx("div", { className: "gd-dialog-header", children: _jsx(Typography, { tagName: "h3", className: "gd-dialog-header-title", id: titleElementId, children: _jsx("span", { children: dialogTitle }) }) }) }), _jsx("div", { className: "gd-dialog-content", children: children }), _jsx("div", { className: "gd-dialog-footer", children: _jsxs("div", { className: "gd-user-management-dialog-buttons", children: [_jsx("div", { className: "gd-user-management-dialog-buttons-left" }), _jsx("div", { className: "gd-user-management-dialog-buttons-right", children: _jsx(Button, { className: "gd-button gd-button-secondary", value: intl.formatMessage(messages.closeDialog), onClick: onClose }) })] }) })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/RemoveIcon.js

@@ -4,7 +4,5 @@ import cx from "classnames";
 import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
 const alignPoints = [{ align: "cr cl" }];
 export function RemoveIcon({ tooltipMessage, onClick, isDisabled = false }) {
-    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, className: "gd-grantee-item-delete", children: [
-            _jsx("span", { className: cx("gd-grantee-item-icon gd-grantee-icon-trash gd-grantee-item-icon-right s-user-management-delete", { "is-disabled": isDisabled }), onClick: isDisabled ? undefined : onClick, "aria-label": "Delete" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: alignPoints, children: tooltipMessage })
-        ] }));
+    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, className: "gd-grantee-item-delete", children: [_jsx("span", { className: cx("gd-grantee-item-icon gd-grantee-icon-trash gd-grantee-item-icon-right s-user-management-delete", { "is-disabled": isDisabled }), onClick: isDisabled ? undefined : onClick, "aria-label": "Delete" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: alignPoints, children: tooltipMessage })] }));
 }

package/esm/internal/components/dialogs/userManagementDialogs/TelemetryContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TelemetryContext.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dialogs/userManagementDialogs/TelemetryContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAItF;;GAEG;AACH,MAAM,MAAM,cAAc,GACpB,wBAAwB,GACxB,yBAAyB,GACzB,eAAe,GACf,cAAc,GACd,eAAe,GACf,qBAAqB,GACrB,sBAAsB,GACtB,6BAA6B,GAC7B,gCAAgC,GAChC,6BAA6B,GAC7B,gCAAgC,GAChC,iCAAiC,GACjC,kCAAkC,GAClC,oCAAoC,GACpC,qCAAqC,GACrC,sCAAsC,GACtC,6CAA6C,GAC7C,uCAAuC,GACvC,8CAA8C,GAC9C,iCAAiC,GACjC,kCAAkC,GAClC,4CAA4C,GAC5C,6CAA6C,GAC7C,wCAAwC,GACxC,yCAAyC,GACzC,mDAAmD,GACnD,oDAAoD,GACpD,oCAAoC,GACpC,qCAAqC,GACrC,2CAA2C,GAC3C,4CAA4C,GAC5C,mCAAmC,GACnC,oCAAoC,GACpC,4CAA4C,GAC5C,6CAA6C,GAC7C,+CAA+C,GAC/C,gDAAgD,GAChD,4BAA4B,GAC5B,6BAA6B,GAC7B,4BAA4B,GAC5B,8BAA8B,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;AAKjE,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAElF;AAED,eAAO,MAAM,YAAY,0BAIxB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,kBAAkB,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,mBAAmB,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;;;EAU9F"}
+{"version":3,"file":"TelemetryContext.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dialogs/userManagementDialogs/TelemetryContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAItF;;GAEG;AACH,MAAM,MAAM,cAAc,GACpB,wBAAwB,GACxB,yBAAyB,GACzB,eAAe,GACf,cAAc,GACd,eAAe,GACf,qBAAqB,GACrB,sBAAsB,GACtB,6BAA6B,GAC7B,gCAAgC,GAChC,6BAA6B,GAC7B,gCAAgC,GAChC,iCAAiC,GACjC,kCAAkC,GAClC,oCAAoC,GACpC,qCAAqC,GACrC,sCAAsC,GACtC,6CAA6C,GAC7C,uCAAuC,GACvC,8CAA8C,GAC9C,iCAAiC,GACjC,kCAAkC,GAClC,4CAA4C,GAC5C,6CAA6C,GAC7C,wCAAwC,GACxC,yCAAyC,GACzC,mDAAmD,GACnD,oDAAoD,GACpD,oCAAoC,GACpC,qCAAqC,GACrC,2CAA2C,GAC3C,4CAA4C,GAC5C,mCAAmC,GACnC,oCAAoC,GACpC,4CAA4C,GAC5C,6CAA6C,GAC7C,+CAA+C,GAC/C,gDAAgD,GAChD,4BAA4B,GAC5B,6BAA6B,GAC7B,4BAA4B,GAC5B,8BAA8B,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;AAKjE,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAElF;AAED,eAAO,MAAM,YAAY,0BAIxB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,kBAAkB,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,mBAAmB,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;YAC3D,CAAC;;EASpC"}

package/esm/internal/components/dialogs/userManagementDialogs/UserEditDialog.js

@@ -85,12 +85,9 @@ function UserEditDialogComponent({ userId, organizationId, isAdmin, onSuccess, o
         setWorkspaceToEdit(undefined);
         setDialogMode("VIEW");
     };
-    return (_jsxs(OrganizationIdProvider, { organizationId: organizationId, children: [isConfirmDeleteOpened ? (_jsx(DeleteConfirmDialog, { titleText: intl.formatMessage(messages.deleteUserConfirmTitle), bodyText: intl.formatMessage(messages.deleteUserConfirmBody), onConfirm: deleteUser, isProcessing: isDeleteUserProcessing, onCancel: onCloseDeleteDialog })) : null, _jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: dialogOverlayClassNames, resizeObserverThreshold: 0.2, children: _jsx("div", { className: dialogWrapperClassNames, children: isLoading ? (_jsxs(_Fragment, { children: [
-                            _jsx(LoadingComponent, { className: "gd-user-management-dialog-loading" }), _jsx(ErrorDialog, { dialogTitle: "", onClose: onClose })
-                        ] })) : error ? (_jsx(ErrorDialog, { onClose: onClose, dialogTitle: intl.formatMessage(messages.userLoadingErrorTitle), children: _jsx(Message, { type: "error", className: "gd-user-management-dialog-error", children: intl.formatMessage(isUnexpectedResponseError(error) && error.httpStatus === 404
+    return (_jsxs(OrganizationIdProvider, { organizationId: organizationId, children: [isConfirmDeleteOpened ? (_jsx(DeleteConfirmDialog, { titleText: intl.formatMessage(messages.deleteUserConfirmTitle), bodyText: intl.formatMessage(messages.deleteUserConfirmBody), onConfirm: deleteUser, isProcessing: isDeleteUserProcessing, onCancel: onCloseDeleteDialog })) : null, _jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: dialogOverlayClassNames, resizeObserverThreshold: 0.2, children: _jsx("div", { className: dialogWrapperClassNames, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingComponent, { className: "gd-user-management-dialog-loading" }), _jsx(ErrorDialog, { dialogTitle: "", onClose: onClose })] })) : error ? (_jsx(ErrorDialog, { onClose: onClose, dialogTitle: intl.formatMessage(messages.userLoadingErrorTitle), children: _jsx(Message, { type: "error", className: "gd-user-management-dialog-error", children: intl.formatMessage(isUnexpectedResponseError(error) && error.httpStatus === 404
                                 ? messages.userLoadingErrorNotExist
-                                : messages.userLoadingErrorUnknown) }) })) : (_jsxs(_Fragment, { children: [dialogMode === "VIEW" && (_jsxs(ViewDialog, { dialogTitle: extractUserName(user), isAdmin: isCurrentlyAdmin, isDeleteLinkEnabled: !isBootstrapUser(user), deleteLinkDisabledTooltipTextId: messages.deleteUserDisabledTooltip.id, deleteLinkText: intl.formatMessage(messages.deleteUserLink), onOpenDeleteDialog: onOpenDeleteDialog, onClose: onClose, onEdit: () => setDialogMode(editButtonMode), editButtonText: editButtonText, editButtonIconClassName: editButtonIconClassName, children: [isCurrentlyAdmin ? (_jsx("div", { className: "gd-message information gd-user-management-admin-alert s-admin-message", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage(messages.adminAlert) }) })) : null, _jsx(Tabs, { selectedTabId: selectedTabId.id, onTabSelect: setSelectedTabId, tabs: tabs, className: "gd-user-management-dialog-tabs s-user-management-tabs" }), selectedTabId.id === userDialogTabsMessages.workspaces.id && (_jsx(WorkspaceList, { workspaces: grantedWorkspaces, subjectType: "user", mode: "VIEW", onDelete: removeGrantedWorkspace, onChange: updateGrantedWorkspace, onClick: handleWorkspaceEdit })), selectedTabId.id === userDialogTabsMessages.userGroups.id && (_jsx(UserGroupsList, { userGroups: grantedUserGroups, mode: "VIEW", onDelete: removeGrantedUserGroup, isBootstrapUser: isBootstrapUser(user), bootstrapUserGroupId: bootstrapUserGroupId })), selectedTabId.id === userDialogTabsMessages.details.id && (_jsx(UserDetailsView, { user: user, isAdmin: isCurrentlyAdmin, isBootstrapUser: isBootstrapUser(user), mode: "VIEW", isSystemAccountFilteringEnabled: isSystemAccountFilteringEnabled })), selectedTabId.id === userDialogTabsMessages.dataSources.id && (_jsx(DataSourceList, { dataSources: grantedDataSources, subjectType: "user", mode: "VIEW", onDelete: removeGrantedDataSource, onChange: updateGrantedDataSource, renderDataSourceIcon: renderDataSourceIcon }))] })), dialogMode === "WORKSPACE" && (_jsx(AddWorkspace, { ids: [userId], subjectType: "user", grantedWorkspaces: grantedWorkspaces, enableBackButton: !isOpenedInEditMode, onSubmit: handleWorkspaceChanged, onCancel: isOpenedInEditMode ? onClose : handleWorkspaceCancel, onClose: onClose, editWorkspace: workspaceToEdit, areMetricPermissionsEnabled: areMetricPermissionsEnabled })), dialogMode === "USER_GROUPS" && (_jsx(AddUserGroup, { userIds: [userId], grantedUserGroups: grantedUserGroups, enableBackButton: !isOpenedInEditMode, onSubmit: onUserGroupsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose })), dialogMode === "DATA_SOURCES" && (_jsx(AddDataSource, { ids: [userId], subjectType: "user", grantedDataSources: grantedDataSources, enableBackButton: !isOpenedInEditMode, onSubmit: onDataSourcesChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, renderDataSourceIcon: renderDataSourceIcon })), dialogMode === "DETAIL" && (_jsx(EditUserDetails, { user: user, isAdmin: isCurrentlyAdmin, isBootstrapUser: isBootstrapUser(user), enableBackButton: !isOpenedInEditMode, changeUserMembership: changeUserMembership, isSystemAccountFilteringEnabled: isSystemAccountFilteringEnabled, onSubmit: onUserDetailsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, removeAdminGroup: removeAdminGroup }))] })) }) })
-        ] }));
+                                : messages.userLoadingErrorUnknown) }) })) : (_jsxs(_Fragment, { children: [dialogMode === "VIEW" && (_jsxs(ViewDialog, { dialogTitle: extractUserName(user), isAdmin: isCurrentlyAdmin, isDeleteLinkEnabled: !isBootstrapUser(user), deleteLinkDisabledTooltipTextId: messages.deleteUserDisabledTooltip.id, deleteLinkText: intl.formatMessage(messages.deleteUserLink), onOpenDeleteDialog: onOpenDeleteDialog, onClose: onClose, onEdit: () => setDialogMode(editButtonMode), editButtonText: editButtonText, editButtonIconClassName: editButtonIconClassName, children: [isCurrentlyAdmin ? (_jsx("div", { className: "gd-message information gd-user-management-admin-alert s-admin-message", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage(messages.adminAlert) }) })) : null, _jsx(Tabs, { selectedTabId: selectedTabId.id, onTabSelect: setSelectedTabId, tabs: tabs, className: "gd-user-management-dialog-tabs s-user-management-tabs" }), selectedTabId.id === userDialogTabsMessages.workspaces.id && (_jsx(WorkspaceList, { workspaces: grantedWorkspaces, subjectType: "user", mode: "VIEW", onDelete: removeGrantedWorkspace, onChange: updateGrantedWorkspace, onClick: handleWorkspaceEdit })), selectedTabId.id === userDialogTabsMessages.userGroups.id && (_jsx(UserGroupsList, { userGroups: grantedUserGroups, mode: "VIEW", onDelete: removeGrantedUserGroup, isBootstrapUser: isBootstrapUser(user), bootstrapUserGroupId: bootstrapUserGroupId })), selectedTabId.id === userDialogTabsMessages.details.id && (_jsx(UserDetailsView, { user: user, isAdmin: isCurrentlyAdmin, isBootstrapUser: isBootstrapUser(user), mode: "VIEW", isSystemAccountFilteringEnabled: isSystemAccountFilteringEnabled })), selectedTabId.id === userDialogTabsMessages.dataSources.id && (_jsx(DataSourceList, { dataSources: grantedDataSources, subjectType: "user", mode: "VIEW", onDelete: removeGrantedDataSource, onChange: updateGrantedDataSource, renderDataSourceIcon: renderDataSourceIcon }))] })), dialogMode === "WORKSPACE" && (_jsx(AddWorkspace, { ids: [userId], subjectType: "user", grantedWorkspaces: grantedWorkspaces, enableBackButton: !isOpenedInEditMode, onSubmit: handleWorkspaceChanged, onCancel: isOpenedInEditMode ? onClose : handleWorkspaceCancel, onClose: onClose, editWorkspace: workspaceToEdit, areMetricPermissionsEnabled: areMetricPermissionsEnabled })), dialogMode === "USER_GROUPS" && (_jsx(AddUserGroup, { userIds: [userId], grantedUserGroups: grantedUserGroups, enableBackButton: !isOpenedInEditMode, onSubmit: onUserGroupsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose })), dialogMode === "DATA_SOURCES" && (_jsx(AddDataSource, { ids: [userId], subjectType: "user", grantedDataSources: grantedDataSources, enableBackButton: !isOpenedInEditMode, onSubmit: onDataSourcesChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, renderDataSourceIcon: renderDataSourceIcon })), dialogMode === "DETAIL" && (_jsx(EditUserDetails, { user: user, isAdmin: isCurrentlyAdmin, isBootstrapUser: isBootstrapUser(user), enableBackButton: !isOpenedInEditMode, changeUserMembership: changeUserMembership, isSystemAccountFilteringEnabled: isSystemAccountFilteringEnabled, onSubmit: onUserDetailsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, removeAdminGroup: removeAdminGroup }))] })) }) })] }));
 }
 /**
  * @internal

package/esm/internal/components/dialogs/userManagementDialogs/UserGroupEditDialog.js

@@ -83,14 +83,11 @@ function UserGroupEditDialogComponent({ userGroupId, organizationId, isAdmin, on
     const isLoading = error
         ? false
         : userGroupIsLoading || !grantedWorkspaces || !grantedUsers || !grantedDataSources;
-    return (_jsxs(OrganizationIdProvider, { organizationId: organizationId, children: [isConfirmDeleteOpened ? (_jsx(DeleteConfirmDialog, { titleText: extractUserGroupName(userGroup), bodyText: intl.formatMessage(messages.deleteUserGroupConfirmBody), isProcessing: isDeleteUserGroupProcessing, onConfirm: deleteUserGroup, onCancel: onCloseDeleteDialog })) : null, _jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: dialogOverlayClassNames, resizeObserverThreshold: 0.2, children: _jsx("div", { className: dialogWrapperClassNames, children: isLoading ? (_jsxs(_Fragment, { children: [
-                            _jsx(LoadingComponent, { className: "gd-user-management-dialog-loading" }), _jsx(ErrorDialog, { dialogTitle: "", onClose: onClose })
-                        ] })) : error ? (_jsx(ErrorDialog, { onClose: onClose, dialogTitle: intl.formatMessage(messages.userGroupLoadingErrorTitle), children: _jsx(Message, { type: "error", className: "gd-user-management-dialog-error", children: intl.formatMessage(isUnexpectedResponseError(error) && error.httpStatus === 404
+    return (_jsxs(OrganizationIdProvider, { organizationId: organizationId, children: [isConfirmDeleteOpened ? (_jsx(DeleteConfirmDialog, { titleText: extractUserGroupName(userGroup), bodyText: intl.formatMessage(messages.deleteUserGroupConfirmBody), isProcessing: isDeleteUserGroupProcessing, onConfirm: deleteUserGroup, onCancel: onCloseDeleteDialog })) : null, _jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", className: dialogOverlayClassNames, resizeObserverThreshold: 0.2, children: _jsx("div", { className: dialogWrapperClassNames, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingComponent, { className: "gd-user-management-dialog-loading" }), _jsx(ErrorDialog, { dialogTitle: "", onClose: onClose })] })) : error ? (_jsx(ErrorDialog, { onClose: onClose, dialogTitle: intl.formatMessage(messages.userGroupLoadingErrorTitle), children: _jsx(Message, { type: "error", className: "gd-user-management-dialog-error", children: intl.formatMessage(isUnexpectedResponseError(error) && error.httpStatus === 404
                                 ? messages.userGroupLoadingErrorNotExist
                                 : messages.userGroupLoadingErrorUnknown) }) })) : (_jsxs(_Fragment, { children: [dialogMode === "VIEW" && (_jsxs(ViewDialog, { dialogTitle: extractUserGroupName(userGroup), isAdmin: isAdmin, isDeleteLinkEnabled: !isBootstrapUserGroup(userGroup) && grantedUsers?.length === 0, deleteLinkDisabledTooltipTextId: isBootstrapUserGroup(userGroup)
                                     ? messages.deleteAdminUserGroupTooltip.id
-                                    : messages.deleteNonEmptyUserGroupTooltip.id, deleteLinkText: intl.formatMessage(messages.deleteUserGroupLink), onOpenDeleteDialog: onOpenDeleteDialog, onClose: onClose, onEdit: () => setDialogMode(editButtonMode), editButtonText: editButtonText, editButtonIconClassName: editButtonIconClassName, children: [isAdmin ? (_jsx("div", { className: "gd-message information gd-user-management-admin-alert s-admin-message", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage(messages.adminGroupAlert) }) })) : null, _jsx(Tabs, { selectedTabId: selectedTabId.id, onTabSelect: setSelectedTabId, tabs: tabs, className: "gd-user-management-dialog-tabs s-user-management-tabs" }), selectedTabId.id === userGroupDialogTabsMessages.workspaces.id && (_jsx(WorkspaceList, { workspaces: grantedWorkspaces, subjectType: "userGroup", mode: "VIEW", onDelete: removeGrantedWorkspace, onChange: updateGrantedWorkspace, onClick: handleWorkspaceEdit })), selectedTabId.id === userGroupDialogTabsMessages.dataSources.id && (_jsx(DataSourceList, { dataSources: grantedDataSources, subjectType: "userGroup", mode: "VIEW", onDelete: removeGrantedDataSource, onChange: updateGrantedDataSource, renderDataSourceIcon: renderDataSourceIcon })), selectedTabId.id === userGroupDialogTabsMessages.users.id && (_jsx(UsersList, { users: grantedUsers, mode: "VIEW", onDelete: removeGrantedUsers, isBootstrapUserGroup: isBootstrapUserGroup(userGroup), bootstrapUserId: bootstrapUserId })), selectedTabId.id === userGroupDialogTabsMessages.details.id && (_jsx(UserGroupDetailsView, { userGroup: userGroup, mode: "VIEW" }))] })), dialogMode === "WORKSPACE" && (_jsx(AddWorkspace, { ids: [userGroupId], subjectType: "userGroup", grantedWorkspaces: grantedWorkspaces, enableBackButton: !isOpenedInEditMode, onSubmit: handleWorkspaceChanged, onCancel: isOpenedInEditMode ? onClose : handleWorkspaceCancel, onClose: onClose, editWorkspace: workspaceToEdit, areMetricPermissionsEnabled: areMetricPermissionsEnabled })), dialogMode === "USERS" && (_jsx(AddUser, { userGroupIds: [userGroupId], grantedUsers: grantedUsers, enableBackButton: !isOpenedInEditMode, onSubmit: onUsersChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose })), dialogMode === "DATA_SOURCES" && (_jsx(AddDataSource, { ids: [userGroupId], subjectType: "userGroup", grantedDataSources: grantedDataSources, enableBackButton: !isOpenedInEditMode, onSubmit: onDataSourcesChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, renderDataSourceIcon: renderDataSourceIcon })), dialogMode === "DETAIL" && (_jsx(EditUserGroupDetails, { userGroup: userGroup, enableBackButton: !isOpenedInEditMode, onSubmit: onUserGroupDetailsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose }))] })) }) })
-        ] }));
+                                    : messages.deleteNonEmptyUserGroupTooltip.id, deleteLinkText: intl.formatMessage(messages.deleteUserGroupLink), onOpenDeleteDialog: onOpenDeleteDialog, onClose: onClose, onEdit: () => setDialogMode(editButtonMode), editButtonText: editButtonText, editButtonIconClassName: editButtonIconClassName, children: [isAdmin ? (_jsx("div", { className: "gd-message information gd-user-management-admin-alert s-admin-message", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage(messages.adminGroupAlert) }) })) : null, _jsx(Tabs, { selectedTabId: selectedTabId.id, onTabSelect: setSelectedTabId, tabs: tabs, className: "gd-user-management-dialog-tabs s-user-management-tabs" }), selectedTabId.id === userGroupDialogTabsMessages.workspaces.id && (_jsx(WorkspaceList, { workspaces: grantedWorkspaces, subjectType: "userGroup", mode: "VIEW", onDelete: removeGrantedWorkspace, onChange: updateGrantedWorkspace, onClick: handleWorkspaceEdit })), selectedTabId.id === userGroupDialogTabsMessages.dataSources.id && (_jsx(DataSourceList, { dataSources: grantedDataSources, subjectType: "userGroup", mode: "VIEW", onDelete: removeGrantedDataSource, onChange: updateGrantedDataSource, renderDataSourceIcon: renderDataSourceIcon })), selectedTabId.id === userGroupDialogTabsMessages.users.id && (_jsx(UsersList, { users: grantedUsers, mode: "VIEW", onDelete: removeGrantedUsers, isBootstrapUserGroup: isBootstrapUserGroup(userGroup), bootstrapUserId: bootstrapUserId })), selectedTabId.id === userGroupDialogTabsMessages.details.id && (_jsx(UserGroupDetailsView, { userGroup: userGroup, mode: "VIEW" }))] })), dialogMode === "WORKSPACE" && (_jsx(AddWorkspace, { ids: [userGroupId], subjectType: "userGroup", grantedWorkspaces: grantedWorkspaces, enableBackButton: !isOpenedInEditMode, onSubmit: handleWorkspaceChanged, onCancel: isOpenedInEditMode ? onClose : handleWorkspaceCancel, onClose: onClose, editWorkspace: workspaceToEdit, areMetricPermissionsEnabled: areMetricPermissionsEnabled })), dialogMode === "USERS" && (_jsx(AddUser, { userGroupIds: [userGroupId], grantedUsers: grantedUsers, enableBackButton: !isOpenedInEditMode, onSubmit: onUsersChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose })), dialogMode === "DATA_SOURCES" && (_jsx(AddDataSource, { ids: [userGroupId], subjectType: "userGroup", grantedDataSources: grantedDataSources, enableBackButton: !isOpenedInEditMode, onSubmit: onDataSourcesChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose, renderDataSourceIcon: renderDataSourceIcon })), dialogMode === "DETAIL" && (_jsx(EditUserGroupDetails, { userGroup: userGroup, enableBackButton: !isOpenedInEditMode, onSubmit: onUserGroupDetailsChanged, onCancel: isOpenedInEditMode ? onClose : () => setDialogMode("VIEW"), onClose: onClose }))] })) }) })] }));
 }
 /**
  * @internal

package/esm/internal/components/dialogs/userManagementDialogs/UserGroups/AddUserGroupContent.js

@@ -2,9 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { AddUserGroupSelect } from "./AddUserGroupSelect.js";
 import { UserGroupsList } from "./UserGroupsList.js";
 export function AddUserGroupContent({ addedUserGroups, grantedUserGroups, onDelete, onSelect, }) {
-    return (_jsxs(_Fragment, { children: [
-            _jsx(AddUserGroupSelect, { addedUserGroups: addedUserGroups, grantedUserGroups: grantedUserGroups, onSelect: onSelect }), _jsx(UserGroupsList, { mode: "EDIT", userGroups: addedUserGroups, onDelete: onDelete, 
+    return (_jsxs(_Fragment, { children: [_jsx(AddUserGroupSelect, { addedUserGroups: addedUserGroups, grantedUserGroups: grantedUserGroups, onSelect: onSelect }), _jsx(UserGroupsList, { mode: "EDIT", userGroups: addedUserGroups, onDelete: onDelete, 
                 // we do not care about bootstrap user here (this is important only in view mode)
-                isBootstrapUser: false, bootstrapUserGroupId: undefined })
-        ] }));
+                isBootstrapUser: false, bootstrapUserGroupId: undefined })] }));
 }