@gooddata/sdk-ui-ext 11.47.0-alpha.2 → 11.47.0-alpha.4

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

@@ -0,0 +1,94 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { Fragment, useRef, useState } from "react";
+import cx from "classnames";
+import { moveItem, resolveTarget, startsInFormField } from "./reorderListModel.js";
+/**
+ * Drag-to-reorder for a small vertical list, on native HTML5 DnD (no dependency, no provider).
+ * The render prop keeps the consumer's own row markup; the whole row drags (the grip is a hover
+ * affordance). Pointer-only — no keyboard reorder yet.
+ */
+export function ReorderList({ items, getKey, onReorder, renderItem }) {
+    const [dragIndex, setDragIndex] = useState(null);
+    // Insert gap (0..n), canonical: one gap = one indicator position.
+    const [dropGap, setDropGap] = useState(null);
+    // Enter/leave counter across all rows; at 0 the cursor is outside every row → hide the indicator.
+    const overCount = useRef(0);
+    const enabled = items.length > 1;
+    const reset = () => {
+        setDragIndex(null);
+        setDropGap(null);
+        overCount.current = 0;
+    };
+    const moves = dragIndex !== null && dropGap !== null && resolveTarget(dragIndex, dropGap) !== null;
+    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" })),
+                    className: cx("gd-cf-reorder-item", {
+                        "gd-cf-reorder-item--dragging": dragIndex === index,
+                        "gd-cf-reorder-item--drop-above": moves && dropGap === index,
+                        "gd-cf-reorder-item--drop-below": moves && index === items.length - 1 && dropGap === items.length,
+                    }),
+                    rootProps: {
+                        draggable: true,
+                        onPointerDown: (e) => {
+                            // dragstart fires on the row itself, never on the field under the
+                            // cursor — so decide at press time whether this gesture may drag.
+                            e.currentTarget.draggable = !startsInFormField(e.target);
+                        },
+                        onDragStart: (e) => {
+                            // Only drags of selected text target the field itself — cancel those.
+                            if (startsInFormField(e.target)) {
+                                e.preventDefault();
+                                return;
+                            }
+                            setDragIndex(index);
+                            e.dataTransfer.effectAllowed = "move";
+                            // Firefox starts a drag only when some data is set.
+                            e.dataTransfer.setData("text/plain", String(index));
+                        },
+                        onDragEnter: () => {
+                            if (dragIndex !== null) {
+                                overCount.current += 1;
+                            }
+                        },
+                        onDragOver: (e) => {
+                            // dragIndex is set only by our own dragstart — foreign drags are ignored.
+                            if (dragIndex === null) {
+                                return;
+                            }
+                            e.preventDefault();
+                            e.dataTransfer.dropEffect = "move";
+                            const rect = e.currentTarget.getBoundingClientRect();
+                            const gap = e.clientY < rect.top + rect.height / 2 ? index : index + 1;
+                            setDropGap(gap);
+                        },
+                        onDragLeave: () => {
+                            if (dragIndex === null) {
+                                return;
+                            }
+                            overCount.current = Math.max(0, overCount.current - 1);
+                            if (overCount.current === 0) {
+                                setDropGap(null);
+                            }
+                        },
+                        onDrop: (e) => {
+                            e.preventDefault();
+                            if (dragIndex !== null && dropGap !== null) {
+                                const to = resolveTarget(dragIndex, dropGap);
+                                if (to !== null) {
+                                    onReorder(moveItem(items, dragIndex, to));
+                                }
+                            }
+                            reset();
+                        },
+                        onDragEnd: reset,
+                    },
+                }
+                : { handle: null, rootProps: {}, className: "" };
+            return _jsx(Fragment, { children: renderItem(item, slot, index) }, getKey(item));
+        }) }));
+}

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

@@ -1,19 +1,33 @@
 import { type IInsightDefinition } from "@gooddata/sdk-model";
 import { type DataViewFacade } from "@gooddata/sdk-ui";
-import { type ConditionalFormattingOperator, type ConditionalFormattingTarget, type IConditionalFormattingCondition, type IConditionalFormattingRule } from "@gooddata/sdk-ui-pivot/next";
+import { type ConditionalFormattingOperator, type ConditionalFormattingTarget, type ConditionalFormattingValue, type IConditionalFormattingCondition, type IConditionalFormattingRule } from "@gooddata/sdk-ui-pivot/next";
 /** A selectable measure/attribute for the rule's "applies to" dropdown. */
 export interface ITargetOption {
+    /** `measure:<localId>` | `attribute:<localId>` */
     value: string;
     title: string;
     target: ConditionalFormattingTarget;
+    /** Percent-formatted measure: the value input edits display units (40), the rule stores raw (0.4). */
+    isPercent?: boolean;
+    /** Element suggestions from the current (paged) result — a convenience over free text, never a constraint. */
+    elements?: readonly string[];
+}
+/** Execution-resolved data the CF UI needs per localId; flows as one object from the pluggable down. */
+export interface ICfTargetData {
+    /** Data-view titles by localId; preferred over the insight's often-absent titles. Empty until first load. */
+    titles?: Record<string, string>;
+    /** Data-view formats by localId; a lagging fallback — insight-derivable info wins. */
+    formats?: Record<string, string>;
+    /** Distinct attribute element values by localId; drives value autocomplete. */
+    elements?: Record<string, string[]>;
 }
 /**
- * Builds a `localIdentifier -> display title` map from the executed data view. Attribute titles live
- * only on the result headers (not on the insight/buckets), so this is the only reliable source for
- * human attribute names; measures also resolve to their final header name here.
+ * Extracts {@link ICfTargetData} from the executed data view. Titles must come from here — attribute
+ * titles live only on the result headers, and measures resolve to their final header name; formats
+ * living on metric metadata also resolve only here (insight-level formats win in buildTargetOptions).
  */
-export declare function buildTitlesByLocalId(dataView: DataViewFacade): Record<string, string>;
-export declare function buildTargetOptions(insight: IInsightDefinition, titles?: Record<string, string>): ITargetOption[];
+export declare function buildCfTargetData(dataView: DataViewFacade): Required<ICfTargetData>;
+export declare function buildTargetOptions(insight: IInsightDefinition, data?: ICfTargetData): ITargetOption[];
 export declare const findTargetOption: (options: ITargetOption[], target: ConditionalFormattingTarget) => ITargetOption | undefined;
 export declare const targetLocalId: (target: ConditionalFormattingTarget) => string;
 export declare const operatorsForKind: (kind: "attribute" | "measure") => ConditionalFormattingOperator[];
@@ -21,8 +35,53 @@ export declare const operatorIcon: (operator: ConditionalFormattingOperator) =>
 export declare const targetIcon: (kind: "attribute" | "measure") => string;
 export type OperatorArity = "none" | "single" | "range";
 export declare const operatorArity: (operator: ConditionalFormattingOperator) => OperatorArity;
+export type ConditionValueEditor = "none" | "number" | "combobox" | "text" | "range";
+/**
+ * Which editor a condition's value renders with. Element suggestions apply only to attribute
+ * Is / Is not (per design) — substring operators keep the plain text input.
+ */
+export declare const valueEditorKind: (condition: IConditionalFormattingCondition, kind: "attribute" | "measure", hasSuggestions: boolean) => ConditionValueEditor;
+/** Fresh empty operand of the right shape for the operator. */
+export declare const emptyValueForOperator: (operator: ConditionalFormattingOperator) => ConditionalFormattingValue;
 export declare const newCondition: () => IConditionalFormattingCondition;
 export declare const newRule: (target: ConditionalFormattingTarget) => IConditionalFormattingRule;
-/** A rule is saveable when every condition has the operand its operator requires. */
+/**
+ * Rule re-pointed at a new target. Crossing target kinds invalidates the operators, so conditions
+ * reset; crossing the percent boundary within measures changes the value units out from under the
+ * user, so operators stay but values clear (Save disables until re-entered).
+ */
+export declare const ruleWithTarget: (rule: IConditionalFormattingRule, next: ITargetOption, previous: ITargetOption | undefined) => IConditionalFormattingRule;
+/**
+ * Percent = the format contains a `%` outside quoted/escaped literals (those render a % sign without
+ * percent scaling). A heuristic by design: it only picks the authoring input's display units; the
+ * contract compares the raw value either way. Scaled formats are out of scope.
+ */
+export declare const isPercentFormat: (format: string | undefined) => boolean;
+/** Raw stored number -> the number the user sees in a percent input (×100). */
+export declare const rawToDisplayNumber: (raw: number, percent: boolean) => number;
+/** Number entered in a percent input -> the raw number stored and compared (÷100). */
+export declare const displayToRawNumber: (display: number, percent: boolean) => number;
+export type ConditionalFormattingFieldError = "rangeOrder";
+export interface IConditionErrors {
+    range?: ConditionalFormattingFieldError;
+}
+/**
+ * A non-numeric measure literal can only come from stored data (the number input cannot produce one)
+ * and would render as an invisible value; coerce it to the empty sentinel the UI can actually show —
+ * the disabled Save button then covers it like any other missing value.
+ */
+export declare const sanitizeRuleForEditing: (rule: IConditionalFormattingRule) => IConditionalFormattingRule;
+export interface IConditionValidation {
+    /** A required operand is absent — gates Save, never shown as an error. */
+    missing: boolean;
+    /** Present-but-invalid input — surfaced inline by the editor (and also gates Save). */
+    errors: IConditionErrors;
+}
+/**
+ * Single source for both validation surfaces, making "empty is incomplete, not invalid" structural:
+ * {@link isRuleComplete} derives from the whole result, the editor renders only `errors`.
+ */
+export declare const validateCondition: (condition: IConditionalFormattingCondition, kind: "attribute" | "measure") => IConditionValidation;
+/** A rule is saveable when every condition has a valid operand for its operator. */
 export declare const isRuleComplete: (rule: IConditionalFormattingRule) => 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":"AAIA,OAAO,EACH,KAAK,kBAAkB,EAS1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACH,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,EACpC,KAAK,0BAA0B,EAClC,MAAM,6BAA6B,CAAC;AAIrC,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,2BAA2B,CAAC;CACvC;AAOD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CASrF;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,kBAAkB,EAG3B,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,GACpC,aAAa,EAAE,CA0BjB;AAED,eAAO,MAAM,gBAAgB,8FAGmE,CAAC;AAEjG,eAAO,MAAM,aAAa,iDAC2D,CAAC;AAwCtF,eAAO,MAAM,gBAAgB,oEAEuE,CAAC;AAgBrG,eAAO,MAAM,YAAY,iEAGxB,CAAC;AAIF,eAAO,MAAM,UAAU,2CAC0C,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,aAAa,4DAKzB,CAAC;AAIF,eAAO,MAAM,YAAY,uCAMvB,CAAC;AAEH,eAAO,MAAM,OAAO,qEAIlB,CAAC;AA2BH,qFAAqF;AACrF,eAAO,MAAM,cAAc,+CAE+D,CAAC"}
+{"version":3,"file":"conditionalFormattingModel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/conditionalFormatting/conditionalFormattingModel.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,kBAAkB,EAa1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACH,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAC/B,KAAK,+BAA+B,EACpC,KAAK,0BAA0B,EAClC,MAAM,6BAA6B,CAAC;AAIrC,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC1B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,2BAA2B,CAAC;IACpC,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gHAA8G;IAC9G,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAUD,wGAAwG;AACxG,MAAM,WAAW,aAAa;IAC1B,6GAA6G;IAC7G,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,wFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,CAcnF;AAiCD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,GAAE,aAAkB,GAAG,aAAa,EAAE,CAkCzG;AAED,eAAO,MAAM,gBAAgB,8FAGmE,CAAC;AAEjG,eAAO,MAAM,aAAa,iDAC2D,CAAC;AAwCtF,eAAO,MAAM,gBAAgB,oEAEuE,CAAC;AAgBrG,eAAO,MAAM,YAAY,iEAGxB,CAAC;AAIF,eAAO,MAAM,UAAU,2CAC0C,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,aAAa,4DAKzB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAKrF;;;GAGG;AACH,eAAO,MAAM,eAAe,8HAgB3B,CAAC;AAIF,+DAA+D;AAC/D,eAAO,MAAM,qBAAqB,yEAcjC,CAAC;AAEF,eAAO,MAAM,YAAY,uCAMvB,CAAC;AAEH,eAAO,MAAM,OAAO,qEAIlB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,cAAc,4HAmB1B,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,eAAe,yCAKN,CAAC;AAKvB,gFAA+E;AAC/E,eAAO,MAAM,kBAAkB,2CACO,CAAC;AAEvC,uFAAsF;AACtF,eAAO,MAAM,kBAAkB,+CACe,CAAC;AAI/C,MAAM,MAAM,+BAA+B,GAAG,YAAY,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,+BAA+B,CAAC;CAC3C;AAID;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,kEAclC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,4EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;IACjB,yFAAuF;IACvF,MAAM,EAAE,gBAAgB,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,qGA0B7B,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,cAAc,+CAKrB,CAAC"}

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

@@ -1,37 +1,78 @@
 // (C) 2026 GoodData Corporation
 import { v4 as uuid } from "uuid";
-import { attributeAlias, attributeLocalId, bucketAttributes, insightBucket, insightMeasures, measureAlias, measureLocalId, measureTitle, } from "@gooddata/sdk-model";
+import { attributeAlias, attributeLocalId, bucketAttributes, insightBucket, insightMeasures, isResultAttributeHeader, measureAlias, measureDoesComputeRatio, measureFormat, measureLocalId, measureTitle, resultHeaderName, } from "@gooddata/sdk-model";
 import { BucketNames } from "@gooddata/sdk-ui";
 import { CF_DEFAULT_COLOR } from "./conditionalFormattingColors.js";
+// Cap suggestions so a high-cardinality attribute can't build a huge suggestion list.
+const MAX_ELEMENT_SUGGESTIONS = 200;
 const targetToValue = (target) => target.kind === "measure"
     ? `measure:${target.measureIdentifier}`
     : `attribute:${target.attributeIdentifier}`;
 /**
- * Builds a `localIdentifier -> display title` map from the executed data view. Attribute titles live
- * only on the result headers (not on the insight/buckets), so this is the only reliable source for
- * human attribute names; measures also resolve to their final header name here.
+ * Extracts {@link ICfTargetData} from the executed data view. Titles must come from here — attribute
+ * titles live only on the result headers, and measures resolve to their final header name; formats
+ * living on metric metadata also resolve only here (insight-level formats win in buildTargetOptions).
  */
-export function buildTitlesByLocalId(dataView) {
+export function buildCfTargetData(dataView) {
     const titles = {};
+    const formats = {};
     for (const measure of dataView.meta().measureDescriptors()) {
-        titles[measure.measureHeaderItem.localIdentifier] = measure.measureHeaderItem.name;
+        const { localIdentifier, name, format } = measure.measureHeaderItem;
+        titles[localIdentifier] = name;
+        if (format) {
+            formats[localIdentifier] = format;
+        }
     }
     for (const attribute of dataView.meta().attributeDescriptors()) {
         titles[attribute.attributeHeader.localIdentifier] = attribute.attributeHeader.formOf.name;
     }
-    return titles;
+    return { titles, formats, elements: buildElementsByLocalId(dataView) };
 }
-export function buildTargetOptions(insight, 
-// Resolved data-view titles keyed by localIdentifier; preferred over the insight's own (often
-// absent) titles/aliases. Empty until the first data view arrives.
-titles = {}) {
+// Attribute header groups align by index with the dimension's attribute descriptors; the collected
+// elements are only as complete as the loaded (paged) result.
+function buildElementsByLocalId(dataView) {
+    const elements = {};
+    const meta = dataView.meta();
+    meta.dimensions().forEach((_dimension, dimIndex) => {
+        const descriptors = meta.attributeDescriptorsForDim(dimIndex);
+        const headerGroups = meta.attributeHeadersForDim(dimIndex);
+        descriptors.forEach((descriptor, index) => {
+            const localId = descriptor.attributeHeader.localIdentifier;
+            const seen = new Set();
+            for (const header of headerGroups[index] ?? []) {
+                if (seen.size >= MAX_ELEMENT_SUGGESTIONS) {
+                    break;
+                }
+                // attributeHeadersForDim's type is optimistic — it filters groups by their FIRST
+                // header only, so with (sub)totals on, total headers ("sum") ride along in the group.
+                if (!isResultAttributeHeader(header)) {
+                    continue;
+                }
+                const name = resultHeaderName(header);
+                if (name) {
+                    seen.add(name);
+                }
+            }
+            elements[localId] = [...seen];
+        });
+    });
+    return elements;
+}
+export function buildTargetOptions(insight, data = {}) {
+    const { titles = {}, formats = {}, elements = {} } = data;
     const measures = insightMeasures(insight).map((measure) => {
         const localId = measureLocalId(measure);
         const target = { kind: "measure", measureIdentifier: localId };
+        const insightFormat = measureFormat(measure);
         return {
             value: targetToValue(target),
             title: titles[localId] ?? measureTitle(measure) ?? measureAlias(measure) ?? localId,
             target,
+            // fillMissingFormat's precedence: an explicit insight format (reacts to edits instantly,
+            // never stale), then show-in-% (percent by definition), then the execution fallback.
+            isPercent: insightFormat
+                ? isPercentFormat(insightFormat)
+                : measureDoesComputeRatio(measure) || isPercentFormat(formats[localId]),
         };
     });
     // Only ROW attributes are offerable: a rule formats a row/cell by the row's value, and a row
@@ -47,6 +88,7 @@ titles = {}) {
             value: targetToValue(target),
             title: titles[localId] ?? attributeAlias(attribute) ?? localId,
             target,
+            elements: elements[localId],
         };
     });
     return [...measures, ...attributes];
@@ -113,7 +155,39 @@ export const operatorArity = (operator) => {
     }
     return RANGE_OPERATORS.has(operator) ? "range" : "single";
 };
+const isEqualityOperator = (operator) => operator === "EQUAL_TO" || operator === "NOT_EQUAL_TO";
+/**
+ * Which editor a condition's value renders with. Element suggestions apply only to attribute
+ * Is / Is not (per design) — substring operators keep the plain text input.
+ */
+export const valueEditorKind = (condition, kind, hasSuggestions) => {
+    switch (operatorArity(condition.operator)) {
+        case "none":
+            return "none";
+        case "range":
+            return "range";
+        case "single":
+            if (kind === "measure") {
+                return "number";
+            }
+            return hasSuggestions && isEqualityOperator(condition.operator) ? "combobox" : "text";
+    }
+};
 // --- Factories -------------------------------------------------------------------------------
+/** Fresh empty operand of the right shape for the operator. */
+export const emptyValueForOperator = (operator) => {
+    switch (operatorArity(operator)) {
+        case "none":
+            return { kind: "none" };
+        case "range":
+            // NaN = a bound not yet entered (rendered blank). isRuleComplete blocks Save until both
+            // bounds are finite, so NaN stays dialog-local and never persists (it would
+            // JSON-serialize to null); the contract type can stay a tight `{ from: number; to: number }`.
+            return { kind: "literalRange", from: NaN, to: NaN };
+        case "single":
+            return { kind: "literal", value: "" };
+    }
+};
 export const newCondition = () => ({
     id: uuid(),
     operator: "ALL",
@@ -126,24 +200,94 @@ export const newRule = (target) => ({
     target,
     conditions: [newCondition()],
 });
-// --- Validation ------------------------------------------------------------------------------
-const isConditionComplete = (condition, kind) => {
+/**
+ * Rule re-pointed at a new target. Crossing target kinds invalidates the operators, so conditions
+ * reset; crossing the percent boundary within measures changes the value units out from under the
+ * user, so operators stay but values clear (Save disables until re-entered).
+ */
+export const ruleWithTarget = (rule, next, previous) => {
+    if (next.target.kind !== rule.target.kind) {
+        return { ...rule, target: next.target, conditions: [newCondition()] };
+    }
+    if ((next.isPercent ?? false) !== (previous?.isPercent ?? false)) {
+        return {
+            ...rule,
+            target: next.target,
+            conditions: rule.conditions.map((condition) => ({
+                ...condition,
+                value: emptyValueForOperator(condition.operator),
+            })),
+        };
+    }
+    return { ...rule, target: next.target };
+};
+// --- Percent-aware value input ---------------------------------------------------------------
+/**
+ * Percent = the format contains a `%` outside quoted/escaped literals (those render a % sign without
+ * percent scaling). A heuristic by design: it only picks the authoring input's display units; the
+ * contract compares the raw value either way. Scaled formats are out of scope.
+ */
+export const isPercentFormat = (format) => typeof format === "string" &&
+    format
+        .replace(/"[^"]*"/g, "")
+        .replace(/\\./g, "")
+        .includes("%");
+// 0.4 * 100 = 40.00000000000001 in IEEE-754; toPrecision(12) drops the tail.
+const denoise = (n) => Number(n.toPrecision(12));
+/** Raw stored number -> the number the user sees in a percent input (×100). */
+export const rawToDisplayNumber = (raw, percent) => percent ? denoise(raw * 100) : raw;
+/** Number entered in a percent input -> the raw number stored and compared (÷100). */
+export const displayToRawNumber = (display, percent) => percent ? denoise(display / 100) : display;
+const isBlank = (value) => String(value).trim() === "";
+/**
+ * A non-numeric measure literal can only come from stored data (the number input cannot produce one)
+ * and would render as an invisible value; coerce it to the empty sentinel the UI can actually show —
+ * the disabled Save button then covers it like any other missing value.
+ */
+export const sanitizeRuleForEditing = (rule) => {
+    if (rule.target.kind !== "measure") {
+        return rule;
+    }
+    return {
+        ...rule,
+        conditions: rule.conditions.map((condition) => condition.value.kind === "literal" &&
+            !isBlank(condition.value.value) &&
+            Number.isNaN(Number(condition.value.value))
+            ? { ...condition, value: { kind: "literal", value: "" } }
+            : condition),
+    };
+};
+/**
+ * Single source for both validation surfaces, making "empty is incomplete, not invalid" structural:
+ * {@link isRuleComplete} derives from the whole result, the editor renders only `errors`.
+ */
+export const validateCondition = (condition, kind) => {
     const { value } = condition;
     switch (operatorArity(condition.operator)) {
         case "none":
-            return true;
-        case "range":
-            return value.kind === "literalRange" && Number.isFinite(value.from) && Number.isFinite(value.to);
+            return { missing: false, errors: {} };
+        case "range": {
+            if (value.kind !== "literalRange") {
+                return { missing: true, errors: {} };
+            }
+            const missing = !Number.isFinite(value.from) || !Number.isFinite(value.to);
+            return { missing, errors: !missing && value.from > value.to ? { range: "rangeOrder" } : {} };
+        }
         case "single":
             if (value.kind !== "literal") {
-                return false;
+                return { missing: true, errors: {} };
             }
             // Guard the empty string first: `Number("") === 0` (not NaN), which would otherwise let an
             // empty measure threshold pass as a valid 0.
-            return (String(value.value).trim() !== "" &&
-                (kind === "attribute" || !Number.isNaN(Number(value.value))));
+            return {
+                missing: isBlank(value.value) || (kind === "measure" && Number.isNaN(Number(value.value))),
+                errors: {},
+            };
     }
 };
-/** A rule is saveable when every condition has the operand its operator requires. */
+/** A rule is saveable when every condition has a valid operand for its operator. */
 export const isRuleComplete = (rule) => rule.conditions.length > 0 &&
-    rule.conditions.every((condition) => isConditionComplete(condition, rule.target.kind));
+    rule.conditions.every((condition) => {
+        const { missing, errors } = validateCondition(condition, rule.target.kind);
+        return !missing && Object.keys(errors).length === 0;
+    });

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

@@ -0,0 +1,4 @@
+export declare const resolveTarget: (from: number, gap: number) => number | null;
+export declare const moveItem: <T>(items: readonly T[], from: number, to: number) => T[];
+export declare const startsInFormField: (target: EventTarget | null) => boolean;
+//# sourceMappingURL=reorderListModel.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+// (C) 2026 GoodData Corporation
+// Splice destination for inserting into gap (0..n), compensating for the dragged row's removal;
+// null = no-op.
+export const resolveTarget = (from, gap) => {
+    const to = gap > from ? gap - 1 : gap;
+    return to === from ? null : to;
+};
+export const moveItem = (items, from, to) => {
+    const next = [...items];
+    const [moved] = next.splice(from, 1);
+    next.splice(to, 0, moved);
+    return next;
+};
+// With the whole row draggable, a press-and-move inside a text field would drag the row instead of
+// selecting text — so drags originating in form fields are cancelled.
+export const startsInFormField = (target) => target instanceof Element && target.closest("input, textarea, select") !== null;

package/esm/internal/components/configurationPanels/ConfigurationPanelContent.d.ts

@@ -15,7 +15,6 @@ export interface IConfigurationPanelContentProps<PanelConfig = any> {
     isError?: boolean;
     isLoading?: boolean;
     insight?: IInsightDefinition;
-    titlesByLocalId?: Record<string, string>;
     featureFlags?: ISettings;
     permissions?: IWorkspacePermissions;
     axis?: string;

package/esm/internal/components/configurationPanels/ConfigurationPanelContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/ConfigurationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,qBAAqB,EAG7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EACH,KAAK,4BAA4B,EACjC,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,wBAAwB,EAChC,MAAM,mCAAmC,CAAC;AAoB3C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,+BAA+B,CAAC,WAAW,GAAG,GAAG;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,2BAA2B,CAAC,EAAE,4BAA4B,CAAC;IAC3D;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,8BAAsB,yBAAyB,CAC3C,CAAC,SAAS,+BAA+B,GAAG,+BAA+B,CAC7E,SAAQ,aAAa,CAAC,CAAC,CAAC;IACtB,OAAc,YAAY,EAAE,+BAA+B,CAgBzD;IAEF,SAAS,CAAC,uBAAuB,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAExD,YAAY,KAAK,EAAE,CAAC,EAGnB;IAEe,MAAM,4CAQrB;IAED,SAAS,CAAC,QAAQ,CAAC,wBAAwB,IAAI,SAAS,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAG/D;IAED,SAAS,CAAC,kBAAkB,IAAI,SAAS,CAsBxC;IAED,SAAS,CAAC,mBAAmB,IAAI,SAAS,CAYzC;IAED,SAAS,CAAC,yBAAyB,IAAI,SAAS,CAwC/C;IAED,SAAS,CAAC,qBAAqB,IAAI,SAAS,CAiB3C;IAED,SAAS,CAAC,sBAAsB,IAAI,SAAS,CAqC5C;IAED,SAAS,CAAC,0BAA0B,IAAI,SAAS,CAehD;IAED,SAAS,CAAC,qBAAqB,IAAI,SAAS,CAU3C;CACJ"}
+{"version":3,"file":"ConfigurationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/ConfigurationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,qBAAqB,EAG7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EACH,KAAK,4BAA4B,EACjC,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,wBAAwB,EAChC,MAAM,mCAAmC,CAAC;AAoB3C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,+BAA+B,CAAC,WAAW,GAAG,GAAG;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,2BAA2B,CAAC,EAAE,4BAA4B,CAAC;IAC3D;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,8BAAsB,yBAAyB,CAC3C,CAAC,SAAS,+BAA+B,GAAG,+BAA+B,CAC7E,SAAQ,aAAa,CAAC,CAAC,CAAC;IACtB,OAAc,YAAY,EAAE,+BAA+B,CAgBzD;IAEF,SAAS,CAAC,uBAAuB,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAExD,YAAY,KAAK,EAAE,CAAC,EAGnB;IAEe,MAAM,4CAQrB;IAED,SAAS,CAAC,QAAQ,CAAC,wBAAwB,IAAI,SAAS,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAG/D;IAED,SAAS,CAAC,kBAAkB,IAAI,SAAS,CAsBxC;IAED,SAAS,CAAC,mBAAmB,IAAI,SAAS,CAYzC;IAED,SAAS,CAAC,yBAAyB,IAAI,SAAS,CAwC/C;IAED,SAAS,CAAC,qBAAqB,IAAI,SAAS,CAiB3C;IAED,SAAS,CAAC,sBAAsB,IAAI,SAAS,CAqC5C;IAED,SAAS,CAAC,0BAA0B,IAAI,SAAS,CAehD;IAED,SAAS,CAAC,qBAAqB,IAAI,SAAS,CAU3C;CACJ"}

package/esm/internal/components/configurationPanels/PivotTableConfigurationPanel.d.ts

@@ -1,7 +1,13 @@
 import { type ReactNode } from "react";
-import { ConfigurationPanelContent } from "./ConfigurationPanelContent.js";
+import { type ISeparators } from "@gooddata/sdk-model";
+import { type ICfTargetData } from "../configurationControls/conditionalFormatting/conditionalFormattingModel.js";
+import { ConfigurationPanelContent, type IConfigurationPanelContentProps } from "./ConfigurationPanelContent.js";
 import { type SectionName } from "./sectionName.js";
-export declare class PivotTableConfigurationPanel extends ConfigurationPanelContent {
+interface IPivotTableConfigurationPanelProps extends IConfigurationPanelContentProps {
+    cfTargetData?: ICfTargetData;
+    separators?: ISeparators;
+}
+export declare class PivotTableConfigurationPanel extends ConfigurationPanelContent<IPivotTableConfigurationPanelProps> {
     protected isControlDisabled(sectionName?: SectionName): boolean;
     protected renderConfigurationPanel(): ReactNode;
     private getBubbleClassNames;
@@ -11,4 +17,5 @@ export declare class PivotTableConfigurationPanel extends ConfigurationPanelCont
     private renderConditionalFormattingSection;
     private renderPagingSection;
 }
+export {};
 //# sourceMappingURL=PivotTableConfigurationPanel.d.ts.map

package/esm/internal/components/configurationPanels/PivotTableConfigurationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotTableConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/PivotTableConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,qBAAa,4BAA6B,SAAQ,yBAAyB;IACvE,UAAmB,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAgBvE;IAED,SAAS,CAAC,wBAAwB,IAAI,SAAS,CAwB9C;IAED,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,sCAAsC;IAU9C,OAAO,CAAC,mBAAmB;IAqD3B,OAAO,CAAC,kCAAkC;IAe1C,OAAO,CAAC,mBAAmB;CAY9B"}
+{"version":3,"file":"PivotTableConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/PivotTableConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EACH,KAAK,WAAW,EAInB,MAAM,qBAAqB,CAAC;AAa7B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,8EAA8E,CAAC;AAQlH,OAAO,EACH,yBAAyB,EACzB,KAAK,+BAA+B,EACvC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpD,UAAU,kCAAmC,SAAQ,+BAA+B;IAChF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,qBAAa,4BAA6B,SAAQ,yBAAyB,CAAC,kCAAkC,CAAC;IAC3G,UAAmB,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAgBvE;IAED,SAAS,CAAC,wBAAwB,IAAI,SAAS,CAwB9C;IAED,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,sCAAsC;IAU9C,OAAO,CAAC,mBAAmB;IAqD3B,OAAO,CAAC,kCAAkC;IAiB1C,OAAO,CAAC,mBAAmB;CAY9B"}

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

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from "classnames";
 import { FormattedMessage } from "react-intl";
-import { insightHasAttributes, insightHasMeasures, insightMeasures } from "@gooddata/sdk-model";
+import { insightHasAttributes, insightHasMeasures, insightMeasures, } from "@gooddata/sdk-model";
 import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
 import { messages } from "../../../locales.js";
 import { BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y, HIDE_DELAY_DEFAULT, SHOW_DELAY_DEFAULT, } from "../../constants/bubble.js";
@@ -14,7 +14,7 @@ import { ConfigSection } from "../configurationControls/ConfigSection.js";
 import { GrandTotalsControl } from "../configurationControls/GrandTotalsControl.js";
 import { MetricsPositionControl } from "../configurationControls/MetricsPositionControl.js";
 import { PagingSection } from "../configurationControls/PagingSection.js";
-import { ConfigurationPanelContent } from "./ConfigurationPanelContent.js";
+import { ConfigurationPanelContent, } from "./ConfigurationPanelContent.js";
 export class PivotTableConfigurationPanel extends ConfigurationPanelContent {
     isControlDisabled(sectionName) {
         if (sectionName === "interactions.scheduled_exports" ||
@@ -73,8 +73,8 @@ export class PivotTableConfigurationPanel extends ConfigurationPanelContent {
         return panelConfig.supportsAttributeHierarchies ? (_jsx(ConfigSection, { id: "canvas_section", className: "gd-table-canvas-section", title: messages["canvasTitle"].id, propertiesMeta: propertiesMeta, pushData: pushData, children: canvasSection })) : (canvasSection);
     }
     renderConditionalFormattingSection() {
-        const { properties, propertiesMeta, insight, titlesByLocalId, pushData, isLoading } = this.props;
-        return (_jsx(ConditionalFormattingSection, { properties: properties, propertiesMeta: propertiesMeta, insight: insight, titlesByLocalId: titlesByLocalId, pushData: pushData, isLoading: isLoading }));
+        const { properties, propertiesMeta, insight, cfTargetData, separators, pushData, isLoading } = this.props;
+        return (_jsx(ConditionalFormattingSection, { properties: properties, propertiesMeta: propertiesMeta, insight: insight, targetData: cfTargetData, separators: separators, pushData: pushData, isLoading: isLoading }));
     }
     renderPagingSection() {
         const { properties, pushData, isLoading, propertiesMeta } = this.props;

package/esm/internal/components/pluggableVisualizations/pivotTableNext/PluggablePivotTableNext.d.ts

@@ -17,7 +17,7 @@ export declare class PluggablePivotTableNext extends AbstractPluggableVisualizat
     private readonly settings;
     private backendCapabilities;
     private environment;
-    private titlesByLocalId;
+    private cfTargetData;
     constructor(props: IVisConstruct);
     unmount(): void;
     getExtendedReferencePoint(referencePoint: IReferencePoint, previousReferencePoint?: IReferencePoint): Promise<IExtendedReferencePoint>;

package/esm/internal/components/pluggableVisualizations/pivotTableNext/PluggablePivotTableNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluggablePivotTableNext.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/pluggableVisualizations/pivotTableNext/PluggablePivotTableNext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EACH,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAWjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAIH,KAAK,wBAAwB,EAEhC,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAIH,KAAK,oBAAoB,EAC5B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,wBAAwB,EAGhC,MAAM,sCAAsC,CAAC;AA+B9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAiBtF,wBAAgB,0BAA0B,CACtC,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,wBAAwB,EACrC,QAAQ,EAAE,SAAS,GACpB,oBAAoB,CAoBtB;AAED;;;;;GAKG;AACH,qBAAa,uBAAwB,SAAQ,8BAA8B;IACvE,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAY;IACrC,OAAO,CAAC,mBAAmB,CAAuB;IAClD,OAAO,CAAC,WAAW,CAAuC;IAG1D,OAAO,CAAC,eAAe,CAA8B;IAErD,YAAY,KAAK,EAAE,aAAa,EAa/B;IAEM,OAAO,IAAI,IAAI,CAErB;IAEM,yBAAyB,CAC5B,cAAc,EAAE,eAAe,EAC/B,sBAAsB,CAAC,EAAE,eAAe,GACzC,OAAO,CAAC,uBAAuB,CAAC,CA8GlC;IAEe,8BAA8B,CAC1C,mBAAmB,EAAE,QAAQ,EAC7B,gBAAgB,EAAE,iBAAiB,EACnC,0BAA0B,EAAE,OAAO,GACpC,QAAQ,CAWV;IAED,OAAO,CAAC,kBAAkB;IAInB,YAAY,CACf,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,iBAAiB,0DActC;IAED,SAAS,CAAC,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,GAAG,IAAI,CActF;IAKD,OAAO,CAAC,cAAc,CAIpB;IAIF,OAAO,CAAC,oBAAoB,CAK1B;IAEF,OAAO,CAAC,yBAAyB,CAe/B;IAEF,UAAmB,wBAAwB,CACvC,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,qBAAqB,EAAE,GAAG,GAC3B,IAAI,CASN;IAED,UAAmB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAOzE;IAED,SAAS,CAAC,mBAAmB,CACzB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,iBAAiB,GACpC,IAAI,CAmFN;IAED,SAAS,CAAC,wBAAwB,CAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,CAyBxF;IAED,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,EAAE,GAAG,GAAG,UAAU,EAAE,CAElG;IAED,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,cAAc;CAmCzB"}
+{"version":3,"file":"PluggablePivotTableNext.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/pluggableVisualizations/pivotTableNext/PluggablePivotTableNext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EACH,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAWjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAIH,KAAK,wBAAwB,EAEhC,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAIH,KAAK,oBAAoB,EAC5B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,wBAAwB,EAGhC,MAAM,sCAAsC,CAAC;AAkC9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAiBtF,wBAAgB,0BAA0B,CACtC,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,wBAAwB,EACrC,QAAQ,EAAE,SAAS,GACpB,oBAAoB,CAoBtB;AAED;;;;;GAKG;AACH,qBAAa,uBAAwB,SAAQ,8BAA8B;IACvE,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAY;IACrC,OAAO,CAAC,mBAAmB,CAAuB;IAClD,OAAO,CAAC,WAAW,CAAuC;IAE1D,OAAO,CAAC,YAAY,CAAqB;IAEzC,YAAY,KAAK,EAAE,aAAa,EAa/B;IAEM,OAAO,IAAI,IAAI,CAErB;IAEM,yBAAyB,CAC5B,cAAc,EAAE,eAAe,EAC/B,sBAAsB,CAAC,EAAE,eAAe,GACzC,OAAO,CAAC,uBAAuB,CAAC,CA8GlC;IAEe,8BAA8B,CAC1C,mBAAmB,EAAE,QAAQ,EAC7B,gBAAgB,EAAE,iBAAiB,EACnC,0BAA0B,EAAE,OAAO,GACpC,QAAQ,CAWV;IAED,OAAO,CAAC,kBAAkB;IAInB,YAAY,CACf,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,iBAAiB,0DActC;IAED,SAAS,CAAC,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,GAAG,IAAI,CActF;IAKD,OAAO,CAAC,cAAc,CAIpB;IAIF,OAAO,CAAC,oBAAoB,CAO1B;IAEF,OAAO,CAAC,yBAAyB,CAe/B;IAEF,UAAmB,wBAAwB,CACvC,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,qBAAqB,EAAE,GAAG,GAC3B,IAAI,CASN;IAED,UAAmB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAOzE;IAED,SAAS,CAAC,mBAAmB,CACzB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,iBAAiB,GACpC,IAAI,CAmFN;IAED,SAAS,CAAC,wBAAwB,CAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,CA0BxF;IAED,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,EAAE,GAAG,GAAG,UAAU,EAAE,CAElG;IAED,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,cAAc;CAmCzB"}

package/esm/internal/components/pluggableVisualizations/pivotTableNext/PluggablePivotTableNext.js

@@ -13,7 +13,7 @@ import { isSetColumnHeadersPositionToLeftAllowed } from "../../../utils/controls
 import { generateDimensions } from "../../../utils/dimensions.js";
 import { getColumnHeadersPositionFromProperties, getColumnWidthsFromProperties, getConditionalFormattingFromProperties, getGrandTotalsPositionFromProperties, getMeasureGroupDimensionFromProperties, getPageSizeFromProperties, getPaginationFromProperties, getPivotTableProperties, getReferencePointWithSupportedProperties, getSupportedPropertiesControls, getTextWrappingFromProperties, } from "../../../utils/propertiesHelper.js";
 import { getPivotTableNextDefaultUiConfig, getPivotTableNextMeasuresLimit, setPivotTableNextUiConfig, } from "../../../utils/uiConfigHelpers/pivotTableNextUiConfigHelper.js";
-import { buildTitlesByLocalId } from "../../configurationControls/conditionalFormatting/conditionalFormattingModel.js";
+import { buildCfTargetData, } from "../../configurationControls/conditionalFormatting/conditionalFormattingModel.js";
 import { PivotTableConfigurationPanel } from "../../configurationPanels/PivotTableConfigurationPanel.js";
 import { AbstractPluggableVisualization } from "../AbstractPluggableVisualization.js";
 import { addIntersectionFiltersToInsight, modifyBucketsAttributesForDrillDown, sanitizeTableProperties, } from "../drillDownUtil.js";
@@ -53,9 +53,8 @@ export class PluggablePivotTableNext extends AbstractPluggableVisualization {
     settings;
     backendCapabilities;
     environment;
-    // Resolved from the data view (attribute titles aren't on the insight). Populated on data view;
-    // the config panel re-renders on load completion and reads it.
-    titlesByLocalId = {};
+    // Populated on data view; the config panel re-renders on load completion and reads it.
+    cfTargetData = {};
     constructor(props) {
         super(props);
         this.environment = props.environment;
@@ -179,14 +178,16 @@ export class PluggablePivotTableNext extends AbstractPluggableVisualization {
     // it here to surface the resolved titles instead of leaving fallback names until the next render.
     handleDataView = (dataView) => {
         this.onDataView(dataView);
-        this.titlesByLocalId = buildTitlesByLocalId(dataView);
+        this.cfTargetData = buildCfTargetData(dataView);
         this.renderConfigurationPanel(this.currentInsight, this.currentOptions);
     };
     // A new execution (e.g. the insight's columns changed) begins with isLoading=true; drop stale
     // titles so the config panel never shows a previous insight's names. handleDataView repopulates.
     handleLoadingChanged = (loadingState) => {
         if (loadingState.isLoading) {
-            this.titlesByLocalId = {};
+            // Formats and element suggestions are deliberately kept: clearing them would flip an open
+            // percent rule's input from "40" to "0.4" and blank suggestions mid-edit.
+            this.cfTargetData = { ...this.cfTargetData, titles: {} };
         }
         this.onLoadingChanged(loadingState);
     };
@@ -301,7 +302,7 @@ export class PluggablePivotTableNext extends AbstractPluggableVisualization {
             const panelConfig = {
                 supportsAttributeHierarchies: this.backendCapabilities.supportsAttributeHierarchies,
             };
-            this.renderFun(_jsx(PivotTableConfigurationPanel, { locale: this.locale, properties: this.visualizationProperties, propertiesMeta: this.propertiesMeta, insight: insight, titlesByLocalId: this.titlesByLocalId, pushData: this.handlePushData, isError: this.getIsError(), isLoading: this.isLoading, featureFlags: this.settings, panelConfig: panelConfig, configurationPanelRenderers: options.custom?.configurationPanelRenderers }), configPanelElement);
+            this.renderFun(_jsx(PivotTableConfigurationPanel, { locale: this.locale, properties: this.visualizationProperties, propertiesMeta: this.propertiesMeta, insight: insight, cfTargetData: this.cfTargetData, separators: options.config?.separators, pushData: this.handlePushData, isError: this.getIsError(), isLoading: this.isLoading, featureFlags: this.settings, panelConfig: panelConfig, configurationPanelRenderers: options.custom?.configurationPanelRenderers }), configPanelElement);
         }
     }
     getDimensions(insight, customVisualizationConfig) {