@gooddata/sdk-ui-pivot 11.65.0-alpha.1 → 11.65.0-alpha.10

package/esm/next/components/Header/AttributeHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttributeHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/AttributeHeader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAMtF;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,2CAwGzD"}
+{"version":3,"file":"AttributeHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/AttributeHeader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAMtF;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,2CAgGzD"}

package/esm/next/components/Header/AttributeHeader.js

@@ -15,7 +15,6 @@ import { SortIndicator } from "./SortIndicator.js";
  */
 export function AttributeHeader(params) {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [isKeyboardTriggered, setIsKeyboardTriggered] = useState(false);
     const colDef = params.column.getColDef();
     const columnDefinition = colDef.context?.columnDefinition;
     // Checks if this is a transposed value column under a pivot group
@@ -36,17 +35,11 @@ export function AttributeHeader(params) {
     }, { measureIdentifiers: [], pivotAttributeDescriptors: [] }, params);
     useHeaderSpaceKey(params, handleHeaderClick);
     useHeaderMenuKeyboard(params, () => {
-        setIsKeyboardTriggered(true);
         setIsMenuOpen(true);
     }, hasMenuItems);
     useHeaderCellAriaLabel(params.eGridHeader, headerCellAriaLabel);
     return (_jsx(HeaderKeyboardHint, { eGridHeader: params.eGridHeader, enabled: isFirstDisplayedColumn(params), canSort: allowSorting, canOpenMenu: hasMenuItems, children: _jsxs("div", { className: e("header-cell", {
                 "is-menu-open": isMenuOpen,
                 drillable: isDrillable,
-            }), ...getPivotHeaderTestIdProps({ drillable: isDrillable }), children: [_jsxs("div", { className: "gd-header-content", "aria-hidden": "true", children: [_jsx("span", { className: "gd-header-text", ...getPivotHeaderTextTestIdProps(), children: params.displayName }), !!colDef.sortable && sortDirection ? (_jsx(SortIndicator, { sortDirection: sortDirection, sortIndex: sortIndex })) : null] }), !!colDef.sortable || !!isDrillable ? (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })) : null, hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: (opened) => {
-                        setIsMenuOpen(opened);
-                        if (!opened) {
-                            setIsKeyboardTriggered(false);
-                        }
-                    }, isKeyboardTriggered: isKeyboardTriggered })) : null] }) }));
+            }), ...getPivotHeaderTestIdProps({ drillable: isDrillable }), children: [_jsxs("div", { className: "gd-header-content", "aria-hidden": "true", children: [_jsx("span", { className: "gd-header-text", ...getPivotHeaderTextTestIdProps(), children: params.displayName }), !!colDef.sortable && sortDirection ? (_jsx(SortIndicator, { sortDirection: sortDirection, sortIndex: sortIndex })) : null] }), !!colDef.sortable || !!isDrillable ? (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })) : null, hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: setIsMenuOpen })) : null] }) }));
 }

package/esm/next/components/Header/HeaderCell/HeaderMenu.d.ts

@@ -8,11 +8,6 @@ export interface IHeaderMenuProps {
     onSortingItemClick: (item: ISortingMenuItem) => void;
     isMenuOpened: boolean;
     onMenuOpenedChange: (opened: boolean) => void;
-    /**
-     * Whether the menu was opened via keyboard (Alt + Down Arrow).
-     * When true, the menu will autofocus on open.
-     */
-    isKeyboardTriggered?: boolean;
 }
-export declare function HeaderMenu({ aggregationsItems, textWrappingItems, sortingItems, onAggregationsItemClick, onTextWrappingItemClick, onSortingItemClick, isMenuOpened, onMenuOpenedChange, isKeyboardTriggered, }: IHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderMenu({ aggregationsItems, textWrappingItems, sortingItems, onAggregationsItemClick, onTextWrappingItemClick, onSortingItemClick, isMenuOpened, onMenuOpenedChange, }: IHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HeaderMenu.d.ts.map

package/esm/next/components/Header/HeaderCell/HeaderMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Header/HeaderCell/HeaderMenu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC7B,MAAM,wBAAwB,CAAC;AAQhC,MAAM,WAAW,gBAAgB;IAC7B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,uBAAuB,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClE,uBAAuB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/D,kBAAkB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAmBD,wBAAgB,UAAU,CAAC,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC9B,EAAE,gBAAgB,2CAsGlB"}
+{"version":3,"file":"HeaderMenu.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Header/HeaderCell/HeaderMenu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC7B,MAAM,wBAAwB,CAAC;AAQhC,MAAM,WAAW,gBAAgB;IAC7B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,uBAAuB,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClE,uBAAuB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/D,kBAAkB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAyBD,wBAAgB,UAAU,CAAC,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,GACrB,EAAE,gBAAgB,2CAsGlB"}

package/esm/next/components/Header/HeaderCell/HeaderMenu.js

@@ -10,9 +10,14 @@ import { getPivotHeaderMenuButtonTestIdProps } from "../../../testing/dataTestId
 import { HeaderInteractiveItem, buildUiMenuItems, } from "./HeaderMenuComponents.js";
 function MenuToggler({ onClick }) {
     const intl = useIntl();
-    return (_jsxs("button", { type: "button", className: e("header-cell-menu-button"), onClick: onClick, "aria-label": intl.formatMessage(messages["openHeaderMenuAria"]), ...getPivotHeaderMenuButtonTestIdProps(), children: [_jsx(UiIcon, { type: "ellipsisVertical" }), _jsx("span", { className: e("header-cell-menu-clickable-area") })] }));
+    return (_jsxs("button", { type: "button", className: e("header-cell-menu-button"), onClick: onClick, onKeyDownCapture: (event) => {
+            // Keep AG Grid's native header listener from sorting when activating this button.
+            if (event.key === "Enter" || event.key === " ") {
+                event.stopPropagation();
+            }
+        }, "aria-label": intl.formatMessage(messages["openHeaderMenuAria"]), ...getPivotHeaderMenuButtonTestIdProps(), children: [_jsx(UiIcon, { type: "ellipsisVertical" }), _jsx("span", { className: e("header-cell-menu-clickable-area") })] }));
 }
-export function HeaderMenu({ aggregationsItems, textWrappingItems, sortingItems, onAggregationsItemClick, onTextWrappingItemClick, onSortingItemClick, isMenuOpened, onMenuOpenedChange, isKeyboardTriggered = false, }) {
+export function HeaderMenu({ aggregationsItems, textWrappingItems, sortingItems, onAggregationsItemClick, onTextWrappingItemClick, onSortingItemClick, isMenuOpened, onMenuOpenedChange, }) {
     const intl = useIntl();
     const toggleDropdownRef = useRef(null);
     const prevIsMenuOpenedRef = useRef(isMenuOpened);
@@ -59,7 +64,7 @@ export function HeaderMenu({ aggregationsItems, textWrappingItems, sortingItems,
     return (_jsx("div", { className: e("header-cell-menu-button-wrapper"), children: _jsx(Dropdown, { isOpen: isMenuOpened, onToggle: handleToggle, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: true, overlayPositionType: "sameAsTarget", alignPoints: [
                 { align: "bl tl", offset: { x: -10, y: 16 } },
                 { align: "br tr", offset: { x: -10, y: 16 } },
-            ], accessibilityConfig: { triggerRole: "button", popupRole: "dialog" }, overlayZIndex: overlayZIndex, autofocusOnOpen: isKeyboardTriggered, renderButton: ({ toggleDropdown }) => {
+            ], accessibilityConfig: { triggerRole: "button", popupRole: "dialog" }, overlayZIndex: overlayZIndex, autofocusOnOpen: true, renderButton: ({ toggleDropdown }) => {
                 toggleDropdownRef.current = toggleDropdown;
                 return _jsx(MenuToggler, { onClick: handleButtonClick });
             }, renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(UiMenu, { items: uiMenuItems, onSelect: handleSelect, onClose: closeDropdown, shouldCloseOnSelect: false, containerBottomPadding: "small", ariaAttributes: {

package/esm/next/components/Header/MeasureGroupHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeasureGroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/MeasureGroupHeader.tsx"],"names":[],"mappings":"AAYA,OAAO,EACH,KAAK,wBAAwB,EAE7B,KAAK,kBAAkB,EAC1B,MAAM,uBAAuB,CAAC;AAW/B;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,wBAAwB,GAAG,kBAAkB,2CAwGvF"}
+{"version":3,"file":"MeasureGroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/MeasureGroupHeader.tsx"],"names":[],"mappings":"AAYA,OAAO,EACH,KAAK,wBAAwB,EAE7B,KAAK,kBAAkB,EAC1B,MAAM,uBAAuB,CAAC;AAW/B;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,wBAAwB,GAAG,kBAAkB,2CAgGvF"}

package/esm/next/components/Header/MeasureGroupHeader.js

@@ -20,7 +20,6 @@ import { getColumnMeasureIdentifier, getPivotAttributeDescriptorsForMeasureGroup
  */
 export function MeasureGroupHeader(params) {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [isKeyboardTriggered, setIsKeyboardTriggered] = useState(false);
     const { isPivoted } = useColumnDefs();
     const { config } = usePivotTableProps();
     const { columnHeadersPosition } = config;
@@ -52,7 +51,6 @@ export function MeasureGroupHeader(params) {
     }, { measureIdentifiers: measureIdentifier ? [measureIdentifier] : [], pivotAttributeDescriptors }, isHeader ? params : null);
     const hasMenuItems = aggregationsItems.length > 0 || textWrappingItems.length > 0;
     useHeaderMenuKeyboard(isHeader ? params : { eGridHeader: undefined }, () => {
-        setIsKeyboardTriggered(true);
         setIsMenuOpen(true);
     }, isHeader && hasMenuItems);
     useHeaderCellAriaLabel(isHeader ? params.eGridHeader : undefined, headerCellAriaLabel);
@@ -65,12 +63,7 @@ export function MeasureGroupHeader(params) {
         : (effectiveMeasure?.descriptor.measureHeaderItem.name ?? params.value);
     return (_jsx(HeaderKeyboardHint, { eGridHeader: isHeader ? params.eGridHeader : undefined, enabled: isHeader && isFirstDisplayedColumn(params), canOpenMenu: hasMenuItems, children: _jsxs("div", { className: e("header-cell", {
                 "is-menu-open": isMenuOpen,
-            }), children: [_jsx("div", { className: "gd-header-content", "aria-hidden": "true", children: _jsx("span", { className: "gd-header-text", children: displayName }) }), hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: (opened) => {
-                        setIsMenuOpen(opened);
-                        if (!opened) {
-                            setIsKeyboardTriggered(false);
-                        }
-                    }, isKeyboardTriggered: isKeyboardTriggered })) : null] }) }));
+            }), children: [_jsx("div", { className: "gd-header-content", "aria-hidden": "true", children: _jsx("span", { className: "gd-header-text", children: displayName }) }), hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: setIsMenuOpen })) : null] }) }));
 }
 // Distinguish between header params and cell params here
 function isHeaderParams(p) {

package/esm/next/components/Header/MeasureHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeasureHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/MeasureHeader.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAYtF;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,2CAiIvD"}
+{"version":3,"file":"MeasureHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/MeasureHeader.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAYtF;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,2CAyHvD"}

package/esm/next/components/Header/MeasureHeader.js

@@ -21,7 +21,6 @@ import { getColumnMeasureIdentifier, getColumnScope, getPivotAttributeDescriptor
  */
 export function MeasureHeader(params) {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [isKeyboardTriggered, setIsKeyboardTriggered] = useState(false);
     const isTransposed = useIsTransposed();
     const { isPivoted } = useColumnDefs();
     const colDef = params.column.getColDef();
@@ -64,16 +63,10 @@ export function MeasureHeader(params) {
     }, params);
     useHeaderSpaceKey(params, handleTotalLabelClick ?? handleHeaderClick);
     useHeaderMenuKeyboard(params, () => {
-        setIsKeyboardTriggered(true);
         setIsMenuOpen(true);
     }, hasMenuItems);
     useHeaderCellAriaLabel(params.eGridHeader, headerCellAriaLabel, params.displayName);
     return (_jsx(HeaderKeyboardHint, { eGridHeader: params.eGridHeader, enabled: isFirstDisplayedColumn(params), canSort: allowSorting, canOpenMenu: hasMenuItems, children: _jsxs("div", { className: e("header-cell", {
                 "is-menu-open": isMenuOpen,
-            }), onClick: handleTotalLabelClick, ...getPivotHeaderTestIdProps({ isTotal, isSubtotal }), children: [_jsxs("div", { className: "gd-header-content", "aria-hidden": "true", children: [_jsx("span", { className: "gd-header-text", ...getPivotHeaderTextTestIdProps(), children: customTotalLabel ?? params.displayName }), !!colDef.sortable && sortDirection ? (_jsx(SortIndicator, { sortDirection: sortDirection, sortIndex: sortIndex })) : null] }), !!colDef.sortable && (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })), hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: (opened) => {
-                        setIsMenuOpen(opened);
-                        if (!opened) {
-                            setIsKeyboardTriggered(false);
-                        }
-                    }, isKeyboardTriggered: isKeyboardTriggered })) : null] }) }));
+            }), onClick: handleTotalLabelClick, ...getPivotHeaderTestIdProps({ isTotal, isSubtotal }), children: [_jsxs("div", { className: "gd-header-content", "aria-hidden": "true", children: [_jsx("span", { className: "gd-header-text", ...getPivotHeaderTextTestIdProps(), children: customTotalLabel ?? params.displayName }), !!colDef.sortable && sortDirection ? (_jsx(SortIndicator, { sortDirection: sortDirection, sortIndex: sortIndex })) : null] }), !!colDef.sortable && (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })), hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: setIsMenuOpen })) : null] }) }));
 }

package/esm/next/components/Header/PivotGroupHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotGroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/PivotGroupHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAA6B,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAKhG,UAAU,qBAAsB,SAAQ,uBAAuB;IAC3D,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,2CAuJ7D"}
+{"version":3,"file":"PivotGroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/next/components/Header/PivotGroupHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAA6B,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAKhG,UAAU,qBAAsB,SAAQ,uBAAuB;IAC3D,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,2CA+I7D"}

package/esm/next/components/Header/PivotGroupHeader.js

@@ -19,7 +19,6 @@ import { getColumnScope, getPivotAttributeDescriptors, isValueColumnDef } from "
  */
 export function PivotGroupHeader(params) {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [isKeyboardTriggered, setIsKeyboardTriggered] = useState(false);
     const isTransposed = useIsTransposed();
     const colGroupDef = params.columnGroup.getColGroupDef();
     const columnDefinition = colGroupDef?.context?.columnDefinition;
@@ -79,7 +78,6 @@ export function PivotGroupHeader(params) {
     }, [isDrillable, handleHeaderDrill]);
     useHeaderSpaceKey(params, handleTotalLabelClick ?? handleHeaderClick);
     useHeaderMenuKeyboard(params, () => {
-        setIsKeyboardTriggered(true);
         setIsMenuOpen(true);
     }, hasMenuItems);
     useHeaderCellAriaLabel(params.eGridHeader, headerCellAriaLabel, params.displayName);
@@ -90,10 +88,5 @@ export function PivotGroupHeader(params) {
             drillable: isDrillable,
             isTotal: isTotalHeader,
             isSubtotal: isSubtotalHeader,
-        }), children: [_jsx("div", { className: "gd-header-content", "aria-hidden": "true", children: _jsx("span", { className: "gd-header-text", ...(ownsTotalLabel ? getPivotHeaderTextTestIdProps() : {}), children: visibleHeaderText }) }), isDrillable ? (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })) : null, hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: (opened) => {
-                    setIsMenuOpen(opened);
-                    if (!opened) {
-                        setIsKeyboardTriggered(false);
-                    }
-                }, isKeyboardTriggered: isKeyboardTriggered })) : null] }));
+        }), children: [_jsx("div", { className: "gd-header-content", "aria-hidden": "true", children: _jsx("span", { className: "gd-header-text", ...(ownsTotalLabel ? getPivotHeaderTextTestIdProps() : {}), children: visibleHeaderText }) }), isDrillable ? (_jsx("div", { className: "gd-header-cell-clickable-area", "aria-hidden": "true", ...getPivotHeaderClickableAreaTestIdProps(), onClick: handleHeaderClick })) : null, hasMenuItems ? (_jsx(HeaderMenu, { aggregationsItems: aggregationsItems, textWrappingItems: textWrappingItems, sortingItems: sortingItems, onAggregationsItemClick: handleAggregationsItemClick, onTextWrappingItemClick: handleTextWrappingItemClick, onSortingItemClick: handleSortingItemClick, isMenuOpened: isMenuOpen, onMenuOpenedChange: setIsMenuOpen })) : null] }));
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@gooddata/sdk-ui-pivot",
-  "version": "11.65.0-alpha.1",
+  "version": "11.65.0-alpha.10",
   "description": "GoodData.UI SDK - Pivot Table",
-  "license": "MIT",
+  "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
   "repository": {
     "type": "git",
@@ -15,7 +15,8 @@
     "esm/**/*.d.ts",
     "esm/**/*.map",
     "esm/**/*.svg",
-    "styles"
+    "styles",
+    "NOTICE"
   ],
   "type": "module",
   "sideEffects": [
@@ -42,12 +43,12 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-spi": "11.65.0-alpha.1",
-    "@gooddata/sdk-model": "11.65.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "11.65.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "11.65.0-alpha.1",
-    "@gooddata/sdk-ui-vis-commons": "11.65.0-alpha.1",
-    "@gooddata/sdk-ui": "11.65.0-alpha.1"
+    "@gooddata/sdk-backend-spi": "11.65.0-alpha.10",
+    "@gooddata/sdk-model": "11.65.0-alpha.10",
+    "@gooddata/sdk-ui": "11.65.0-alpha.10",
+    "@gooddata/sdk-ui-kit": "11.65.0-alpha.10",
+    "@gooddata/sdk-ui-theme-provider": "11.65.0-alpha.10",
+    "@gooddata/sdk-ui-vis-commons": "11.65.0-alpha.10"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.16",
@@ -85,12 +86,12 @@
     "stylelint": "16.26.1",
     "typescript": "7.0.2",
     "vitest": "5.0.4",
-    "@gooddata/oxlint-config": "11.65.0-alpha.1",
-    "@gooddata/eslint-config": "11.65.0-alpha.1",
-    "@gooddata/reference-workspace": "11.65.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "11.65.0-alpha.1",
-    "@gooddata/sdk-backend-base": "11.65.0-alpha.1",
-    "@gooddata/stylelint-config": "11.65.0-alpha.1"
+    "@gooddata/eslint-config": "11.65.0-alpha.10",
+    "@gooddata/reference-workspace": "11.65.0-alpha.10",
+    "@gooddata/oxlint-config": "11.65.0-alpha.10",
+    "@gooddata/sdk-backend-base": "11.65.0-alpha.10",
+    "@gooddata/sdk-backend-mockingbird": "11.65.0-alpha.10",
+    "@gooddata/stylelint-config": "11.65.0-alpha.10"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/main.css

@@ -11,7 +11,7 @@
   --gd-palette-complementary-4: #ccd8e2;
   --gd-palette-complementary-5: #b0beca;
   --gd-palette-complementary-6: #94a1ad;
-  --gd-palette-complementary-7: #6d7680;
+  --gd-palette-complementary-7: #6a737d;
   --gd-palette-complementary-8: #464e56;
   --gd-palette-complementary-9: #000;
   --gd-button-borderRadius: 3px;
@@ -96,11 +96,11 @@
   --gd-modal-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
   --gd-toolbar-borderRadius: 4px;
   --gd-chart-axis-color: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
-  --gd-chart-axis-labelColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-axis-labelColor: var(--gd-palette-complementary-7);
   --gd-chart-axis-valueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-chart-backgroundColor: var(--gd-palette-complementary-0, #fff);
   --gd-chart-gridColor: var(--gd-palette-complementary-3-from-theme, #ebebeb);
-  --gd-chart-legendValueColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-legendValueColor: var(--gd-palette-complementary-7);
   --gd-chart-tooltip-backgroundColor: var(
       --gd-chart-tooltipBackgroundColor,
       var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95))
@@ -120,7 +120,7 @@
   --gd-chart-dataLabel-backplateBorderColor: var(--gd-palette-complementary-3-from-theme, #dde4eb);
   --gd-chart-dataLabel-backplateBorderRadius: 2px;
   --gd-chart-axisColor: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
-  --gd-chart-axisLabelColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-axisLabelColor: var(--gd-palette-complementary-7);
   --gd-chart-axisValueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-chart-tooltipBackgroundColor: var(
       --gd-palette-complementary-0-from-theme,
@@ -142,7 +142,7 @@
       --gd-palette-complementary-7-from-theme,
       var(--gd-palette-complementary-8, #464e56)
   );
-  --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1));
+  --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(106, 115, 125, 0.1));
   --gd-table-loadingIconColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-table-nullValueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-table-subtotalBackgroundColor: var(
@@ -170,7 +170,7 @@
   --gd-dashboards-content-kpiWidget-dropShadow: var(--gd-dashboards-content-widget-dropShadow, none);
   --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor: var(
       --gd-palette-complementary-9-from-theme,
-      #6d7680
+      #6a737d
   );
   --gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-dashboards-content-kpiWidget-title-color: var(
@@ -843,7 +843,7 @@
 .gd-list-actions-selection-size {
   box-sizing: border-box;
   margin: 1px 0 0 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-list {
@@ -7969,7 +7969,7 @@ button.gd-list-item {
   --ag-modal-overlay-background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   --ag-odd-row-background-color: transparent;
   --ag-secondary-foreground-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
-  --ag-row-hover-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
+  --ag-row-hover-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(106, 115, 125, 0.1)));
   --ag-cell-horizontal-border: none;
   --ag-header-background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   --ag-header-foreground-color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));

package/styles/css/pivotTable.css

@@ -6770,7 +6770,7 @@
   --ag-modal-overlay-background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   --ag-odd-row-background-color: transparent;
   --ag-secondary-foreground-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
-  --ag-row-hover-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
+  --ag-row-hover-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(106, 115, 125, 0.1)));
   --ag-cell-horizontal-border: none;
   --ag-header-background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   --ag-header-foreground-color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));