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

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

@@ -127,20 +127,13 @@ export function ConditionalFormattingDialog({ rule: initialRule, isNew, targetOp
     // affordance for at all — everywhere else (a semantic-fallback view, or an existing authored
     // rule) shows one, disabled per `deleteDisabled` above when there's genuinely nothing to delete.
     const showDelete = fixedTarget || !isNew;
-    return (_jsx(Overlay, { alignTo: alignTo, alignPoints: POPOVER_ALIGN_POINTS, closeOnParentScroll: true, closeOnMouseDrag: true, onClose: onClose, children: _jsxs("div", { className: "gd-cf-dialog", "aria-label": title, children: [
-                _jsxs("div", { className: "gd-cf-dialog__header", children: [
-                        _jsx("h3", { className: "gd-cf-dialog__title", children: title }), _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross", accessibilityConfig: {
+    return (_jsx(Overlay, { alignTo: alignTo, alignPoints: POPOVER_ALIGN_POINTS, closeOnParentScroll: true, closeOnMouseDrag: true, onClose: onClose, children: _jsxs("div", { className: "gd-cf-dialog", "aria-label": title, children: [_jsxs("div", { className: "gd-cf-dialog__header", children: [_jsx("h3", { className: "gd-cf-dialog__title", children: title }), _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross", accessibilityConfig: {
                                 ariaLabel: intl.formatMessage(conditionalFormattingMessages.dialogCancel),
-                            }, onClick: onClose })
-                    ] }), _jsxs("div", { className: "gd-cf-dialog__body", children: [
-                        _jsx("span", { className: "gd-cf-dialog__label", children: intl.formatMessage(conditionalFormattingMessages.dialogTarget) }), singleTarget ? (_jsxs("div", { className: "gd-cf-dialog__static-target", children: [
-                                _jsx("span", { className: cx("gd-cf-type-icon", targetIcon(singleTarget.target.kind, isDateTarget(singleTarget))), "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-dialog__static-target-title", children: singleTarget.title })
-                            ] })) : (_jsx("fieldset", { className: "gd-cf-dialog__target-picker", disabled: locked, children: _jsx(CfSelect, { value: selectedTarget?.value, items: targetOptions.map((option) => ({
+                            }, onClick: onClose })] }), _jsxs("div", { className: "gd-cf-dialog__body", children: [_jsx("span", { className: "gd-cf-dialog__label", children: intl.formatMessage(conditionalFormattingMessages.dialogTarget) }), singleTarget ? (_jsxs("div", { className: "gd-cf-dialog__static-target", children: [_jsx("span", { className: cx("gd-cf-type-icon", targetIcon(singleTarget.target.kind, isDateTarget(singleTarget))), "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-dialog__static-target-title", children: singleTarget.title })] })) : (_jsx("fieldset", { className: "gd-cf-dialog__target-picker", disabled: locked, children: _jsx(CfSelect, { value: selectedTarget?.value, items: targetOptions.map((option) => ({
                                     value: option.value,
                                     title: option.title,
                                     icon: targetIcon(option.target.kind, isDateTarget(option)),
-                                })), onSelect: changeTarget, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogSelectTarget) }) })), activeSemantic ? (_jsxs("div", { className: "gd-cf-dialog__use-default", children: [
-                                _jsx(UiCheckbox, { checked: usingDefault, onChange: (e) => {
+                                })), onSelect: changeTarget, placeholder: intl.formatMessage(conditionalFormattingMessages.dialogSelectTarget) }) })), activeSemantic ? (_jsxs("div", { className: "gd-cf-dialog__use-default", children: [_jsx(UiCheckbox, { checked: usingDefault, onChange: (e) => {
                                         const nextUseDefault = e.target.checked;
                                         // Reseed from the live semantic value exactly at the moment of
                                         // unchecking — but only while the draft is still just a mirror of
@@ -157,11 +150,9 @@ export function ConditionalFormattingDialog({ rule: initialRule, isNew, targetOp
                                             setRule((current) => sanitizeRuleForEditing({ ...current, conditions: activeSemantic.conditions }, isDateTarget(selectedTarget)));
                                         }
                                         setWantsDefault(nextUseDefault);
-                                    }, label: intl.formatMessage(conditionalFormattingMessages.dialogUseDefaultRule) }), _jsx(InfoTooltip, { text: intl.formatMessage(conditionalFormattingMessages.dialogUseDefaultRuleInfo) })
-                            ] })) : null, _jsxs("fieldset", { disabled: locked, className: cx("gd-cf-dialog__editable", {
+                                    }, label: intl.formatMessage(conditionalFormattingMessages.dialogUseDefaultRule) }), _jsx(InfoTooltip, { text: intl.formatMessage(conditionalFormattingMessages.dialogUseDefaultRuleInfo) })] })) : null, _jsxs("fieldset", { disabled: locked, className: cx("gd-cf-dialog__editable", {
                                 "gd-cf-dialog__editable--readonly": locked,
-                            }), children: [_jsx(ReorderList, { items: displayRule.conditions, getKey: (condition) => condition.id, onReorder: reorderConditions, disabled: locked, renderItem: (condition, slot) => (_jsx(ConditionEditor, { condition: condition, kind: rule.target.kind, isPercent: isPercent, separators: separators, suggestions: suggestions, date: selectedTarget?.date, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, removable: displayRule.conditions.length > 1, slot: slot, readOnly: locked, onChange: (next) => updateCondition(condition.id, next), onRemove: () => removeCondition(condition.id) })) }), locked ? null : (_jsx(Button, { className: "gd-button-secondary gd-cf-dialog__add-condition", iconLeft: "gd-icon-plus", value: intl.formatMessage(conditionalFormattingMessages.dialogAddCondition), onClick: addCondition }))] })
-                    ] }), _jsxs("div", { className: "gd-cf-dialog__footer", children: [showDelete ? (_jsx(DisabledBubbleMessage, { className: "gd-cf-dialog__delete", showDisabledMessage: deleteDisabled, messageId: conditionalFormattingMessages.dialogRuleCannotBeDeleted.id, children: _jsx(UiIconButton, { icon: "trash", size: "small", variant: "tertiary", isDesctructive: true, isDisabled: deleteDisabled, label: intl.formatMessage(conditionalFormattingMessages.ruleDelete), onClick: () => {
+                            }), children: [_jsx(ReorderList, { items: displayRule.conditions, getKey: (condition) => condition.id, onReorder: reorderConditions, disabled: locked, renderItem: (condition, slot) => (_jsx(ConditionEditor, { condition: condition, kind: rule.target.kind, isPercent: isPercent, separators: separators, suggestions: suggestions, date: selectedTarget?.date, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, removable: displayRule.conditions.length > 1, slot: slot, readOnly: locked, onChange: (next) => updateCondition(condition.id, next), onRemove: () => removeCondition(condition.id) })) }), locked ? null : (_jsx(Button, { className: "gd-button-secondary gd-cf-dialog__add-condition", iconLeft: "gd-icon-plus", value: intl.formatMessage(conditionalFormattingMessages.dialogAddCondition), onClick: addCondition }))] })] }), _jsxs("div", { className: "gd-cf-dialog__footer", children: [showDelete ? (_jsx(DisabledBubbleMessage, { className: "gd-cf-dialog__delete", showDisabledMessage: deleteDisabled, messageId: conditionalFormattingMessages.dialogRuleCannotBeDeleted.id, children: _jsx(UiIconButton, { icon: "trash", size: "small", variant: "tertiary", isDesctructive: true, isDisabled: deleteDisabled, label: intl.formatMessage(conditionalFormattingMessages.ruleDelete), onClick: () => {
                                     onDelete?.();
                                     onClose();
                                 } }) })) : null, _jsx(Button, { className: "gd-button-secondary", value: intl.formatMessage(conditionalFormattingMessages.dialogCancel), onClick: onClose }), _jsx(Button, { className: "gd-button-action", value: intl.formatMessage(conditionalFormattingMessages.dialogSave), disabled: usingDefault ? false : !complete || !isDirty, onClick: () => {
@@ -185,7 +176,5 @@ export function ConditionalFormattingDialog({ rule: initialRule, isNew, targetOp
                                 // carries that display-only synthetic id — give it a real one the instant
                                 // it's actually persisted, exactly like every other freshly authored rule.
                                 onSave(isNew ? { ...rule, id: uuid() } : rule);
-                            } })
-                    ] })
-            ] }) }));
+                            } })] })] }) }));
 }

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

@@ -14,9 +14,7 @@ import { useCfDateFilterOptions } from "./useCfDateFilterOptions.js";
 const SECTION_ID = "conditionalFormatting_section";
 // Array order = evaluation order (first-match-wins).
 function RuleChip({ rule, option, invalid, editable, labels, slot, onEdit, onDelete }) {
-    return (_jsxs("div", { className: cx("gd-cf-rule", slot.className), ...slot.rootProps, children: [slot.handle, _jsxs("button", { type: "button", className: "gd-cf-rule__body", onClick: onEdit, title: labels.edit, disabled: !editable, children: [
-                    _jsx("span", { className: `gd-cf-type-icon ${targetIcon(rule.target.kind, isDateTarget(option))}`, "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-rule__title", children: option ? option.title : targetLocalId(rule.target) }), invalid ? (_jsx("span", { className: "gd-cf-rule__invalid", children: option ? labels.invalidValue : labels.invalid })) : null] }), _jsx("span", { className: "gd-cf-rule__delete", children: _jsx(UiIconButton, { icon: "trash", size: "small", variant: "tertiary", isDesctructive: true, label: labels.delete, onClick: onDelete }) })
-        ] }));
+    return (_jsxs("div", { className: cx("gd-cf-rule", slot.className), ...slot.rootProps, children: [slot.handle, _jsxs("button", { type: "button", className: "gd-cf-rule__body", onClick: onEdit, title: labels.edit, disabled: !editable, children: [_jsx("span", { className: `gd-cf-type-icon ${targetIcon(rule.target.kind, isDateTarget(option))}`, "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-rule__title", children: option ? option.title : targetLocalId(rule.target) }), invalid ? (_jsx("span", { className: "gd-cf-rule__invalid", children: option ? labels.invalidValue : labels.invalid })) : null] }), _jsx("span", { className: "gd-cf-rule__delete", children: _jsx(UiIconButton, { icon: "trash", size: "small", variant: "tertiary", isDesctructive: true, label: labels.delete, onClick: onDelete }) })] }));
 }
 // A held-open semantic dialog is a snapshot from when "View" was clicked — re-derive it against the
 // current semantic payload every render so it tracks edits, and disappears (rather than showing stale
@@ -58,10 +56,7 @@ function dialogKey(dialog) {
 // "Use default rule" checkbox that switches it to Custom. The row itself only ever offers the
 // on/off toggle (`suppressedTargets` suppression) and, while on, a way to open that dialog.
 function SemanticRuleRow({ option, editLabel, toggleAriaLabel, off, onToggleOff, onEdit, }) {
-    return (_jsxs("div", { className: cx("gd-cf-rule", "gd-cf-rule--semantic", { "gd-cf-rule--off": off }), children: [
-            _jsxs("label", { className: "input-checkbox-toggle s-checkbox-toggle-label gd-cf-rule__toggle", children: [
-                    _jsx("input", { "aria-label": toggleAriaLabel, type: "checkbox", checked: !off, onChange: (e) => onToggleOff(!e.target.checked), className: `s-checkbox-toggle ${off ? "s-disabled" : "s-enabled"}` }), _jsx("span", { className: "input-label-text" })
-                ] }), _jsx("span", { className: `gd-cf-type-icon ${targetIcon(option.target.kind, isDateTarget(option))}`, "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-rule__title", children: option.title }), off ? null : (_jsx(Button, { className: "gd-button-link gd-cf-rule__view", value: editLabel, onClick: onEdit }))] }));
+    return (_jsxs("div", { className: cx("gd-cf-rule", "gd-cf-rule--semantic", { "gd-cf-rule--off": off }), children: [_jsxs("label", { className: "input-checkbox-toggle s-checkbox-toggle-label gd-cf-rule__toggle", children: [_jsx("input", { "aria-label": toggleAriaLabel, type: "checkbox", checked: !off, onChange: (e) => onToggleOff(!e.target.checked), className: `s-checkbox-toggle ${off ? "s-disabled" : "s-enabled"}` }), _jsx("span", { className: "input-label-text" })] }), _jsx("span", { className: `gd-cf-type-icon ${targetIcon(option.target.kind, isDateTarget(option))}`, "aria-hidden": "true" }), _jsx("span", { className: "gd-cf-rule__title", children: option.title }), off ? null : (_jsx(Button, { className: "gd-button-link gd-cf-rule__view", value: editLabel, onClick: onEdit }))] }));
 }
 export function ConditionalFormattingSection({ properties, propertiesMeta, insight, targetData, backend, workspace, dateSettings, separators, isLoading, pushData, enableConditionalFormatting = true, enableSemanticConditionalFormatting = false, }) {
     const intl = useIntl();
@@ -202,24 +197,16 @@ export function ConditionalFormattingSection({ properties, propertiesMeta, insig
     // decides whether to render a disabled delete affordance for the "nothing authored yet" case,
     // not a no-op we hand it.
     const hasAuthoredRule = activeDialog ? rules.some((rule) => rule.id === activeDialog.rule.id) : false;
-    return (_jsxs(ConfigSection, { id: SECTION_ID, className: "gd-cf-section", title: conditionalFormattingMessages.sectionTitle.id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, canBeToggled: enableConditionalFormatting, toggledOn: enabled, toggleDisabled: isLoading, onToggle: (checked) => commit(rules, checked), children: [
-            _jsx("span", { className: "s-cf-popover-anchor gd-cf-section__anchor" }), enableConditionalFormatting ? (_jsxs(_Fragment, { children: [
-                    _jsxs("div", { className: "gd-cf-section__subcategory", children: [
-                            _jsx("span", { className: "gd-cf-section__rules-label", children: intl.formatMessage(conditionalFormattingMessages.rulesLabel) }), _jsx("span", { className: "gd-cf-section__divider" }), _jsx(Button, { className: "gd-button-link gd-cf-section__add", iconLeft: "gd-icon-plus", value: intl.formatMessage(conditionalFormattingMessages.addRule), disabled: !canAddRule, onClick: () => setDialog({ kind: "custom", rule: newRule(targetOptions[0]), isNew: true }) })
-                        ] }), rules.length === 0 ? (
+    return (_jsxs(ConfigSection, { id: SECTION_ID, className: "gd-cf-section", title: conditionalFormattingMessages.sectionTitle.id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, canBeToggled: enableConditionalFormatting, toggledOn: enabled, toggleDisabled: isLoading, onToggle: (checked) => commit(rules, checked), children: [_jsx("span", { className: "s-cf-popover-anchor gd-cf-section__anchor" }), enableConditionalFormatting ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "gd-cf-section__subcategory", children: [_jsx("span", { className: "gd-cf-section__rules-label", children: intl.formatMessage(conditionalFormattingMessages.rulesLabel) }), _jsx("span", { className: "gd-cf-section__divider" }), _jsx(Button, { className: "gd-button-link gd-cf-section__add", iconLeft: "gd-icon-plus", value: intl.formatMessage(conditionalFormattingMessages.addRule), disabled: !canAddRule, onClick: () => setDialog({ kind: "custom", rule: newRule(targetOptions[0]), isNew: true }) })] }), rules.length === 0 ? (
                     // The empty-state hint would contradict an inherited row rendered just below it.
                     semanticRows.length === 0 ? (_jsx("div", { className: "gd-cf-section__empty", children: intl.formatMessage(conditionalFormattingMessages.empty) })) : null) : (_jsx("div", { className: "gd-cf-section__rules", children: _jsx(ReorderList, { items: rules, getKey: (rule) => rule.id, onReorder: (next) => commit(next, enabled), renderItem: (rule, slot) => {
                                 const option = findTargetOption(targetOptions, rule.target);
                                 // A missing target flags immediately; value validation waits for date metadata.
                                 const invalid = !option || (targetDataReady && !isRuleComplete(rule, option.date));
                                 return (_jsx(RuleChip, { rule: rule, option: option, invalid: invalid, editable: targetDataReady, labels: chipLabels, slot: slot, onEdit: () => setDialog({ kind: "custom", rule, isNew: false }), onDelete: () => deleteRule(rule.id) }));
-                            } }) }))] })) : null, semanticRows.length > 0 ? (_jsxs("div", { className: "gd-cf-section__semantic", children: [
-                    _jsxs("div", { className: "gd-cf-section__subcategory", children: [
-                            _jsx("span", { className: "gd-cf-section__rules-label", children: intl.formatMessage(conditionalFormattingMessages.semanticLabel) }), _jsx("span", { className: "gd-cf-section__divider" })
-                        ] }), _jsx("div", { className: "gd-cf-section__rules", children: semanticRows.map(({ option, semantic, off }) => (_jsx(SemanticRuleRow, { option: option, editLabel: editLabel, toggleAriaLabel: intl.formatMessage(conditionalFormattingMessages.semanticToggleAriaLabel, { title: option.title }), off: off, onToggleOff: (nextOff) => setSuppressed(option.target, nextOff), onEdit: () => setDialog({
+                            } }) }))] })) : null, semanticRows.length > 0 ? (_jsxs("div", { className: "gd-cf-section__semantic", children: [_jsxs("div", { className: "gd-cf-section__subcategory", children: [_jsx("span", { className: "gd-cf-section__rules-label", children: intl.formatMessage(conditionalFormattingMessages.semanticLabel) }), _jsx("span", { className: "gd-cf-section__divider" })] }), _jsx("div", { className: "gd-cf-section__rules", children: semanticRows.map(({ option, semantic, off }) => (_jsx(SemanticRuleRow, { option: option, editLabel: editLabel, toggleAriaLabel: intl.formatMessage(conditionalFormattingMessages.semanticToggleAriaLabel, { title: option.title }), off: off, onToggleOff: (nextOff) => setSuppressed(option.target, nextOff), onEdit: () => setDialog({
                                 kind: "semantic",
                                 rule: semanticRuleFor(option, semantic),
                                 option,
-                            }) }, option.value))) })
-                ] })) : null, activeDialog ? (_jsx(ConditionalFormattingDialog, { rule: activeDialog.rule, isNew: dialogIsNew, fixedTarget: activeDialog.kind === "semantic", semanticByTarget: semanticMap, targetOptions: targetOptions, separators: separators, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, alignTo: ".s-cf-popover-anchor", onDelete: hasAuthoredRule ? () => deleteRule(activeDialog.rule.id) : undefined, onRevertToDefault: revertToInherited, onSave: (rule) => saveRule(rule, dialogIsNew), onClose: () => setDialog(null) }, dialogKey(activeDialog))) : null] }));
+                            }) }, option.value))) })] })) : null, activeDialog ? (_jsx(ConditionalFormattingDialog, { rule: activeDialog.rule, isNew: dialogIsNew, fixedTarget: activeDialog.kind === "semantic", semanticByTarget: semanticMap, targetOptions: targetOptions, separators: separators, dateFilterOptions: dateFilterOptions, dateSettings: dateSettings, alignTo: ".s-cf-popover-anchor", onDelete: hasAuthoredRule ? () => deleteRule(activeDialog.rule.id) : undefined, onRevertToDefault: revertToInherited, onSave: (rule) => saveRule(rule, dialogIsNew), onClose: () => setDialog(null) }, dialogKey(activeDialog))) : null] }));
 }

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

@@ -24,9 +24,7 @@ export function ReorderList({ items, getKey, onReorder, renderItem, disabled = f
     return (_jsx(_Fragment, { children: items.map((item, index) => {
             const slot = enabled
                 ? {
-                    handle: (
-                    // Visual affordance only; the whole row initiates the drag.
-                    _jsx("span", { className: "gd-cf-reorder__handle", "aria-hidden": "true" })),
+                    handle: (_jsx("span", { className: "gd-cf-reorder__handle", "aria-hidden": "true" })),
                     className: cx("gd-cf-reorder-item", {
                         "gd-cf-reorder-item--dragging": dragIndex === index,
                         "gd-cf-reorder-item--drop-above": moves && dropGap === index,

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

@@ -1 +1 @@
-{"version":3,"file":"conditionalFormattingColors.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/conditionalFormattingColors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK3F,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAG1C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAuD,CAAC;AAKvF,eAAO,MAAM,QAAQ,yCACsD,CAAC;AAK5E,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOtE;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKhD"}
+{"version":3,"file":"conditionalFormattingColors.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/conditionalFormattingColors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK3F,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAG1C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAuD,CAAC;AAKvF,eAAO,MAAM,QAAQ,gBAAiB,cAAc,KAAG,MACoB,CAAC;AAK5E,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOtE;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKhD"}

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

@@ -97,7 +97,7 @@ export declare const isSuppressedTarget: (config: IConditionalFormatting | undef
  * by every place that builds an `IConditionalFormatting` payload (Section today, a future catalog
  * authoring adapter next) so this normalization can't be forgotten in one of them.
  */
-export declare const withSuppressedTargets: (config: IConditionalFormatting, suppressedTargets: readonly ConditionalFormattingTarget[] | undefined) => IConditionalFormatting;
+export declare const withSuppressedTargets: (config: IConditionalFormatting, suppressedTargets: IConditionalFormatting["suppressedTargets"]) => IConditionalFormatting;
 /**
  * Synthesizes a rule for the dialog from an inherited semantic-layer condition set, seeding it with
  * a display-only id (mirroring the engine's own `semantic:<kind>:<localId>` convention in
@@ -105,9 +105,9 @@ export declare const withSuppressedTargets: (config: IConditionalFormatting, sup
  * the moment the user customizes and saves, so this synthetic id itself is never persisted.
  */
 export declare const semanticRuleFor: (option: ITargetOption, semantic: ISemanticConditionalFormatting) => IConditionalFormattingRule;
-export declare const operatorsForTarget: (kind: "attribute" | "measure", isDate: boolean) => ConditionalFormattingOperator[];
+export declare const operatorsForTarget: (kind: ConditionalFormattingTarget["kind"], isDate: boolean) => ConditionalFormattingOperator[];
 export declare const operatorIcon: (operator: ConditionalFormattingOperator) => string | undefined;
-export declare const targetIcon: (kind: "attribute" | "measure", isDate?: boolean) => string;
+export declare const targetIcon: (kind: ConditionalFormattingTarget["kind"], isDate?: boolean) => string;
 export type OperatorArity = "none" | "single" | "range";
 export declare const operatorArity: (operator: ConditionalFormattingOperator) => OperatorArity;
 export type ConditionValueEditor = "none" | "number" | "combobox" | "text" | "range" | "date";
@@ -116,7 +116,7 @@ export type ConditionValueEditor = "none" | "number" | "combobox" | "text" | "ra
  * Is / Is not (per design) — substring operators keep the plain text input. A date target's single
  * operand is always the period picker.
  */
-export declare const valueEditorKind: (condition: IConditionalFormattingCondition, kind: "attribute" | "measure", hasSuggestions: boolean, isDate: boolean) => ConditionValueEditor;
+export declare const valueEditorKind: (condition: IConditionalFormattingCondition, kind: ConditionalFormattingTarget["kind"], hasSuggestions: boolean, isDate: boolean) => ConditionValueEditor;
 /**
  * Whether a stored value's shape is one `editorKind`'s control can represent. Editing always keeps
  * this true (operator changes normalize the value's shape, and {@link sanitizeRuleForEditing} clears
@@ -181,7 +181,7 @@ export interface IConditionValidation {
  * while the editor renders `error` unconditionally and `missing` only once the field has been
  * visited (a value the user hasn't reached yet is incomplete, not wrong).
  */
-export declare const validateCondition: (condition: IConditionalFormattingCondition, kind: "attribute" | "measure", date?: ICfDateMeta | undefined) => IConditionValidation;
+export declare const validateCondition: (condition: IConditionalFormattingCondition, kind: ConditionalFormattingTarget["kind"], date?: ICfDateMeta) => IConditionValidation;
 /** A rule is saveable when every condition has a valid operand for its operator. */
-export declare const isRuleComplete: (rule: IConditionalFormattingRule, date?: ICfDateMeta | undefined) => boolean;
+export declare const isRuleComplete: (rule: IConditionalFormattingRule, date?: ICfDateMeta) => boolean;
 //# sourceMappingURL=conditionalFormattingModel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"conditionalFormattingModel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/conditionalFormattingModel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"conditionalFormattingModel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/conditionalFormattingModel.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"reorderListModel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/reorderListModel.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,8CAGzB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,uDAKzB,CAAC;AAIF,eAAO,MAAM,iBAAiB,yCACqD,CAAC"}
+{"version":3,"file":"reorderListModel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/reorderListModel.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,SAAU,MAAM,OAAO,MAAM,KAAG,MAAM,GAAG,IAGlE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,SAAS,CAAC,EAAE,QAAQ,MAAM,MAAM,MAAM,KAAG,CAAC,EAK5E,CAAC;AAIF,eAAO,MAAM,iBAAiB,WAAY,WAAW,GAAG,IAAI,KAAG,OACoB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCfDateFilterOptions.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/useCfDateFilterOptions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EACH,KAAK,wBAAwB,EAIhC,MAAM,0BAA0B,CAAC;AAMlC;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAClC,OAAO,EAAE,kBAAkB,GAAG,SAAS,EACvC,SAAS,EAAE,MAAM,GAAG,SAAS;AAC7B,kGAAgG;AAChG,OAAO,EAAE,OAAO,GACjB,wBAAwB,GAAG,SAAS,CAkCtC"}
+{"version":3,"file":"useCfDateFilterOptions.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/useCfDateFilterOptions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EACH,KAAK,wBAAwB,EAIhC,MAAM,0BAA0B,CAAC;AAMlC;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAClC,OAAO,EAAE,kBAAkB,GAAG,SAAS,EACvC,SAAS,EAAE,MAAM,GAAG,SAAS;AAC7B,gGAAgG;AAChG,OAAO,EAAE,OAAO,GACjB,wBAAwB,GAAG,SAAS,CAkCtC"}

package/esm/internal/components/configurationControls/customTooltip/CustomTooltipSection.js

@@ -73,9 +73,5 @@ export function CustomTooltipSection({ controlsDisabled = false, properties = {}
     };
     const textareaId = useId();
     const placementItems = getTranslatedDropdownItems(customTooltipPlacementDropdownItems, intl);
-    return (_jsxs(ConfigSection, { id: "custom_tooltip_section", valuePath: "customTooltip.enabled", className: "gd-custom-tooltip-section", title: messages.customTooltipTitle.id, propertiesMeta: propertiesMeta, properties: properties, canBeToggled: true, toggleDisabled: toggleDisabled, toggledOn: enabled, pushData: pushData, children: [
-            _jsx(DropdownControl, { value: placement, valuePath: "customTooltip.placement", labelText: messages.customTooltipPlacement.id, disabled: contentDisabled, showDisabledMessage: contentDisabled, properties: properties, pushData: pushData, items: placementItems, width: 220 }), _jsx("label", { className: "input-label-text", htmlFor: textareaId, children: _jsx(FormattedMessage, { id: messages.customTooltipContentLabel.id }) }), _jsx(DisabledBubbleMessage, { showDisabledMessage: contentDisabled, children: _jsx("textarea", { id: textareaId, className: "gd-input-field gd-custom-tooltip-textarea s-custom-tooltip-textarea", value: localContent, onChange: onContentChange, onBlur: onContentBlur, disabled: contentDisabled, placeholder: intl.formatMessage({ id: messages.customTooltipPlaceholder.id }), rows: 8 }) }), _jsx("div", { className: "gd-custom-tooltip-formatting-link", children: _jsxs(UiLink, { variant: "secondary", href: FORMATTING_OPTIONS_DOC_URL, rel: "noopener noreferrer", target: "_blank", children: [
-                        _jsx(UiIcon, { type: "question", size: 12, color: "currentColor" }), _jsx(FormattedMessage, { id: messages.customTooltipFormattingOptions.id })
-                    ] }) })
-        ] }));
+    return (_jsxs(ConfigSection, { id: "custom_tooltip_section", valuePath: "customTooltip.enabled", className: "gd-custom-tooltip-section", title: messages.customTooltipTitle.id, propertiesMeta: propertiesMeta, properties: properties, canBeToggled: true, toggleDisabled: toggleDisabled, toggledOn: enabled, pushData: pushData, children: [_jsx(DropdownControl, { value: placement, valuePath: "customTooltip.placement", labelText: messages.customTooltipPlacement.id, disabled: contentDisabled, showDisabledMessage: contentDisabled, properties: properties, pushData: pushData, items: placementItems, width: 220 }), _jsx("label", { className: "input-label-text", htmlFor: textareaId, children: _jsx(FormattedMessage, { id: messages.customTooltipContentLabel.id }) }), _jsx(DisabledBubbleMessage, { showDisabledMessage: contentDisabled, children: _jsx("textarea", { id: textareaId, className: "gd-input-field gd-custom-tooltip-textarea s-custom-tooltip-textarea", value: localContent, onChange: onContentChange, onBlur: onContentBlur, disabled: contentDisabled, placeholder: intl.formatMessage({ id: messages.customTooltipPlaceholder.id }), rows: 8 }) }), _jsx("div", { className: "gd-custom-tooltip-formatting-link", children: _jsxs(UiLink, { variant: "secondary", href: FORMATTING_OPTIONS_DOC_URL, rel: "noopener noreferrer", target: "_blank", children: [_jsx(UiIcon, { type: "question", size: 12, color: "currentColor" }), _jsx(FormattedMessage, { id: messages.customTooltipFormattingOptions.id })] }) })] }));
 }

package/esm/internal/components/configurationControls/forecast/ForecastConfidenceControl.d.ts

@@ -6,5 +6,5 @@ export interface IForecastConfidenceControl {
     properties: IVisualizationProperties;
     pushData: (data: any) => any;
 }
-export declare const ForecastConfidenceControl: import("react").NamedExoticComponent<IForecastConfidenceControl>;
+export declare const ForecastConfidenceControl: import("react").MemoExoticComponent<(props: IForecastConfidenceControl) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ForecastConfidenceControl.d.ts.map

package/esm/internal/components/configurationControls/forecast/ForecastConfidenceControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForecastConfidenceControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/forecast/ForecastConfidenceControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAED,eAAO,MAAM,yBAAyB,kEAoBpC,CAAC"}
+{"version":3,"file":"ForecastConfidenceControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/forecast/ForecastConfidenceControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAED,eAAO,MAAM,yBAAyB,8CAC3B,0BAA0B,6CAmBnC,CAAC"}

package/esm/internal/components/configurationControls/forecast/ForecastSection.d.ts

@@ -7,5 +7,5 @@ export interface IForecastSection {
     defaultForecastEnabled?: boolean;
     pushData?: (data: any) => any;
 }
-export declare const ForecastSection: import("react").NamedExoticComponent<IForecastSection>;
+export declare const ForecastSection: import("react").MemoExoticComponent<({ controlsDisabled, enabled, properties, propertiesMeta, defaultForecastEnabled, pushData, }: IForecastSection) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ForecastSection.d.ts.map

package/esm/internal/components/configurationControls/forecast/ForecastSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForecastSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/forecast/ForecastSection.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAOrF,MAAM,WAAW,gBAAgB;IAC7B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,wDAmE1B,CAAC"}
+{"version":3,"file":"ForecastSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/forecast/ForecastSection.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAOrF,MAAM,WAAW,gBAAgB;IAC7B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,qIAOzB,gBAAgB,6CA4DjB,CAAC"}

package/esm/internal/components/configurationControls/forecast/ForecastSection.js

@@ -18,8 +18,5 @@ export const ForecastSection = memo(function ForecastSection({ controlsDisabled
     const toggleDisabled = controlsDisabled || forecastToggleDisabledByVisualization || !enabled;
     const forecastControlsDisabled = !forecastEnabled || toggleDisabled;
     const showDisabledMessage = controlsDisabled || forecastToggleDisabledByVisualization || !enabled;
-    return (_jsxs(ConfigSection, { id: "forecast_section", valuePath: "forecast.enabled", className: "gd-forecast-section", title: messages["forecastTitle"].id, propertiesMeta: propertiesMeta, properties: properties, canBeToggled: true, toggleDisabled: toggleDisabled, toggledOn: forecastEnabled, pushData: pushData, showDisabledMessage: showDisabledMessage, toggleMessageId: messages["forecastDisabledTooltip"].id, children: [
-            _jsx(InputControl, { value: forecastPeriod, valuePath: "forecast.period", labelText: messages["forecastPeriod"].id, placeholder: messages["forecastPeriodPlaceholder"].id, disabled: forecastControlsDisabled, properties: properties, pushData: pushData }), _jsx(ForecastConfidenceControl, { disabled: forecastControlsDisabled, value: forecastConfidence, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsx(CheckboxControl, { valuePath: "forecast.seasonal", checked: forecastSeasonal, labelText: messages["forecastSeasonal"].id, disabled: forecastControlsDisabled, properties: properties, pushData: pushData }), Boolean(slicedForecast) && (_jsxs(Message, { type: "progress", className: "adi-input-progress gd-slicedForecast-message", children: [
-                    _jsx(FormattedMessage, { id: messages["forecastSlicedWarningTitle"].id, tagName: "strong" }), _jsx(FormattedMessage, { id: messages["forecastSlicedWarningDescription"].id, tagName: "div" })
-                ] }))] }));
+    return (_jsxs(ConfigSection, { id: "forecast_section", valuePath: "forecast.enabled", className: "gd-forecast-section", title: messages["forecastTitle"].id, propertiesMeta: propertiesMeta, properties: properties, canBeToggled: true, toggleDisabled: toggleDisabled, toggledOn: forecastEnabled, pushData: pushData, showDisabledMessage: showDisabledMessage, toggleMessageId: messages["forecastDisabledTooltip"].id, children: [_jsx(InputControl, { value: forecastPeriod, valuePath: "forecast.period", labelText: messages["forecastPeriod"].id, placeholder: messages["forecastPeriodPlaceholder"].id, disabled: forecastControlsDisabled, properties: properties, pushData: pushData }), _jsx(ForecastConfidenceControl, { disabled: forecastControlsDisabled, value: forecastConfidence, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsx(CheckboxControl, { valuePath: "forecast.seasonal", checked: forecastSeasonal, labelText: messages["forecastSeasonal"].id, disabled: forecastControlsDisabled, properties: properties, pushData: pushData }), Boolean(slicedForecast) && (_jsxs(Message, { type: "progress", className: "adi-input-progress gd-slicedForecast-message", children: [_jsx(FormattedMessage, { id: messages["forecastSlicedWarningTitle"].id, tagName: "strong" }), _jsx(FormattedMessage, { id: messages["forecastSlicedWarningDescription"].id, tagName: "div" })] }))] }));
 });

package/esm/internal/components/configurationControls/interactions/InteractionsSection.d.ts

@@ -20,5 +20,5 @@ export interface IInteractionsSectionProps {
 export declare function QuestionMarkTooltip(props: {
     tooltipText: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare const InteractionsSection: import("react").NamedExoticComponent<IInteractionsSectionProps>;
+export declare const InteractionsSection: import("react").MemoExoticComponent<({ metrics, areControlsDisabledGetter, properties, propertiesMeta, pushData, InteractionsDetailRenderer, supportsAlertConfiguration, supportsDrillDownConfiguration, supportsScheduledExportsConfiguration, supportsKeyDriveAnalysis, showImplicitDrillToUrl, enableDrillToUrlByDefault, }: IInteractionsSectionProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=InteractionsSection.d.ts.map

package/esm/internal/components/configurationControls/interactions/InteractionsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/interactions/InteractionsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAI5E,MAAM,WAAW,yBAAyB;IACtC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC;IACnE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,SAAS,CAAC;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,2CASjE;AAED,eAAO,MAAM,mBAAmB,iEA6I9B,CAAC"}
+{"version":3,"file":"InteractionsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/interactions/InteractionsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAI5E,MAAM,WAAW,yBAAyB;IACtC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC;IACnE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,SAAS,CAAC;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,2CASjE;AAED,eAAO,MAAM,mBAAmB,kUAa7B,yBAAyB,6CAgI1B,CAAC"}

package/esm/internal/components/configurationControls/interactions/InteractionsSection.js

@@ -8,9 +8,7 @@ import { CheckboxControl } from "../CheckboxControl.js";
 import { ConfigSection } from "../ConfigSection.js";
 const TOOLTIP_ALIGN_POINTS = [{ align: "cr cl", offset: { x: 5, y: 0 } }];
 export function QuestionMarkTooltip(props) {
-    return (_jsxs(BubbleHoverTrigger, { children: [
-            _jsx("span", { className: "gd-interactions-section__question-mark gd-icon-circle-question" }), _jsx(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS, children: _jsx(FormattedMessage, { id: props.tooltipText }) })
-        ] }));
+    return (_jsxs(BubbleHoverTrigger, { children: [_jsx("span", { className: "gd-interactions-section__question-mark gd-icon-circle-question" }), _jsx(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS, children: _jsx(FormattedMessage, { id: props.tooltipText }) })] }));
 }
 export const InteractionsSection = memo(function InteractionsSection({ metrics, areControlsDisabledGetter, properties, propertiesMeta, pushData, InteractionsDetailRenderer, supportsAlertConfiguration, supportsDrillDownConfiguration, supportsScheduledExportsConfiguration, supportsKeyDriveAnalysis, showImplicitDrillToUrl, enableDrillToUrlByDefault, }) {
     const isDrillDownDisabled = properties?.controls?.["disableDrillDown"] ?? false;
@@ -20,22 +18,12 @@ export const InteractionsSection = memo(function InteractionsSection({ metrics,
     const isKdaDisabled = properties?.controls?.["disableKeyDriveAnalysis"] ?? false;
     const isSeparatorVisible = supportsDrillDownConfiguration &&
         (supportsAlertConfiguration || supportsScheduledExportsConfiguration);
-    return (_jsxs(ConfigSection, { id: "interactions_section", className: "gd-interactions-section", title: messages["interactions"].id, propertiesMeta: propertiesMeta, pushData: pushData, children: [supportsAlertConfiguration ? (_jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [
-                    _jsx(CheckboxControl, { valuePath: "disableAlerts", labelText: messages["interactionsAlerts"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.alerts"), checked: !isAlertsDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsAlertsTooltip"].id })
-                ] })) : null, supportsScheduledExportsConfiguration ? (_jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [
-                    _jsx(CheckboxControl, { valuePath: "disableScheduledExports", labelText: messages["interactionsScheduledExports"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.scheduled_exports"), checked: !isScheduledExportsDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsScheduledExportsTooltip"].id })
-                ] })) : null, supportsKeyDriveAnalysis && metrics && metrics.length > 0 ? (_jsxs(_Fragment, { children: [
-                    _jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [
-                            _jsx(CheckboxControl, { valuePath: "disableKeyDriveAnalysis", labelText: messages["interactionsKda"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.kda"), checked: !isKdaDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsKdaTooltip"].id })
-                        ] }), _jsx("div", { className: "gd-interactions-section__kda_metrics_list", children: metrics.map((m) => {
+    return (_jsxs(ConfigSection, { id: "interactions_section", className: "gd-interactions-section", title: messages["interactions"].id, propertiesMeta: propertiesMeta, pushData: pushData, children: [supportsAlertConfiguration ? (_jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [_jsx(CheckboxControl, { valuePath: "disableAlerts", labelText: messages["interactionsAlerts"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.alerts"), checked: !isAlertsDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsAlertsTooltip"].id })] })) : null, supportsScheduledExportsConfiguration ? (_jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [_jsx(CheckboxControl, { valuePath: "disableScheduledExports", labelText: messages["interactionsScheduledExports"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.scheduled_exports"), checked: !isScheduledExportsDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsScheduledExportsTooltip"].id })] })) : null, supportsKeyDriveAnalysis && metrics && metrics.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "gd-interactions-section__control-with-tooltip", children: [_jsx(CheckboxControl, { valuePath: "disableKeyDriveAnalysis", labelText: messages["interactionsKda"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.kda"), checked: !isKdaDisabled, pushData: pushData, isValueInverted: true }), _jsx(QuestionMarkTooltip, { tooltipText: messages["interactionsKdaTooltip"].id })] }), _jsx("div", { className: "gd-interactions-section__kda_metrics_list", children: metrics.map((m) => {
                             const isKdaMetricDisabled = getKdaMetricDisabled(properties, m);
-                            return (_jsx("div", { className: "gd-interactions-section__kda_metrics_list__item", children: _jsx(CheckboxControl, { valuePath: `disableKeyDriveAnalysisOn.${m.measure.localIdentifier}`, labelContent: _jsxs("div", { className: "gd-interactions-section__kda_metrics_list__item__label", children: [
-                                            _jsx("span", { className: "gd-interactions-section__kda_metrics_list__item__label__icon", children: _jsx(UiIcon, { type: "metric", color: "currentColor", size: 20 }) }), _jsx(ShortenedText, { className: "gd-interactions-section__kda_metrics_list__item__title", ellipsisPosition: "end", tooltipAlignPoints: [
+                            return (_jsx("div", { className: "gd-interactions-section__kda_metrics_list__item", children: _jsx(CheckboxControl, { valuePath: `disableKeyDriveAnalysisOn.${m.measure.localIdentifier}`, labelContent: _jsxs("div", { className: "gd-interactions-section__kda_metrics_list__item__label", children: [_jsx("span", { className: "gd-interactions-section__kda_metrics_list__item__label__icon", children: _jsx(UiIcon, { type: "metric", color: "currentColor", size: 20 }) }), _jsx(ShortenedText, { className: "gd-interactions-section__kda_metrics_list__item__title", ellipsisPosition: "end", tooltipAlignPoints: [
                                                     { align: "cr cl", offset: { x: 5, y: 0 } },
-                                                ], children: m.measure.title ?? "" })
-                                        ] }), properties: properties, disabled: areControlsDisabledGetter?.("interactions.kda") || isKdaDisabled, checked: !isKdaDisabled && !isKdaMetricDisabled, pushData: pushData, isValueInverted: true }) }, m.measure.localIdentifier));
-                        }) })
-                ] })) : null, isSeparatorVisible ? _jsx(SeparatorLine, { mT: 10, mB: 10 }) : null, supportsDrillDownConfiguration ? (_jsx(CheckboxControl, { valuePath: "disableDrillDown", labelText: messages["interactionsDrillDown"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.drill_down"), checked: !isDrillDownDisabled, pushData: pushData, isValueInverted: true })) : null, InteractionsDetailRenderer ? InteractionsDetailRenderer() : null, showImplicitDrillToUrl ? (_jsx(CheckboxControl, { valuePath: "disableDrillIntoURL", labelText: messages["interactionsDrillIntoURL"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.drill_into_url"), checked: !isDrillIntoURLDisabled, pushData: pushData, isValueInverted: true, defaultValue: !enableDrillToUrlByDefault })) : null] }));
+                                                ], children: m.measure.title ?? "" })] }), properties: properties, disabled: areControlsDisabledGetter?.("interactions.kda") || isKdaDisabled, checked: !isKdaDisabled && !isKdaMetricDisabled, pushData: pushData, isValueInverted: true }) }, m.measure.localIdentifier));
+                        }) })] })) : null, isSeparatorVisible ? _jsx(SeparatorLine, { mT: 10, mB: 10 }) : null, supportsDrillDownConfiguration ? (_jsx(CheckboxControl, { valuePath: "disableDrillDown", labelText: messages["interactionsDrillDown"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.drill_down"), checked: !isDrillDownDisabled, pushData: pushData, isValueInverted: true })) : null, InteractionsDetailRenderer ? InteractionsDetailRenderer() : null, showImplicitDrillToUrl ? (_jsx(CheckboxControl, { valuePath: "disableDrillIntoURL", labelText: messages["interactionsDrillIntoURL"].id, properties: properties, disabled: areControlsDisabledGetter?.("interactions.drill_into_url"), checked: !isDrillIntoURLDisabled, pushData: pushData, isValueInverted: true, defaultValue: !enableDrillToUrlByDefault })) : null] }));
 });
 function getKdaMetricDisabled(properties, m) {
     return properties?.controls?.["disableKeyDriveAnalysisOn"]?.[m.measure.localIdentifier] ?? false;

package/esm/internal/components/configurationControls/legend/GeoLegendPositionControl.d.ts

@@ -12,6 +12,6 @@ export interface IGeoLegendPositionControlProps {
     properties: IVisualizationProperties;
     pushData: (data: IGeoLegendPushData) => void;
 }
-export declare const GeoLegendPositionControl: import("react").NamedExoticComponent<IGeoLegendPositionControlProps>;
+export declare const GeoLegendPositionControl: import("react").MemoExoticComponent<({ disabled, value, showDisabledMessage, properties, pushData, }: IGeoLegendPositionControlProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=GeoLegendPositionControl.d.ts.map

package/esm/internal/components/configurationControls/legend/GeoLegendPositionControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeoLegendPositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/GeoLegendPositionControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,UAAU,kBAAkB;IACxB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,wBAAwB,sEA6CnC,CAAC"}
+{"version":3,"file":"GeoLegendPositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/GeoLegendPositionControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,UAAU,kBAAkB;IACxB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,wBAAwB,wGAMlC,8BAA8B,6CAuC/B,CAAC"}

package/esm/internal/components/configurationControls/legend/GeoLegendSection.d.ts

@@ -15,6 +15,6 @@ export interface IGeoLegendSectionProps {
     defaultLegendEnabled?: boolean;
     pushData?: (data: IGeoLegendPushData) => void;
 }
-export declare const GeoLegendSection: import("react").NamedExoticComponent<IGeoLegendSectionProps>;
+export declare const GeoLegendSection: import("react").MemoExoticComponent<({ controlsDisabled, properties, propertiesMeta, defaultLegendEnabled, pushData, }: IGeoLegendSectionProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=GeoLegendSection.d.ts.map

package/esm/internal/components/configurationControls/legend/GeoLegendSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeoLegendSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/GeoLegendSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAKrF,KAAK,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAE9F,UAAU,kBAAkB;IACxB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAsB;IACnC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,8DAqC3B,CAAC"}
+{"version":3,"file":"GeoLegendSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/GeoLegendSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAKrF,KAAK,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAE9F,UAAU,kBAAkB;IACxB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAsB;IACnC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,0HAM1B,sBAAsB,6CA+BvB,CAAC"}

package/esm/internal/components/configurationControls/legend/LegendPositionControl.d.ts

@@ -6,5 +6,5 @@ export interface ILegendPositionControl {
     properties: IVisualizationProperties;
     pushData: (data: any) => any;
 }
-export declare const LegendPositionControl: import("react").NamedExoticComponent<ILegendPositionControl>;
+export declare const LegendPositionControl: import("react").MemoExoticComponent<(props: ILegendPositionControl) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=LegendPositionControl.d.ts.map

package/esm/internal/components/configurationControls/legend/LegendPositionControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendPositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/LegendPositionControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,8DAkBhC,CAAC"}
+{"version":3,"file":"LegendPositionControl.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/LegendPositionControl.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIrF,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,8CAA8C,sBAAsB,6CAkBpG,CAAC"}

package/esm/internal/components/configurationControls/legend/LegendSection.d.ts

@@ -6,5 +6,5 @@ export interface ILegendSection {
     defaultLegendEnabled?: boolean;
     pushData?: (data: any) => any;
 }
-export declare const LegendSection: import("react").NamedExoticComponent<ILegendSection>;
+export declare const LegendSection: import("react").MemoExoticComponent<({ controlsDisabled, properties, propertiesMeta, defaultLegendEnabled, pushData, }: ILegendSection) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=LegendSection.d.ts.map

package/esm/internal/components/configurationControls/legend/LegendSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/LegendSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAKrF,MAAM,WAAW,cAAc;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,sDAqCxB,CAAC"}
+{"version":3,"file":"LegendSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/legend/LegendSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAKrF,MAAM,WAAW,cAAc;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,0HAMvB,cAAc,6CA+Bf,CAAC"}

package/esm/internal/components/configurationControls/total/TotalSection.d.ts

@@ -5,5 +5,5 @@ export interface ITotalSectionProps {
     propertiesMeta: any;
     pushData: (data: any) => any;
 }
-export declare const TotalSection: import("react").NamedExoticComponent<ITotalSectionProps>;
+export declare const TotalSection: import("react").MemoExoticComponent<({ controlsDisabled, properties, propertiesMeta, pushData, }: ITotalSectionProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=TotalSection.d.ts.map

package/esm/internal/components/configurationControls/total/TotalSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TotalSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/total/TotalSection.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAMrF,MAAM,WAAW,kBAAkB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,EAAE,GAAG,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAID,eAAO,MAAM,YAAY,0DAuDvB,CAAC"}
+{"version":3,"file":"TotalSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/total/TotalSection.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAMrF,MAAM,WAAW,kBAAkB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,EAAE,GAAG,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC;AAID,eAAO,MAAM,YAAY,oGAKtB,kBAAkB,6CAkDnB,CAAC"}

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

@@ -24,17 +24,13 @@ export class BaseChartConfigurationPanel extends ConfigurationPanelContent {
         const { buckets } = insight.insight;
         const stackBy = bucketsById(buckets, BucketNames.STACK);
         const isNotStacked = isEmpty(stackBy);
-        return (_jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, isTotalsDisabled: controlsDisabled ||
+        return (_jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: controlsDisabled, isTotalsDisabled: controlsDisabled ||
                         !!properties?.controls?.["stackMeasuresToPercent"] ||
-                        (isNotStacked && !properties?.controls?.["stackMeasures"]), enableSeparateTotalLabels: true }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })
-            ] }));
+                        (isNotStacked && !properties?.controls?.["stackMeasures"]), enableSeparateTotalLabels: true }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })] }));
     }
     renderConfigurationPanel() {
         const { axes } = this.getControlProperties();
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), this.renderInteractionsSection(), this.renderCanvasSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.getBaseChartAxisSection(axes), this.renderLegendSection(), this.renderInteractionsSection(), this.renderCanvasSection(), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     getAxesConfiguration(type) {
         return BASE_CHART_AXIS_CONFIG[type];
@@ -79,8 +75,7 @@ export class BaseChartConfigurationPanel extends ConfigurationPanelContent {
             const disabled = controlsDisabled || (!axis.primary && !isViewedBy);
             const nameSubsectionDisabled = axis.primary && itemsOnAxes[axis.name] > 1;
             const { name, title, subtitle, visible } = axis;
-            return (_jsxs(ConfigSection, { id: `${name}_section`, title: title, subtitle: subtitle, valuePath: `${name}.visible`, canBeToggled: true, toggledOn: visible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                    _jsx(NameSubsection, { disabled: disabled || nameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: disabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData, showFormat: axis.primary }), axis.primary ? this.renderMinMax(axis.name) : null] }, name));
+            return (_jsxs(ConfigSection, { id: `${name}_section`, title: title, subtitle: subtitle, valuePath: `${name}.visible`, canBeToggled: true, toggledOn: visible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: disabled || nameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: disabled, configPanelDisabled: controlsDisabled, axis: axis.name, properties: properties, pushData: pushData, showFormat: axis.primary }), axis.primary ? this.renderMinMax(axis.name) : null] }, name));
         });
     }
     renderMinMax(basePath) {

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

@@ -25,13 +25,7 @@ export class BubbleChartConfigurationPanel extends ConfigurationPanelContent {
         const { xaxis: itemsOnXAxis, yaxis: itemsOnYAxis } = countItemsOnAxes(type, controls, insight);
         const xAxisNameSectionDisabled = controlsDisabled || itemsOnXAxis !== 1;
         const yAxisNameSectionDisabled = controlsDisabled || itemsOnYAxis !== 1;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: yAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("yaxis")] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: this.areDataLabelsDisabled(), defaultValue: false, showDisabledMessage: this.isDataLabelsWarningShown() }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })
-                            ] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: yAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("yaxis")] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsxs(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(DataLabelsControl, { pushData: pushData, properties: properties, isDisabled: this.areDataLabelsDisabled(), defaultValue: false, showDisabledMessage: this.isDataLabelsWarningShown() }), _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData })] }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderMinMax(basePath) {
         const { pushData, properties, propertiesMeta } = this.props;

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

@@ -23,12 +23,7 @@ export class BulletChartConfigurationPanel extends ConfigurationPanelContent {
         const { xaxis: itemsOnXAxis, yaxis: itemsOnYAxis } = countItemsOnAxes(type, controls, insight);
         const xAxisNameSectionDisabled = controlsDisabled || itemsOnXAxis !== 1;
         const yAxisNameSubsectionDisabled = controlsDisabled || itemsOnYAxis === 0;
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                                _jsx(NameSubsection, { disabled: yAxisNameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled || itemsOnYAxis === 0, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData })
-                            ] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), _jsxs(ConfigSection, { id: "xaxis_section", title: messages["xaxisTitle"].id, valuePath: "xaxis.visible", canBeToggled: true, toggledOn: xAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: xAxisNameSectionDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled, configPanelDisabled: controlsDisabled, axis: "xaxis", properties: properties, pushData: pushData, showFormat: true }), this.renderMinMax("xaxis")] }), _jsxs(ConfigSection, { id: "yaxis_section", title: messages["yaxisTitle"].id, valuePath: "yaxis.visible", canBeToggled: true, toggledOn: yAxisVisible, toggleDisabled: controlsDisabled, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(NameSubsection, { disabled: yAxisNameSubsectionDisabled, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData }), _jsx(LabelSubsection, { disabled: controlsDisabled || itemsOnYAxis === 0, configPanelDisabled: controlsDisabled, axis: "yaxis", properties: properties, pushData: pushData })] }), this.renderLegendSection(), this.renderInteractionsSection(), _jsx(ConfigSection, { id: "canvas_section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: _jsx(CheckboxControl, { valuePath: "grid.enabled", labelText: messages["canvasGridLine"].id, properties: properties, checked: gridEnabled, disabled: controlsDisabled, pushData: pushData }) }), this.renderCustomTooltipSection(), this.renderAdvancedSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderMinMax(basePath) {
         const { pushData, properties, propertiesMeta } = this.props;

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

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

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

@@ -65,8 +65,7 @@ export class GeoPushpinConfigurationPanel extends ConfigurationPanelContent {
         const isClusteringDisabled = isControlDisabled || !isPushpinClusteringEditable(insight, shapeType);
         const isPushpinSizeControlDisabled = isControlDisabled || !hasSizeMeasure(insight);
         const hasSizeOrColorMeasure = hasSizeMeasure(insight) || hasColorMeasure(insight);
-        return (_jsxs(ConfigSection, { id: "points_section", title: messages["pointsTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [
-                _jsx(CheckboxControl, { valuePath: "points.groupNearbyPoints", labelText: messages["pointsGroupNearbyPoints"].id, properties: properties, checked: groupNearbyPoints, disabled: isClusteringDisabled, showDisabledMessage: isClusteringDisabled, pushData: pushData }), iconEnabled ? (_jsx(PushpinShapeControl, { properties: properties, disabled: isControlDisabled, pushData: pushData, spriteIcons: spriteIcons, hasGeoIconLabel: hasGeoIconLabel, hasSizeOrColorMeasure: hasSizeOrColorMeasure })) : null, shouldRenderPushpinSizeControl ? (_jsx(PushpinSizeControl, { properties: properties, disabled: isPushpinSizeControlDisabled, pushData: pushData })) : null] }));
+        return (_jsxs(ConfigSection, { id: "points_section", title: messages["pointsTitle"].id, propertiesMeta: propertiesMeta, properties: properties, pushData: pushData, children: [_jsx(CheckboxControl, { valuePath: "points.groupNearbyPoints", labelText: messages["pointsGroupNearbyPoints"].id, properties: properties, checked: groupNearbyPoints, disabled: isClusteringDisabled, showDisabledMessage: isClusteringDisabled, pushData: pushData }), iconEnabled ? (_jsx(PushpinShapeControl, { properties: properties, disabled: isControlDisabled, pushData: pushData, spriteIcons: spriteIcons, hasGeoIconLabel: hasGeoIconLabel, hasSizeOrColorMeasure: hasSizeOrColorMeasure })) : null, shouldRenderPushpinSizeControl ? (_jsx(PushpinSizeControl, { properties: properties, disabled: isPushpinSizeControlDisabled, pushData: pushData })) : null] }));
     }
     isControlDisabled() {
         const { insight, isError, isLoading } = this.props;
@@ -78,9 +77,7 @@ export class GeoPushpinConfigurationPanel extends ConfigurationPanelContent {
         });
     }
     renderConfigurationPanel() {
-        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [
-                _jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderViewportSection(), this.renderPointsSection(), this.renderCustomTooltipSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { showDelay: SHOW_DELAY_DEFAULT, hideDelay: HIDE_DELAY_DEFAULT, children: [_jsxs("div", { children: [this.renderColorSection(), this.renderLegendSection(), this.renderViewportSection(), this.renderPointsSection(), this.renderCustomTooltipSection()] }), _jsx(Bubble, { className: this.getBubbleClassNames(), arrowOffsets: { "tc bc": [BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y] }, alignPoints: [{ align: "tc bc" }], children: _jsx(FormattedMessage, { id: "properties.config.not_applicable" }) })] }));
     }
     renderColorSection() {
         const { properties, propertiesMeta, pushData, colors, references, isLoading } = this.props;