@gooddata/sdk-ui-ext 11.56.0-alpha.0 → 11.56.0-alpha.2

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.d.ts

@@ -15,6 +15,6 @@ interface IComparisonSectionProps {
     colorPalette: IColorPalette;
     pushData: PushDataCallback;
 }
-export declare function ComparisonSection({ controlDisabled, disabledByVisualization, defaultCalculationType, separators, properties, propertiesMeta, colorPalette, pushData }: IComparisonSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComparisonSection({ controlDisabled, disabledByVisualization, defaultCalculationType, separators, properties, propertiesMeta, colorPalette, pushData, }: IComparisonSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ComparisonSection.d.ts.map

package/esm/internal/components/configurationControls/comparison/ComparisonSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/comparison/ComparisonSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,KAAK,eAAe,EAA+B,MAAM,yBAAyB,CAAC;AAG5F,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AASrF,UAAU,uBAAuB;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,eAAe,CAAC;IACxC,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACvD,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,QAAQ,EACX,EAAE,uBAAuB,2CAsDzB"}
+{"version":3,"file":"ComparisonSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/comparison/ComparisonSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,KAAK,eAAe,EAA+B,MAAM,yBAAyB,CAAC;AAG5F,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AASrF,UAAU,uBAAuB;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,eAAe,CAAC;IACxC,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACvD,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,QAAQ,GACX,EAAE,uBAAuB,2CAsDzB"}

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/CalculationControl.d.ts

@@ -9,6 +9,6 @@ interface ICalculationControlProps {
     properties: IVisualizationProperties<IComparisonControlProperties>;
     pushData: PushDataCallback;
 }
-export declare function CalculationControl({ disabled, defaultCalculationType, properties, showDisabledMessage, pushData }: ICalculationControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalculationControl({ disabled, defaultCalculationType, properties, showDisabledMessage, pushData, }: ICalculationControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CalculationControl.d.ts.map

package/esm/internal/components/configurationControls/comparison/calculation/CalculationControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalculationControl.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/calculation/CalculationControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAMxF,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,eAAe,CAAC;IACxC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAMD,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,sBAAsB,EACtB,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACX,EAAE,wBAAwB,2CA+B1B"}
+{"version":3,"file":"CalculationControl.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/calculation/CalculationControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAMxF,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,eAAe,CAAC;IACxC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAMD,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,sBAAsB,EACtB,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACX,EAAE,wBAAwB,2CA+B1B"}

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.d.ts

@@ -7,6 +7,6 @@ interface ICalculationItemInfoSectionProps {
     shouldHideTitle?: boolean;
     isSectionCombineCalculationType?: boolean;
 }
-export declare function CalculationListItemInfoSection({ calculationType, section, contentClassNames, shouldHideTitle, isSectionCombineCalculationType }: ICalculationItemInfoSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalculationListItemInfoSection({ calculationType, section, contentClassNames, shouldHideTitle, isSectionCombineCalculationType, }: ICalculationItemInfoSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CalculationListItemInfoSection.d.ts.map

package/esm/internal/components/configurationControls/comparison/calculation/CalculationListItemInfoSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalculationListItemInfoSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/calculation/CalculationListItemInfoSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnD,UAAU,gCAAgC;IACtC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC7C;AA0CD,wBAAgB,8BAA8B,CAAC,EAC3C,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,+BAA+B,EAClC,EAAE,gCAAgC,2CAYlC"}
+{"version":3,"file":"CalculationListItemInfoSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/calculation/CalculationListItemInfoSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnD,UAAU,gCAAgC;IACtC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC7C;AA0CD,wBAAgB,8BAA8B,CAAC,EAC3C,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,+BAA+B,GAClC,EAAE,gCAAgC,2CAYlC"}

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.d.ts

@@ -9,6 +9,6 @@ interface IIndicatorSubSectionProps {
     colorPalette: IColorPalette;
     pushData: PushDataCallback;
 }
-export declare function IndicatorSubSection({ sectionDisabled, showDisabledMessage, properties, colorPalette, pushData }: IIndicatorSubSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function IndicatorSubSection({ sectionDisabled, showDisabledMessage, properties, colorPalette, pushData, }: IIndicatorSubSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=IndicatorSubSection.d.ts.map

package/esm/internal/components/configurationControls/comparison/indicators/IndicatorSubSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/indicators/IndicatorSubSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAMxF,UAAU,yBAAyB;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,QAAQ,EACX,EAAE,yBAAyB,2CAoB3B"}
+{"version":3,"file":"IndicatorSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/indicators/IndicatorSubSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAMxF,UAAU,yBAAyB;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,QAAQ,GACX,EAAE,yBAAyB,2CAoB3B"}

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/ColorItem.d.ts

@@ -16,6 +16,6 @@ interface IColorItemProps {
     valuePath: string;
     pushData: PushDataCallback;
 }
-export declare function ColorItem({ disabled, align, showDisabledMessage, color, colorType, colorPalette, labelDescriptor, valuePath, properties, pushData }: IColorItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorItem({ disabled, align, showDisabledMessage, color, colorType, colorPalette, labelDescriptor, valuePath, properties, pushData, }: IColorItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ColorItem.d.ts.map

package/esm/internal/components/configurationControls/comparison/indicators/colorsControl/ColorItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/indicators/colorsControl/ColorItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,KAAK,mBAAmB,EAAyB,MAAM,yBAAyB,CAAC;AAE1F,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAK3F,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,mBAAmB,CAAC;IAC/B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,iBAAiB,CAAC;IACnC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACX,EAAE,eAAe,2CA0BjB"}
+{"version":3,"file":"ColorItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/indicators/colorsControl/ColorItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,KAAK,mBAAmB,EAAyB,MAAM,yBAAyB,CAAC;AAE1F,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAK3F,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,mBAAmB,CAAC;IAC/B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,iBAAiB,CAAC;IACnC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,GACX,EAAE,eAAe,2CA0BjB"}

package/esm/internal/components/configurationControls/comparison/indicators/colorsControl/ColorsControl.d.ts

@@ -9,6 +9,6 @@ interface IColorControlProps {
     colorPalette: IColorPalette;
     pushData: PushDataCallback;
 }
-export declare function ColorsControl({ disabled, showDisabledMessage, properties, colorPalette, pushData }: IColorControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorsControl({ disabled, showDisabledMessage, properties, colorPalette, pushData, }: IColorControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ColorsControl.d.ts.map

package/esm/internal/components/configurationControls/comparison/indicators/colorsControl/ColorsControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorsControl.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/indicators/colorsControl/ColorsControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAW3F,UAAU,kBAAkB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,QAAQ,EACX,EAAE,kBAAkB,2CAkDpB"}
+{"version":3,"file":"ColorsControl.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/indicators/colorsControl/ColorsControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAW3F,UAAU,kBAAkB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,YAAY,EAAE,aAAa,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,QAAQ,GACX,EAAE,kBAAkB,2CAkDpB"}

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.d.ts

@@ -10,5 +10,5 @@ export interface ILabelSubSectionProps {
     properties: IVisualizationProperties<IComparisonControlProperties>;
     pushData: PushDataCallback;
 }
-export declare function LabelSubSection({ sectionDisabled, showDisabledMessage, defaultLabelKeys, calculationType, properties, pushData }: ILabelSubSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function LabelSubSection({ sectionDisabled, showDisabledMessage, defaultLabelKeys, calculationType, properties, pushData, }: ILabelSubSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LabelSubSection.d.ts.map

package/esm/internal/components/configurationControls/comparison/label/LabelSubSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/label/LabelSubSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAEH,KAAK,eAAe,EAEpB,KAAK,iBAAiB,EACzB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAYxF,MAAM,WAAW,qBAAqB;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAsDD,wBAAgB,eAAe,CAAC,EAC5B,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,QAAQ,EACX,EAAE,qBAAqB,2CA0GvB"}
+{"version":3,"file":"LabelSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/label/LabelSubSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAEH,KAAK,eAAe,EAEpB,KAAK,iBAAiB,EACzB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAYxF,MAAM,WAAW,qBAAqB;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAsDD,wBAAgB,eAAe,CAAC,EAC5B,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,QAAQ,GACX,EAAE,qBAAqB,2CA0GvB"}

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/ComparisonPositionControl.d.ts

@@ -7,6 +7,6 @@ interface IPositionControlProps {
     properties: IVisualizationProperties<IComparisonControlProperties>;
     pushData: PushDataCallback;
 }
-export declare function ComparisonPositionControl({ disabled, showDisabledMessage, properties, pushData }: IPositionControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComparisonPositionControl({ disabled, showDisabledMessage, properties, pushData, }: IPositionControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ComparisonPositionControl.d.ts.map

package/esm/internal/components/configurationControls/comparison/values/ComparisonPositionControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPositionControl.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/values/ComparisonPositionControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAKxF,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,yBAAyB,CAAC,EACtC,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACX,EAAE,qBAAqB,2CAoBvB"}
+{"version":3,"file":"ComparisonPositionControl.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/values/ComparisonPositionControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAKxF,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,yBAAyB,CAAC,EACtC,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,QAAQ,GACX,EAAE,qBAAqB,2CAoBvB"}

package/esm/internal/components/configurationControls/comparison/values/ValueSubSection.d.ts

@@ -9,6 +9,6 @@ interface IValueSubSectionProps {
     properties: IVisualizationProperties<IComparisonControlProperties>;
     pushData: PushDataCallback;
 }
-export declare function ValueSubSection({ sectionDisabled, showDisabledMessage, defaultFormat, separators, properties, pushData }: IValueSubSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueSubSection({ sectionDisabled, showDisabledMessage, defaultFormat, separators, properties, pushData, }: IValueSubSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ValueSubSection.d.ts.map

package/esm/internal/components/configurationControls/comparison/values/ValueSubSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValueSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/values/ValueSubSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAI3E,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAQxF,UAAU,qBAAqB;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC5B,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,UAAU,EACV,QAAQ,EACX,EAAE,qBAAqB,2CAsCvB"}
+{"version":3,"file":"ValueSubSection.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/comparison/values/ValueSubSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAI3E,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAChG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAQxF,UAAU,qBAAqB;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC5B,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,UAAU,EACV,QAAQ,GACX,EAAE,qBAAqB,2CAsCvB"}

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.d.ts

@@ -11,6 +11,6 @@ interface INumberFormatControlProps {
     properties: IVisualizationProperties<IComparisonControlProperties>;
     pushData: PushDataCallback;
 }
-export declare function NumberFormatControl({ disabled, valuePath, labelText, format, showDisabledMessage, separators, properties, pushData }: INumberFormatControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFormatControl({ disabled, valuePath, labelText, format, showDisabledMessage, separators, properties, pushData, }: INumberFormatControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NumberFormatControl.d.ts.map

package/esm/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormatControl.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatControl.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAM3F,UAAU,yBAAyB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,QAAQ,EACX,EAAE,yBAAyB,2CAmC3B"}
+{"version":3,"file":"NumberFormatControl.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatControl.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAM3F,UAAU,yBAAyB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACnE,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,QAAQ,GACX,EAAE,yBAAyB,2CAmC3B"}

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/comparison/values/numberFormat/NumberFormatToggleButton.d.ts

@@ -1,3 +1,3 @@
 import { type IToggleButtonProps } from "@gooddata/sdk-ui-kit";
-export declare function NumberFormatToggleButton({ disabled, isOpened, selectedPreset, toggleDropdown }: IToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberFormatToggleButton({ disabled, isOpened, selectedPreset, toggleDropdown, }: IToggleButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NumberFormatToggleButton.d.ts.map

package/esm/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormatToggleButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACjB,EAAE,kBAAkB,2CAYpB"}
+{"version":3,"file":"NumberFormatToggleButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/configurationControls/comparison/values/numberFormat/NumberFormatToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,GACjB,EAAE,kBAAkB,2CAYpB"}

package/esm/internal/components/configurationControls/conditionalFormatting/CfDateValueDropdown.d.ts

@@ -20,5 +20,5 @@ export interface ICfDateValueDropdownProps extends ICfFieldProps {
  * already-shifted range (no flag), and reopening reconstructs the preset + checked toggle by
  * matching the stored range against "preset shifted by one".
  */
-export declare function CfDateValueDropdown({ value, date, catalogOptions, dateSettings, hasError, errorId, onChange, onVisit }: ICfDateValueDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function CfDateValueDropdown({ value, date, catalogOptions, dateSettings, hasError, errorId, onChange, onVisit, }: ICfDateValueDropdownProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CfDateValueDropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CfDateValueDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/CfDateValueDropdown.tsx"],"names":[],"mappings":"AAQA,OAAO,EAKH,KAAK,wBAAwB,EAIhC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACH,KAAK,0BAA0B,EAKlC,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA4GzF,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC5D,KAAK,EAAE,0BAA0B,CAAC;IAClC,IAAI,EAAE,WAAW,CAAC;IAClB,iGAAiG;IACjG,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,4DAA4D;IAC5D,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACzD;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACV,EAAE,yBAAyB,2CA+E3B"}
+{"version":3,"file":"CfDateValueDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/CfDateValueDropdown.tsx"],"names":[],"mappings":"AAQA,OAAO,EAKH,KAAK,wBAAwB,EAIhC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACH,KAAK,0BAA0B,EAKlC,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA4GzF,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC5D,KAAK,EAAE,0BAA0B,CAAC;IAClC,IAAI,EAAE,WAAW,CAAC;IAClB,iGAAiG;IACjG,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,4DAA4D;IAC5D,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACzD;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GACV,EAAE,yBAAyB,2CA+E3B"}

package/esm/internal/components/configurationControls/conditionalFormatting/ConditionEditor.d.ts

@@ -19,5 +19,5 @@ export interface IConditionEditorProps {
     onChange: (condition: IConditionalFormattingCondition) => void;
     onRemove: () => void;
 }
-export declare function ConditionEditor({ condition, kind, isPercent, separators, suggestions, date, dateFilterOptions, dateSettings, removable, slot, readOnly, onChange, onRemove }: IConditionEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConditionEditor({ condition, kind, isPercent, separators, suggestions, date, dateFilterOptions, dateSettings, removable, slot, readOnly, onChange, onRemove, }: IConditionEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ConditionEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/ConditionEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAiBzE,OAAO,EACH,KAAK,2BAA2B,EAEhC,KAAK,+BAA+B,EAEvC,MAAM,6BAA6B,CAAC;AAarC,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,eAAe,EAavB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAyYrD,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,+BAA+B,CAAC;IAC3C,IAAI,EAAE,2BAA2B,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,iBAAiB,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACxD,YAAY,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,SAAS,EAAE,+BAA+B,KAAK,IAAI,CAAC;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACX,EAAE,qBAAqB,2CA8FvB"}
+{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/ConditionEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAiBzE,OAAO,EACH,KAAK,2BAA2B,EAEhC,KAAK,+BAA+B,EAEvC,MAAM,6BAA6B,CAAC;AAarC,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,eAAe,EAavB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAyYrD,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,+BAA+B,CAAC;IAC3C,IAAI,EAAE,2BAA2B,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,iBAAiB,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACxD,YAAY,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,SAAS,EAAE,+BAA+B,KAAK,IAAI,CAAC;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,QAAgB,EAChB,QAAQ,EACR,QAAQ,GACX,EAAE,qBAAqB,2CA8FvB"}

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 })] })] }));
 }