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

package/esm/internal/components/configurationControls/axis/LabelRotationControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelRotationControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/LabelRotationControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,6DAgC/B,CAAC"}
+{"version":3,"file":"LabelRotationControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/LabelRotationControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,8CAA6C,qBAAqB,6CAgCjG,CAAC"}

package/esm/internal/components/configurationControls/axis/LabelSubsection.d.ts

@@ -8,5 +8,5 @@ export interface ILabelSubsection {
     pushData?: (data: any) => any;
     showFormat?: boolean;
 }
-export declare const LabelSubsection: import("react").NamedExoticComponent<ILabelSubsection>;
+export declare const LabelSubsection: import("react").MemoExoticComponent<(props: ILabelSubsection) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=LabelSubsection.d.ts.map

package/esm/internal/components/configurationControls/axis/LabelSubsection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelSubsection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/LabelSubsection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAMrF,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,wDA6C1B,CAAC"}
+{"version":3,"file":"LabelSubsection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/LabelSubsection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAMrF,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,8CAAwC,gBAAgB,6CA6ClF,CAAC"}

package/esm/internal/components/configurationControls/axis/LabelSubsection.js

@@ -16,6 +16,5 @@ export const LabelSubsection = memo(function LabelSubsection(props) {
         };
     };
     const { axisVisible, axisLabelsEnabled } = getControlProperties();
-    return (_jsxs(ConfigSubsection, { axisType: props.axis, title: messages["axisLabels"].id, valuePath: `${props.axis}.labelsEnabled`, properties: props.properties, pushData: props.pushData, canBeToggled: true, toggledOn: axisLabelsEnabled, toggleDisabled: props.disabled || !axisVisible, showDisabledMessage: !props.configPanelDisabled && props.disabled, children: [props.showFormat ? (_jsx(LabelFormatControl, { disabled: props.disabled, configPanelDisabled: props.configPanelDisabled, axis: props.axis, properties: props.properties, pushData: props.pushData })) : null, _jsx(LabelRotationControl, { disabled: props.disabled, configPanelDisabled: props.configPanelDisabled, axis: props.axis, properties: props.properties, pushData: props.pushData })
-        ] }));
+    return (_jsxs(ConfigSubsection, { axisType: props.axis, title: messages["axisLabels"].id, valuePath: `${props.axis}.labelsEnabled`, properties: props.properties, pushData: props.pushData, canBeToggled: true, toggledOn: axisLabelsEnabled, toggleDisabled: props.disabled || !axisVisible, showDisabledMessage: !props.configPanelDisabled && props.disabled, children: [props.showFormat ? (_jsx(LabelFormatControl, { disabled: props.disabled, configPanelDisabled: props.configPanelDisabled, axis: props.axis, properties: props.properties, pushData: props.pushData })) : null, _jsx(LabelRotationControl, { disabled: props.disabled, configPanelDisabled: props.configPanelDisabled, axis: props.axis, properties: props.properties, pushData: props.pushData })] }));
 });

package/esm/internal/components/configurationControls/axis/NamePositionControl.d.ts

@@ -1,3 +1,3 @@
 import { type IConfigItemSubsection } from "../../../interfaces/ConfigurationPanel.js";
-export declare const NamePositionControl: import("react").NamedExoticComponent<IConfigItemSubsection>;
+export declare const NamePositionControl: import("react").MemoExoticComponent<(props: IConfigItemSubsection) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=NamePositionControl.d.ts.map

package/esm/internal/components/configurationControls/axis/NamePositionControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NamePositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/NamePositionControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAKvF,eAAO,MAAM,mBAAmB,6DA0C9B,CAAC"}
+{"version":3,"file":"NamePositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/NamePositionControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAKvF,eAAO,MAAM,mBAAmB,8CAA4C,qBAAqB,6CA0C/F,CAAC"}

package/esm/internal/components/configurationControls/axis/NameSubsection.d.ts

@@ -1,3 +1,3 @@
 import { type IConfigItemSubsection } from "../../../interfaces/ConfigurationPanel.js";
-export declare const NameSubsection: import("react").NamedExoticComponent<IConfigItemSubsection>;
+export declare const NameSubsection: import("react").MemoExoticComponent<(props: IConfigItemSubsection) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=NameSubsection.d.ts.map

package/esm/internal/components/configurationControls/axis/NameSubsection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NameSubsection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/NameSubsection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAMvF,eAAO,MAAM,cAAc,6DAqCzB,CAAC"}
+{"version":3,"file":"NameSubsection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/axis/NameSubsection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAMvF,eAAO,MAAM,cAAc,8CAAuC,qBAAqB,6CAqCrF,CAAC"}

package/esm/internal/components/configurationControls/colors/ColorsSection.js

@@ -93,8 +93,7 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
         const inputItems = getColoredInputItems(colors, lineStyleMapping, properties?.controls?.["colorMapping"]);
         const colorPalette = colors?.colorPalette ? colors.colorPalette : [];
         const chartFill = isChartFillDisabled ? undefined : properties?.controls?.["chartFill"];
-        return (_jsxs(_Fragment, { children: [
-                _jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, onResetItem: onResetItem, derivedMeasureLocalIds: derivedMeasureLocalIds, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, supportsLineStyles: supportsLineStyles, onLineStyleChange: supportsLineStyles ? onLineStyleChange : undefined, onLineWidthChange: supportsLineStyles ? onLineWidthChange : undefined }), renderResetButton(), additionalControls, renderFillDropdown()] }));
+        return (_jsxs(_Fragment, { children: [_jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, onResetItem: onResetItem, derivedMeasureLocalIds: derivedMeasureLocalIds, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, supportsLineStyles: supportsLineStyles, onLineStyleChange: supportsLineStyles ? onLineStyleChange : undefined, onLineWidthChange: supportsLineStyles ? onLineWidthChange : undefined }), renderResetButton(), additionalControls, renderFillDropdown()] }));
     };
     const renderUnsupportedColoredList = () => {
         return (_jsx("div", { className: "gd-color-unsupported", children: getTranslation(messages["unsupportedColors"].id, intl) }));

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.d.ts

@@ -26,5 +26,5 @@ export interface IColorDropdownOwnProps {
     onReset?: () => void;
 }
 export type IColorDropdownProps = IColorDropdownOwnProps;
-export declare const ColorDropdown: import("react").NamedExoticComponent<IColorDropdownOwnProps>;
+export declare const ColorDropdown: import("react").MemoExoticComponent<({ selectedColorItem, colorPalette, onColorSelected: onColorSelectedProp, disabled, children, chartFill, patternFillIndex, onClear, noneColorAriaLabel, onReset, }: IColorDropdownProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColorDropdown.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAIf,OAAO,EACH,KAAK,MAAM,EACX,KAAK,aAAa,EAKrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAO3F,oBAAY,YAAY;IACpB,IAAI,IAAA;IACJ,KAAK,IAAA;CACR;AAED,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AAQzD,eAAO,MAAM,aAAa,8DA+LxB,CAAC"}
+{"version":3,"file":"ColorDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAIf,OAAO,EACH,KAAK,MAAM,EACX,KAAK,aAAa,EAKrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAO3F,oBAAY,YAAY;IACpB,IAAI,IAAA;IACJ,KAAK,IAAA;CACR;AAED,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AAQzD,eAAO,MAAM,aAAa,0MAWvB,mBAAmB,6CAoLpB,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.js

@@ -8,8 +8,7 @@ import { ColorOverlay, DropdownVersionType } from "./ColorOverlay.js";
 import { ColorPalette } from "./ColorPalette.js";
 import { CustomColorButton } from "./CustomColorButton.js";
 import { ResetColorButton } from "./ResetColorButton.js";
-export { IconPosition };
-var IconPosition;
+export var IconPosition;
 (function (IconPosition) {
     IconPosition[IconPosition["Down"] = 0] = "Down";
     IconPosition[IconPosition["Right"] = 1] = "Right";
@@ -108,9 +107,7 @@ export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, co
         return cloneElement(children, childProps);
     }, [isDropdownOpen, getIconPosition, disabled, children]);
     const renderColorPaletteContent = useCallback(() => {
-        return (_jsxs("div", { className: "gd-color-drop-down", children: [
-                _jsx(ColorPalette, { selectedColorGuid: getSelectedGuidFromColorItem(), colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, showNoneColor: !!onClear, isNoneSelected: !selectedColorItem, onNoneSelected: onNoneSelected, noneColorAriaLabel: noneColorAriaLabel }), onReset ? _jsx(ResetColorButton, { onClick: onResetSelected }) : null, _jsx(CustomColorButton, { onClick: onCustomColorButtonClick })
-            ] }));
+        return (_jsxs("div", { className: "gd-color-drop-down", children: [_jsx(ColorPalette, { selectedColorGuid: getSelectedGuidFromColorItem(), colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, showNoneColor: !!onClear, isNoneSelected: !selectedColorItem, onNoneSelected: onNoneSelected, noneColorAriaLabel: noneColorAriaLabel }), onReset ? _jsx(ResetColorButton, { onClick: onResetSelected }) : null, _jsx(CustomColorButton, { onClick: onCustomColorButtonClick })] }));
     }, [
         getSelectedGuidFromColorItem,
         colorPalette,
@@ -128,6 +125,5 @@ export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, co
     const renderColorPickerContent = useCallback(() => {
         return (_jsx(ColorPicker, { initialRgbColor: getSelectedColorFromPalette(), onSubmit: onColorPickerSubmit, onCancel: onColorPickerCancel }));
     }, [getSelectedColorFromPalette, onColorPickerSubmit, onColorPickerCancel]);
-    return (_jsxs(Fragment, { children: [
-            _jsx("div", { className: getClassName(), onClick: onDropdownButtonClick, children: setupDropdownChild() }), isDropdownOpen ? (_jsx(ColorOverlay, { alignTo: `.${getClassName()}`, onClose: onClose, dropdownVersion: dropdownVersion, children: _jsx("div", { className: "overlay dropdown-body", children: isColorPaletteContent() ? renderColorPaletteContent() : renderColorPickerContent() }) }, dropdownVersion)) : null] }));
+    return (_jsxs(Fragment, { children: [_jsx("div", { className: getClassName(), onClick: onDropdownButtonClick, children: setupDropdownChild() }), isDropdownOpen ? (_jsx(ColorOverlay, { alignTo: `.${getClassName()}`, onClose: onClose, dropdownVersion: dropdownVersion, children: _jsx("div", { className: "overlay dropdown-body", children: isColorPaletteContent() ? renderColorPaletteContent() : renderColorPickerContent() }) }, dropdownVersion)) : null] }));
 });

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorOverlay.d.ts

@@ -9,5 +9,5 @@ export interface IColorOverlayProps {
     onClose: () => void;
     children?: ReactNode;
 }
-export declare const ColorOverlay: import("react").NamedExoticComponent<IColorOverlayProps>;
+export declare const ColorOverlay: import("react").MemoExoticComponent<({ alignTo, dropdownVersion, onClose: onCloseProp, children, }: IColorOverlayProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColorOverlay.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAIrE,oBAAY,mBAAmB;IAC3B,YAAY,IAAA;IACZ,WAAW,IAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AA2CD,eAAO,MAAM,YAAY,0DAsDvB,CAAC"}
+{"version":3,"file":"ColorOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAIrE,oBAAY,mBAAmB;IAC3B,YAAY,IAAA;IACZ,WAAW,IAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AA2CD,eAAO,MAAM,YAAY,sGAKtB,kBAAkB,6CAiDnB,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorOverlay.js

@@ -2,8 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2019-2025 GoodData Corporation
 import { memo, useCallback, useEffect } from "react";
 import { Overlay } from "@gooddata/sdk-ui-kit";
-export { DropdownVersionType };
-var DropdownVersionType;
+export var DropdownVersionType;
 (function (DropdownVersionType) {
     DropdownVersionType[DropdownVersionType["ColorPalette"] = 0] = "ColorPalette";
     DropdownVersionType[DropdownVersionType["ColorPicker"] = 1] = "ColorPicker";

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorPalette.d.ts

@@ -12,5 +12,5 @@ export interface IColorPaletteProps {
     /** Accessibility label for the "no color" swatch; supplied (localized) by the caller that opts in. */
     noneColorAriaLabel?: string;
 }
-export declare const ColorPalette: import("react").NamedExoticComponent<IColorPaletteProps>;
+export declare const ColorPalette: import("react").MemoExoticComponent<({ selectedColorGuid, colorPalette, onColorSelected, chartFill, patternFillIndex, showNoneColor, isNoneSelected, onNoneSelected, noneColorAriaLabel, }: IColorPaletteProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColorPalette.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorPalette.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAA0B,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM3F,MAAM,WAAW,kBAAkB;IAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,0DA2DvB,CAAC"}
+{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorPalette.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAA0B,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM3F,MAAM,WAAW,kBAAkB;IAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,8LAUtB,kBAAkB,6CAiDnB,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorPaletteItem.d.ts

@@ -1,7 +1,7 @@
 import { type CSSProperties } from "react";
 import { type IColor, type IColorPaletteItem, type ITheme } from "@gooddata/sdk-model";
 import { type ChartFillType, type PatternFillName } from "@gooddata/sdk-ui-vis-commons";
-export declare const getIconStyle: (chartFill: ChartFillType, baseColor: string, theme?: ITheme | undefined) => CSSProperties;
+export declare const getIconStyle: (chartFill: ChartFillType, baseColor: string, theme?: ITheme) => CSSProperties;
 export interface IColorPaletteItemProps {
     selected: boolean;
     paletteItem: IColorPaletteItem;
@@ -9,5 +9,5 @@ export interface IColorPaletteItemProps {
     chartFill?: ChartFillType;
     patternFillIndex?: number | PatternFillName;
 }
-export declare const ColorPaletteItem: import("react").NamedExoticComponent<IColorPaletteItemProps>;
+export declare const ColorPaletteItem: import("react").MemoExoticComponent<({ selected, paletteItem, onColorSelected, chartFill, patternFillIndex, }: IColorPaletteItemProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColorPaletteItem.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorPaletteItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPaletteItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorPaletteItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAA2B,MAAM,OAAO,CAAC;AAIpE,OAAO,EACH,KAAK,MAAM,EAEX,KAAK,iBAAiB,EACtB,KAAK,MAAM,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAMzG,eAAO,MAAM,YAAY,4FAqBxB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,gBAAgB,8DAoE3B,CAAC"}
+{"version":3,"file":"ColorPaletteItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorPaletteItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAA2B,MAAM,OAAO,CAAC;AAIpE,OAAO,EACH,KAAK,MAAM,EAEX,KAAK,iBAAiB,EACtB,KAAK,MAAM,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAMzG,eAAO,MAAM,YAAY,cAAe,aAAa,aAAa,MAAM,UAAU,MAAM,KAAG,aAqB1F,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,gBAAgB,iHAM1B,sBAAsB,6CA8DvB,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/CustomColorButton.d.ts

@@ -1,5 +1,5 @@
 export interface ICustomColorButtonProps {
     onClick: () => void;
 }
-export declare const CustomColorButton: import("react").NamedExoticComponent<ICustomColorButtonProps>;
+export declare const CustomColorButton: import("react").MemoExoticComponent<({ onClick }: ICustomColorButtonProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=CustomColorButton.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/CustomColorButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/CustomColorButton.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,+DAgB5B,CAAC"}
+{"version":3,"file":"CustomColorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/CustomColorButton.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,oDAAgD,uBAAuB,6CAgBnG,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.d.ts

@@ -1,5 +1,5 @@
 export interface IResetColorButtonProps {
     onClick: () => void;
 }
-export declare const ResetColorButton: import("react").NamedExoticComponent<IResetColorButtonProps>;
+export declare const ResetColorButton: import("react").MemoExoticComponent<({ onClick }: IResetColorButtonProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ResetColorButton.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetColorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,sBAAsB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,8DAY3B,CAAC"}
+{"version":3,"file":"ResetColorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,sBAAsB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,oDAA+C,sBAAsB,6CAYhG,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts

@@ -13,5 +13,5 @@ export interface IColoredItemProps {
     chartFill?: IChartFillConfig;
     patternFillIndex?: number | PatternFillName;
 }
-export declare const ColoredItem: import("react").NamedExoticComponent<IColoredItemProps>;
+export declare const ColoredItem: import("react").MemoExoticComponent<(props: IColoredItemProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColoredItem.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,yDAkDtB,CAAC"}
+{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,8CAAoC,iBAAiB,6CAkD3E,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemContent.d.ts

@@ -8,5 +8,5 @@ export interface IColoredItemContentProps extends ISelectableChild {
     align?: "right" | "left";
     text: string;
 }
-export declare const ColoredItemContent: import("react").NamedExoticComponent<IColoredItemContentProps>;
+export declare const ColoredItemContent: import("react").MemoExoticComponent<({ color, position, align, chartFill, patternFillIndex, text, isSelected, disabled, }: IColoredItemContentProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColoredItemContent.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItemContent.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,mCAAmC,CAAC;AAIxF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,gEA4C7B,CAAC"}
+{"version":3,"file":"ColoredItemContent.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,mCAAmC,CAAC;AAIxF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,6HAS5B,wBAAwB,6CAmCzB,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts

@@ -15,5 +15,5 @@ export interface IColoredItemsListProps {
     onLineStyleChange?: (item: IColoredItem, lineStyle: LineStyle) => void;
     onLineWidthChange?: (item: IColoredItem, lineWidth: 1 | 2 | 3 | 4) => void;
 }
-export declare const ColoredItemsList: import("react").NamedExoticComponent<IColoredItemsListProps>;
+export declare const ColoredItemsList: import("react").MemoExoticComponent<(props: IColoredItemsListProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ColoredItemsList.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AASD,eAAO,MAAM,gBAAgB,8DAkH3B,CAAC"}
+{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AASD,eAAO,MAAM,gBAAgB,8CAAyC,sBAAsB,6CAkH1F,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts

@@ -13,5 +13,5 @@ export interface ILineStyleColoredItemProps {
     onLineStyleChange?: (item: IColoredItem, lineStyle: LineStyle) => void;
     onLineWidthChange?: (item: IColoredItem, lineWidth: 1 | 2 | 3 | 4) => void;
 }
-export declare const LineStyleColoredItem: import("react").NamedExoticComponent<ILineStyleColoredItemProps>;
+export declare const LineStyleColoredItem: import("react").MemoExoticComponent<(props: ILineStyleColoredItemProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=LineStyleColoredItem.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineStyleColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,0BAA0B;IACvC,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,oBAAoB,kEAkE/B,CAAC"}
+{"version":3,"file":"LineStyleColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,0BAA0B;IACvC,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,oBAAoB,8CAA6C,0BAA0B,6CAkEtG,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.js

@@ -15,8 +15,7 @@ export const LineStyleColoredItem = memo(function LineStyleColoredItem(props) {
     const [dialogOpen, setDialogOpen] = useState(false);
     const headerText = getMappingHeaderFormattedName(item.mappingHeader) || `(${getTranslation("empty_value", intl)})`;
     const onColorSelected = (color) => onSelect?.(item, color);
-    return (_jsxs(_Fragment, { children: [
-            _jsx("button", { ref: anchorRef, type: "button", className: "gd-line-style-item-trigger", "aria-haspopup": "dialog", "aria-expanded": dialogOpen, "aria-label": getTranslation(messages.lineStyleTriggerAriaLabel.id, intl, {
+    return (_jsxs(_Fragment, { children: [_jsx("button", { ref: anchorRef, type: "button", className: "gd-line-style-item-trigger", "aria-haspopup": "dialog", "aria-expanded": dialogOpen, "aria-label": getTranslation(messages.lineStyleTriggerAriaLabel.id, intl, {
                     name: headerText,
                 }), onClick: () => setDialogOpen((v) => !v), disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: item.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex, isSelected: dialogOpen, position: IconPosition.Down }) }), dialogOpen ? (_jsx(LineStyleDialog, { alignTo: anchorRef.current, ignoreClicksOn: anchorRef.current ? [anchorRef.current] : undefined, color: item.color, colorItem: item.colorItem, colorPalette: colorPalette, lineStyle: item.lineStyle, lineWidth: item.lineWidth, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, onColorSelected: onColorSelected, onReset: onReset, onLineStyleChange: (lineStyle) => onLineStyleChange?.(item, lineStyle), onLineWidthChange: (lineWidth) => onLineWidthChange?.(item, lineWidth), onClose: () => setDialogOpen(false) })) : null] }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts

@@ -18,5 +18,5 @@ export interface ILineStyleDialogProps {
     onLineWidthChange: (lineWidth: 1 | 2 | 3 | 4) => void;
     onClose: () => void;
 }
-export declare const LineStyleDialog: import("react").NamedExoticComponent<ILineStyleDialogProps>;
+export declare const LineStyleDialog: import("react").MemoExoticComponent<({ alignTo, ignoreClicksOn, color, colorItem, colorPalette, lineStyle, lineWidth, disabled, chartFill, patternFillIndex, onColorSelected, onReset, onLineStyleChange, onLineWidthChange, onClose, }: ILineStyleDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
 //# sourceMappingURL=LineStyleDialog.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineStyleDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAsD3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6DAgK1B,CAAC"}
+{"version":3,"file":"LineStyleDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAsD3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,2OAgBzB,qBAAqB,oDAgJtB,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.js

@@ -45,19 +45,12 @@ export const LineStyleDialog = memo(function LineStyleDialog({ alignTo, ignoreCl
         { id: 3, title: intl.formatMessage({ id: messages.lineWidth3.id }) },
         { id: 4, title: intl.formatMessage({ id: messages.lineWidth4.id }) },
     ];
-    return (_jsx(Overlay, { alignTo: alignTo, alignPoints: TOOLBAR_ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, ignoreClicksOn: ignoreClicksOn, onClose: onClose, children: _jsxs("div", { className: cx("gd-line-style-toolbar", { "is-disabled": disabled }), children: [
-                _jsx(ColorDropdown, { selectedColorItem: colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, onReset: onReset, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsxs("div", { className: cx("gd-line-style-toolbar__btn", `s-color-${r}-${g}-${b}`, {
+    return (_jsx(Overlay, { alignTo: alignTo, alignPoints: TOOLBAR_ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, ignoreClicksOn: ignoreClicksOn, onClose: onClose, children: _jsxs("div", { className: cx("gd-line-style-toolbar", { "is-disabled": disabled }), children: [_jsx(ColorDropdown, { selectedColorItem: colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, onReset: onReset, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsxs("div", { className: cx("gd-line-style-toolbar__btn", `s-color-${r}-${g}-${b}`, {
                             "is-disabled": disabled,
-                        }), "aria-label": intl.formatMessage({ id: messages.colors.id }), children: [
-                            _jsx("div", { className: "gd-line-style-toolbar__color-swatch", style: colorSwatchStyle, children: _jsx(OptionalPatternFill, { chartFill: chartFill?.type ?? "solid", patternFillIndex: patternFillIndex ?? 0 }) }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
-                        ] }) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineStyleLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [
-                            _jsx(StrokeStyleIcon, { style: lineStyle }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
-                        ] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: STYLE_DROPDOWN_WIDTH, items: lineStyleOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeStyleIcon, { style: item.id, size: 14 }), isSelected: item.id === lineStyle, onClick: () => {
+                        }), "aria-label": intl.formatMessage({ id: messages.colors.id }), children: [_jsx("div", { className: "gd-line-style-toolbar__color-swatch", style: colorSwatchStyle, children: _jsx(OptionalPatternFill, { chartFill: chartFill?.type ?? "solid", patternFillIndex: patternFillIndex ?? 0 }) }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })] }) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineStyleLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [_jsx(StrokeStyleIcon, { style: lineStyle }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: STYLE_DROPDOWN_WIDTH, items: lineStyleOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeStyleIcon, { style: item.id, size: 14 }), isSelected: item.id === lineStyle, onClick: () => {
                                 onLineStyleChange(item.id);
                                 closeDropdown();
-                            } })) })) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineWidthLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [
-                            _jsxs("span", { className: "gd-line-style-toolbar__weight-text", children: [lineWidth, "px"] }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
-                        ] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: WEIGHT_DROPDOWN_WIDTH, items: lineWidthOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeWeightIcon, { weight: item.id }), isSelected: item.id === lineWidth, onClick: () => {
+                            } })) })) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineWidthLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [_jsxs("span", { className: "gd-line-style-toolbar__weight-text", children: [lineWidth, "px"] }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: WEIGHT_DROPDOWN_WIDTH, items: lineWidthOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeWeightIcon, { weight: item.id }), isSelected: item.id === lineWidth, onClick: () => {
                                 onLineWidthChange(item.id);
                                 closeDropdown();
                             } })) })) })] }) }));

package/esm/internal/components/configurationControls/comparison/ComparisonSection.js

@@ -14,7 +14,5 @@ export function ComparisonSection({ controlDisabled, disabledByVisualization, de
     const showDisabledMessage = !controlDisabled && disabledByVisualization;
     const calculationType = properties?.controls?.comparison?.calculationType || defaultCalculationType;
     const { defaultFormat, defaultLabelKeys } = getCalculationValuesDefault(calculationType);
-    return (_jsxs(ConfigSection, { id: "comparison_section", valuePath: COMPARISON_ENABLED_VALUE_PATH, title: comparisonMessages["title"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, canBeToggled: true, toggleDisabled: comparisonDisabled, showDisabledMessage: showDisabledMessage, toggledOn: toggledOn, children: [
-            _jsx(CalculationControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultCalculationType: defaultCalculationType, properties: properties, pushData: pushData }), _jsx(ValueSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultFormat: defaultFormat, separators: separators, properties: properties, pushData: pushData }), _jsx(IndicatorSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, colorPalette: colorPalette, pushData: pushData }), _jsx(LabelSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultLabelKeys: defaultLabelKeys, calculationType: calculationType, properties: properties, pushData: pushData })
-        ] }));
+    return (_jsxs(ConfigSection, { id: "comparison_section", valuePath: COMPARISON_ENABLED_VALUE_PATH, title: comparisonMessages["title"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, canBeToggled: true, toggleDisabled: comparisonDisabled, showDisabledMessage: showDisabledMessage, toggledOn: toggledOn, children: [_jsx(CalculationControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultCalculationType: defaultCalculationType, properties: properties, pushData: pushData }), _jsx(ValueSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultFormat: defaultFormat, separators: separators, properties: properties, pushData: pushData }), _jsx(IndicatorSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, colorPalette: colorPalette, pushData: pushData }), _jsx(LabelSubSection, { sectionDisabled: sectionDisabled, showDisabledMessage: showDisabledMessage, defaultLabelKeys: defaultLabelKeys, calculationType: calculationType, properties: properties, pushData: pushData })] }));
 }

package/esm/internal/components/configurationControls/comparison/calculation/CalculationListItem.js

@@ -10,9 +10,5 @@ export function CalculationListItem({ title, icon, info, isSelected, onClick })
     const classNames = cx(["gd-list-item", "calculation-list-item", "s-calculation-list-item", `s-${title}`], {
         "is-selected": isSelected,
     });
-    return (_jsxs("div", { className: classNames, onClick: onClick, children: [
-            _jsx("span", { className: `gd-list-icon ${icon}` }), _jsx("span", { children: title }), _jsx("div", { role: "item-info", className: "gd-list-item-bubble s-list-item-info", children: _jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                        _jsx("div", { className: "inlineBubbleHelp" }), _jsx(Bubble, { className: "bubble-light adi-arithmetic-measure-operand-bubble calculation-list-item-bubble s-calculation-list-item-bubble", alignPoints: BUBBLE_INFO_ALIGN_POINTS, arrowOffsets: BUBBLE_INFO_ARROW_OFFSETS, children: _jsx(CalculationListItemInfo, { title: title, calculationType: info }) })
-                    ] }) })
-        ] }));
+    return (_jsxs("div", { className: classNames, onClick: onClick, children: [_jsx("span", { className: `gd-list-icon ${icon}` }), _jsx("span", { children: title }), _jsx("div", { role: "item-info", className: "gd-list-item-bubble s-list-item-info", children: _jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsx("div", { className: "inlineBubbleHelp" }), _jsx(Bubble, { className: "bubble-light adi-arithmetic-measure-operand-bubble calculation-list-item-bubble s-calculation-list-item-bubble", alignPoints: BUBBLE_INFO_ALIGN_POINTS, arrowOffsets: BUBBLE_INFO_ARROW_OFFSETS, children: _jsx(CalculationListItemInfo, { title: title, calculationType: info }) })] }) })] }));
 }

package/esm/internal/components/configurationControls/comparison/calculation/CalculationListItemInfo.js

@@ -3,9 +3,5 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { CalculateAs } from "@gooddata/sdk-ui-charts";
 import { CalculationListItemInfoSection } from "./CalculationListItemInfoSection.js";
 export function CalculationListItemInfo({ title, calculationType }) {
-    return (_jsxs("div", { className: "calculation-item-info", children: [
-            _jsx("h3", { className: "calculation-item-info-header", children: title }), _jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "useIn", contentClassNames: "calculation-item-info-use-in-content", shouldHideTitle: true }), calculationType === CalculateAs.CHANGE_DIFFERENCE ? (_jsxs(_Fragment, { children: [
-                    _jsx(CalculationListItemInfoSection, { calculationType: CalculateAs.CHANGE, section: "formula", isSectionCombineCalculationType: true }), _jsx(CalculationListItemInfoSection, { calculationType: CalculateAs.DIFFERENCE, section: "formula", isSectionCombineCalculationType: true })
-                ] })) : (_jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "formula" })), _jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "example" })
-        ] }));
+    return (_jsxs("div", { className: "calculation-item-info", children: [_jsx("h3", { className: "calculation-item-info-header", children: title }), _jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "useIn", contentClassNames: "calculation-item-info-use-in-content", shouldHideTitle: true }), calculationType === CalculateAs.CHANGE_DIFFERENCE ? (_jsxs(_Fragment, { children: [_jsx(CalculationListItemInfoSection, { calculationType: CalculateAs.CHANGE, section: "formula", isSectionCombineCalculationType: true }), _jsx(CalculationListItemInfoSection, { calculationType: CalculateAs.DIFFERENCE, section: "formula", isSectionCombineCalculationType: true })] })) : (_jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "formula" })), _jsx(CalculationListItemInfoSection, { calculationType: calculationType, section: "example" })] }));
 }

package/esm/internal/components/configurationControls/comparison/calculation/CalculationListItemInfoSection.js

@@ -36,6 +36,5 @@ const getSectionContentKey = (section, calculationType) => {
 export function CalculationListItemInfoSection({ calculationType, section, contentClassNames, shouldHideTitle, isSectionCombineCalculationType, }) {
     const titleKey = getSectionTitleKey(section, calculationType, !!isSectionCombineCalculationType);
     const contentKey = getSectionContentKey(section, calculationType);
-    return (_jsxs(_Fragment, { children: [shouldHideTitle ? null : _jsx(FormattedMessage, { id: titleKey, tagName: "h4" }), _jsx("p", { className: contentClassNames, children: _jsx(FormattedMessage, { id: contentKey }) })
-        ] }));
+    return (_jsxs(_Fragment, { children: [shouldHideTitle ? null : _jsx(FormattedMessage, { id: titleKey, tagName: "h4" }), _jsx("p", { className: contentClassNames, children: _jsx(FormattedMessage, { id: contentKey }) })] }));
 }

package/esm/internal/components/configurationControls/comparison/indicators/IndicatorSubSection.js

@@ -4,7 +4,5 @@ import { ConfigSubsection } from "../../ConfigSubsection.js";
 import { ArrowControl } from "./ArrowControl.js";
 import { ColorsControl } from "./colorsControl/ColorsControl.js";
 export function IndicatorSubSection({ sectionDisabled, showDisabledMessage, properties, colorPalette, pushData, }) {
-    return (_jsx(ConfigSubsection, { title: comparisonMessages["indicatorSubSectionTitle"].id, canBeToggled: false, children: _jsxs("div", { className: "comparison-indicator-sub-section s-comparison-indicator-sub-section", children: [
-                _jsx(ArrowControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsx(ColorsControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, colorPalette: colorPalette, pushData: pushData })
-            ] }) }));
+    return (_jsx(ConfigSubsection, { title: comparisonMessages["indicatorSubSectionTitle"].id, canBeToggled: false, children: _jsxs("div", { className: "comparison-indicator-sub-section s-comparison-indicator-sub-section", children: [_jsx(ArrowControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsx(ColorsControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, colorPalette: colorPalette, pushData: pushData })] }) }));
 }

package/esm/internal/components/configurationControls/comparison/indicators/colorsControl/ColorsControl.js

@@ -8,9 +8,5 @@ import { ColorResetButton } from "./ColorResetButton.js";
 export function ColorsControl({ disabled, showDisabledMessage, properties, colorPalette, pushData, }) {
     const colorConfig = properties?.controls?.comparison?.colorConfig;
     const isColorDisabled = disabled || colorConfig?.disabled;
-    return (_jsxs("div", { className: "comparison-color-control s-comparison-color-control", children: [
-            _jsx(ColorCheckbox, { disabled: disabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsxs("div", { className: "comparison-color-list-item s-comparison-color-list-item", children: [
-                    _jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.positive, colorType: ComparisonColorType.POSITIVE, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_POSITIVE, labelDescriptor: comparisonMessages["colorsConfigPositive"], properties: properties, pushData: pushData }), _jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.negative, colorType: ComparisonColorType.NEGATIVE, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_NEGATIVE, labelDescriptor: comparisonMessages["colorsConfigNegative"], properties: properties, pushData: pushData }), _jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.equals, colorType: ComparisonColorType.EQUALS, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_EQUALS, labelDescriptor: comparisonMessages["colorsConfigEquals"], properties: properties, pushData: pushData })
-                ] }), _jsx(ColorResetButton, { disabled: disabled, properties: properties, pushData: pushData })
-        ] }));
+    return (_jsxs("div", { className: "comparison-color-control s-comparison-color-control", children: [_jsx(ColorCheckbox, { disabled: disabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsxs("div", { className: "comparison-color-list-item s-comparison-color-list-item", children: [_jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.positive, colorType: ComparisonColorType.POSITIVE, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_POSITIVE, labelDescriptor: comparisonMessages["colorsConfigPositive"], properties: properties, pushData: pushData }), _jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.negative, colorType: ComparisonColorType.NEGATIVE, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_NEGATIVE, labelDescriptor: comparisonMessages["colorsConfigNegative"], properties: properties, pushData: pushData }), _jsx(ColorItem, { disabled: isColorDisabled, showDisabledMessage: showDisabledMessage, color: colorConfig?.equals, colorType: ComparisonColorType.EQUALS, colorPalette: colorPalette, valuePath: COMPARISON_COLOR_CONFIG_EQUALS, labelDescriptor: comparisonMessages["colorsConfigEquals"], properties: properties, pushData: pushData })] }), _jsx(ColorResetButton, { disabled: disabled, properties: properties, pushData: pushData })] }));
 }

package/esm/internal/components/configurationControls/comparison/label/LabelSubSection.js

@@ -53,8 +53,5 @@ export function LabelSubSection({ sectionDisabled, showDisabledMessage, defaultL
     const conditionalEnabled = !!properties?.controls?.comparison?.labelConfig?.isConditional &&
         calculationType !== CalculateAs.RATIO;
     const { unconditionalValue, positiveValue, negativeValue, equalsValue } = getLabelValues(properties, defaultLabelKeys, conditionalEnabled, intl);
-    return (_jsxs(ConfigSubsection, { title: comparisonMessages["labelSubSectionTitle"].id, canBeToggled: false, children: [
-            _jsx("div", { className: "comparison-label-conditional s-comparison-label-conditional", children: _jsx(CheckboxControl, { valuePath: COMPARISON_LABEL_CONDITIONAL_ENABLED_VALUE_PATH, labelText: comparisonMessages["labelConditionalTitle"].id, properties: properties, checked: conditionalEnabled, disabled: conditionalDisabled, showDisabledMessage: shouldShowConditionalDisabledMessage, disabledMessageId: disabledMessageId, pushData: pushData }) }), conditionalEnabled ? (_jsxs(_Fragment, { children: [
-                    _jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_POSITIVE_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelPositiveTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.positiveKey, pushData: pushData, value: positiveValue }) }), _jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_NEGATIVE_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelNegativeTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.negativeKey, pushData: pushData, value: negativeValue }) }), _jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_EQUALS_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelEqualsTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.equalsKey, pushData: pushData, value: equalsValue }) })
-                ] })) : (_jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_UNCONDITIONAL_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelNameTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.nonConditionalKey, pushData: pushData, value: unconditionalValue }) }))] }));
+    return (_jsxs(ConfigSubsection, { title: comparisonMessages["labelSubSectionTitle"].id, canBeToggled: false, children: [_jsx("div", { className: "comparison-label-conditional s-comparison-label-conditional", children: _jsx(CheckboxControl, { valuePath: COMPARISON_LABEL_CONDITIONAL_ENABLED_VALUE_PATH, labelText: comparisonMessages["labelConditionalTitle"].id, properties: properties, checked: conditionalEnabled, disabled: conditionalDisabled, showDisabledMessage: shouldShowConditionalDisabledMessage, disabledMessageId: disabledMessageId, pushData: pushData }) }), conditionalEnabled ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_POSITIVE_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelPositiveTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.positiveKey, pushData: pushData, value: positiveValue }) }), _jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_NEGATIVE_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelNegativeTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.negativeKey, pushData: pushData, value: negativeValue }) }), _jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_EQUALS_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelEqualsTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.equalsKey, pushData: pushData, value: equalsValue }) })] })) : (_jsx("div", { className: "comparison-label-itemline s-comparison-label-itemline", children: _jsx(InputControl, { type: "text", valuePath: COMPARISON_LABEL_UNCONDITIONAL_VALUE_PATH, properties: properties, labelText: comparisonMessages["labelNameTitle"].id, disabled: disabled, showDisabledMessage: shouldShowDisabledMessage, disabledMessageAlignPoints: DISABLED_MESSAGE_ALIGN_POINTS, disabledMessageId: disabledMessageId, placeholder: defaultLabelKeys.nonConditionalKey, pushData: pushData, value: unconditionalValue }) }))] }));
 }

package/esm/internal/components/configurationControls/comparison/values/ValueSubSection.js

@@ -10,7 +10,5 @@ export function ValueSubSection({ sectionDisabled, showDisabledMessage, defaultF
     const format = getNumberFormat(properties, defaultFormat);
     const subFormat = getNumberSubFormat(properties);
     const shouldDisplaySubFormatControl = properties.controls?.comparison?.calculationType === CalculateAs.CHANGE_DIFFERENCE;
-    return (_jsxs(ConfigSubsection, { title: comparisonMessages["valueSubSectionTitle"].id, canBeToggled: false, children: [
-            _jsx(NumberFormatControl, { disabled: sectionDisabled, valuePath: COMPARISON_FORMAT_VALUE_PATH, labelText: comparisonMessages["formatTitle"].id, format: format, showDisabledMessage: showDisabledMessage, separators: separators, properties: properties, pushData: pushData }), shouldDisplaySubFormatControl ? (_jsx(NumberFormatControl, { disabled: sectionDisabled, valuePath: COMPARISON_SUB_FORMAT_VALUE_PATH, labelText: comparisonMessages["subFormatTitle"].id, format: subFormat, showDisabledMessage: showDisabledMessage, separators: separators, properties: properties, pushData: pushData })) : null, _jsx(ComparisonPositionControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData })
-        ] }));
+    return (_jsxs(ConfigSubsection, { title: comparisonMessages["valueSubSectionTitle"].id, canBeToggled: false, children: [_jsx(NumberFormatControl, { disabled: sectionDisabled, valuePath: COMPARISON_FORMAT_VALUE_PATH, labelText: comparisonMessages["formatTitle"].id, format: format, showDisabledMessage: showDisabledMessage, separators: separators, properties: properties, pushData: pushData }), shouldDisplaySubFormatControl ? (_jsx(NumberFormatControl, { disabled: sectionDisabled, valuePath: COMPARISON_SUB_FORMAT_VALUE_PATH, labelText: comparisonMessages["subFormatTitle"].id, format: subFormat, showDisabledMessage: showDisabledMessage, separators: separators, properties: properties, pushData: pushData })) : null, _jsx(ComparisonPositionControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData })] }));
 }

package/esm/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatControl.js

@@ -16,7 +16,5 @@ export function NumberFormatControl({ disabled, valuePath, labelText, format, sh
     };
     const presets = useMemo(() => getPresets(intl), [intl]);
     const templates = useMemo(() => getTemplates(intl), [intl]);
-    return (_jsx(DisabledBubbleMessage, { showDisabledMessage: showDisabledMessage ?? false, children: _jsxs("div", { className: "adi-properties-dropdown-container measure-number-format-control", children: [
-                _jsx("span", { className: "input-label-text", children: _jsx(FormattedMessage, { id: labelText }) }), _jsx("label", { className: "adi-bucket-inputfield gd-input gd-input-small measure-number-format-control-dropdown", children: _jsx(MeasureNumberFormat, { disabled: disabled, toggleButton: NumberFormatToggleButton, presets: presets, templates: templates, separators: separators, selectedFormat: format, setFormat: selectFormat, locale: intl.locale }, format) })
-            ] }) }));
+    return (_jsx(DisabledBubbleMessage, { showDisabledMessage: showDisabledMessage ?? false, children: _jsxs("div", { className: "adi-properties-dropdown-container measure-number-format-control", children: [_jsx("span", { className: "input-label-text", children: _jsx(FormattedMessage, { id: labelText }) }), _jsx("label", { className: "adi-bucket-inputfield gd-input gd-input-small measure-number-format-control-dropdown", children: _jsx(MeasureNumberFormat, { disabled: disabled, toggleButton: NumberFormatToggleButton, presets: presets, templates: templates, separators: separators, selectedFormat: format, setFormat: selectFormat, locale: intl.locale }, format) })] }) }));
 }

package/esm/internal/components/configurationControls/conditionalFormatting/ConditionEditor.js

@@ -36,12 +36,10 @@ function CfValueCombobox({ value, suggestions, placeholder, hasError, errorId, o
         id: `${idPrefix}-${index}`,
         label: suggestion,
     }));
-    return (_jsxs(UiCombobox, { options: options, value: value, creatable: true, onValueChange: onChangeText, children: [
-            _jsx(UiComboboxInput, { placeholder: placeholder, isError: hasError, accessibilityConfig: {
+    return (_jsxs(UiCombobox, { options: options, value: value, creatable: true, onValueChange: onChangeText, children: [_jsx(UiComboboxInput, { placeholder: placeholder, isError: hasError, accessibilityConfig: {
                     ariaLabel: placeholder,
                     ...(errorId ? { ariaDescribedBy: errorId } : {}),
-                }, onBlur: onVisit }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { children: (option, index) => (_jsx(UiComboboxListItem, { option: option, index: index, children: _jsx(UiComboboxListItemLabel, { children: option.label }) })) }) })
-        ] }));
+                }, onBlur: onVisit }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { children: (option, index) => (_jsx(UiComboboxListItem, { option: option, index: index, children: _jsx(UiComboboxListItemLabel, { children: option.label }) })) }) })] }));
 }
 const FIELD_ERROR_MESSAGE = {
     rangeOrder: conditionalFormattingMessages.dialogErrorRangeOrder,
@@ -98,14 +96,11 @@ function ConditionValueInput({ condition, editorKind, kind, isPercent, separator
             case "range": {
                 const range = condition.value.kind === "literalRange" ? condition.value : { from: NaN, to: NaN };
                 const setRange = (from, to) => setValue({ kind: "literalRange", from, to });
-                return (_jsxs("div", { className: "gd-cf-condition__range", children: [
-                        _jsx(CfMeasureValueInput, { raw: rangeRaw(condition.value, "from"), isPercent: isPercent, separators: separators, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogFromPlaceholder), onChangeRaw: (raw) => setRange(raw ?? NaN, range.to), ...fieldProps("from") }), _jsx(CfMeasureValueInput, { raw: rangeRaw(condition.value, "to"), isPercent: isPercent, separators: separators, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogToPlaceholder), onChangeRaw: (raw) => setRange(range.from, raw ?? NaN), ...fieldProps("to") })
-                    ] }));
+                return (_jsxs("div", { className: "gd-cf-condition__range", children: [_jsx(CfMeasureValueInput, { raw: rangeRaw(condition.value, "from"), isPercent: isPercent, separators: separators, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogFromPlaceholder), onChangeRaw: (raw) => setRange(raw ?? NaN, range.to), ...fieldProps("from") }), _jsx(CfMeasureValueInput, { raw: rangeRaw(condition.value, "to"), isPercent: isPercent, separators: separators, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogToPlaceholder), onChangeRaw: (raw) => setRange(range.from, raw ?? NaN), ...fieldProps("to") })] }));
             }
         }
     };
-    return (_jsxs(_Fragment, { children: [renderControl(), _jsx(CfFieldError, { id: errorId, error: error })
-        ] }));
+    return (_jsxs(_Fragment, { children: [renderControl(), _jsx(CfFieldError, { id: errorId, error: error })] }));
 }
 // The ColorDropdown trigger swatch. ColorDropdown clones it with selectable-child props the swatch
 // ignores. No color renders a "none" slash rather than a misleading white. The outer span fills and
@@ -129,11 +124,7 @@ function FormatEditor({ format, onChange }) {
     return (_jsx(Dropdown, { closeOnParentScroll: true, closeOnMouseDrag: true, closeOnEscape: true, renderButton: ({ toggleDropdown, accessibilityConfig }) => (_jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-pencil gd-cf-condition__edit", accessibilityConfig: {
                 ...accessibilityConfig,
                 ariaLabel: intl.formatMessage(conditionalFormattingMessages.dialogFormat),
-            }, onClick: toggleDropdown })), renderBody: () => (_jsxs("div", { className: "gd-cf-format", children: [
-                _jsx("span", { className: "gd-cf-format__label", children: intl.formatMessage(conditionalFormattingMessages.dialogTextColor) }), _jsx(CfColorPick, { hex: format.color, noneColorLabel: intl.formatMessage(conditionalFormattingMessages.dialogNoColor), onChange: (color) => onChange({ ...format, color }) }), _jsx("span", { className: "gd-cf-format__label", children: intl.formatMessage(conditionalFormattingMessages.dialogFillColor) }), _jsx(CfColorPick, { hex: format.backgroundColor, noneColorLabel: intl.formatMessage(conditionalFormattingMessages.dialogNoColor), onChange: (backgroundColor) => onChange({ ...format, backgroundColor }) }), _jsx("div", { className: "gd-cf-scope-toggle", children: _jsxs(UiButtonSegmentedControl, { children: [
-                            _jsx(UiButton, { size: "small", variant: "secondary", label: intl.formatMessage(conditionalFormattingMessages.dialogScopeCell), isSelected: format.scope === "cell", onClick: () => onChange({ ...format, scope: "cell" }) }), _jsx(UiButton, { size: "small", variant: "secondary", label: intl.formatMessage(conditionalFormattingMessages.dialogScopeRow), isSelected: format.scope === "row", onClick: () => onChange({ ...format, scope: "row" }) })
-                        ] }) })
-            ] })) }));
+            }, onClick: toggleDropdown })), renderBody: () => (_jsxs("div", { className: "gd-cf-format", children: [_jsx("span", { className: "gd-cf-format__label", children: intl.formatMessage(conditionalFormattingMessages.dialogTextColor) }), _jsx(CfColorPick, { hex: format.color, noneColorLabel: intl.formatMessage(conditionalFormattingMessages.dialogNoColor), onChange: (color) => onChange({ ...format, color }) }), _jsx("span", { className: "gd-cf-format__label", children: intl.formatMessage(conditionalFormattingMessages.dialogFillColor) }), _jsx(CfColorPick, { hex: format.backgroundColor, noneColorLabel: intl.formatMessage(conditionalFormattingMessages.dialogNoColor), onChange: (backgroundColor) => onChange({ ...format, backgroundColor }) }), _jsx("div", { className: "gd-cf-scope-toggle", children: _jsxs(UiButtonSegmentedControl, { children: [_jsx(UiButton, { size: "small", variant: "secondary", label: intl.formatMessage(conditionalFormattingMessages.dialogScopeCell), isSelected: format.scope === "cell", onClick: () => onChange({ ...format, scope: "cell" }) }), _jsx(UiButton, { size: "small", variant: "secondary", label: intl.formatMessage(conditionalFormattingMessages.dialogScopeRow), isSelected: format.scope === "row", onClick: () => onChange({ ...format, scope: "row" }) })] }) })] })) }));
 }
 export function ConditionEditor({ condition, kind, isPercent, separators, suggestions, date, dateFilterOptions, dateSettings, removable, slot, readOnly = false, onChange, onRemove, }) {
     const intl = useIntl();
@@ -159,15 +150,11 @@ export function ConditionEditor({ condition, kind, isPercent, separators, sugges
         ...(condition.format.color ? { color: condition.format.color } : {}),
         ...(condition.format.backgroundColor ? { backgroundColor: condition.format.backgroundColor } : {}),
     };
-    return (_jsxs("div", { className: cx("gd-cf-condition", slot.className), ...slot.rootProps, children: [slot.handle, _jsxs("div", { className: "gd-cf-condition__header", children: [
-                    _jsx("span", { className: "gd-cf-condition__title", children: intl.formatMessage(conditionalFormattingMessages.dialogCondition) }), removable ? (_jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross gd-cf-condition__delete", accessibilityConfig: {
+    return (_jsxs("div", { className: cx("gd-cf-condition", slot.className), ...slot.rootProps, children: [slot.handle, _jsxs("div", { className: "gd-cf-condition__header", children: [_jsx("span", { className: "gd-cf-condition__title", children: intl.formatMessage(conditionalFormattingMessages.dialogCondition) }), removable ? (_jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross gd-cf-condition__delete", accessibilityConfig: {
                             ariaLabel: intl.formatMessage(conditionalFormattingMessages.dialogRemoveCondition),
                         }, onClick: onRemove })) : null] }), _jsx(CfSelect, { value: condition.operator, items: operatorItems, onSelect: (operator) => onChange({
                     ...condition,
                     operator,
                     value: valueForOperator(operator, condition.value, isDate),
-                }) }), _jsx(ConditionValueInput, { condition: condition, editorKind: editorKind, kind: kind, isPercent: isPercent, separators: separators, suggestions: suggestions, date: date, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, readOnly: readOnly, onChange: onChange }, editorKind), _jsxs("div", { className: "gd-cf-condition__format-row", children: [
-                    _jsx("span", { className: "gd-cf-dialog__label", children: intl.formatMessage(conditionalFormattingMessages.dialogFormat) }), _jsx("div", { className: "gd-cf-preview", children: condition.format.scope === "row" ? (ROW_PREVIEW_SAMPLE.map((sample, index) => (_jsx("span", { className: "gd-cf-preview__cell", style: previewStyle, children: sample }, index)))) : (_jsx("span", { className: "gd-cf-preview__cell", style: previewStyle, children: PREVIEW_SAMPLE[kind] })) }), _jsx(FormatEditor, { format: condition.format, onChange: setFormat })
-                ] })
-        ] }));
+                }) }), _jsx(ConditionValueInput, { condition: condition, editorKind: editorKind, kind: kind, isPercent: isPercent, separators: separators, suggestions: suggestions, date: date, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, readOnly: readOnly, onChange: onChange }, editorKind), _jsxs("div", { className: "gd-cf-condition__format-row", children: [_jsx("span", { className: "gd-cf-dialog__label", children: intl.formatMessage(conditionalFormattingMessages.dialogFormat) }), _jsx("div", { className: "gd-cf-preview", children: condition.format.scope === "row" ? (ROW_PREVIEW_SAMPLE.map((sample, index) => (_jsx("span", { className: "gd-cf-preview__cell", style: previewStyle, children: sample }, index)))) : (_jsx("span", { className: "gd-cf-preview__cell", style: previewStyle, children: PREVIEW_SAMPLE[kind] })) }), _jsx(FormatEditor, { format: condition.format, onChange: setFormat })] })] }));
 }

package/esm/internal/components/configurationControls/conditionalFormatting/ConditionalFormattingDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormattingDialog.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/ConditionalFormattingDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,8BAA8B,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC5F,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EACH,KAAK,2BAA2B,EAEhC,KAAK,0BAA0B,EAClC,MAAM,6BAA6B,CAAC;AAMrC,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,aAAa,EASrB,MAAM,iCAAiC,CAAC;AAiCzC;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAC9C,IAAI,EAAE,0BAA0B,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,uFAAuF;IACvF,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAC7C,uFAAuF;IACvF,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC;IAClE,6FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,MAAM,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EACxC,IAAI,EAAE,WAAW,EACjB,KAAK,EACL,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,OAAO,EACV,EAAE,iCAAiC,2CA0SnC"}
+{"version":3,"file":"ConditionalFormattingDialog.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/ConditionalFormattingDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,8BAA8B,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC5F,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EACH,KAAK,2BAA2B,EAEhC,KAAK,0BAA0B,EAClC,MAAM,6BAA6B,CAAC;AAMrC,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,aAAa,EASrB,MAAM,iCAAiC,CAAC;AAiCzC;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAC9C,IAAI,EAAE,0BAA0B,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,uFAAuF;IACvF,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAC7C,uFAAuF;IACvF,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC;IAClE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,MAAM,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EACxC,IAAI,EAAE,WAAW,EACjB,KAAK,EACL,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,OAAO,EACV,EAAE,iCAAiC,2CA0SnC"}