@gooddata/sdk-ui-kit 11.43.0 → 11.44.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,5 +2,5 @@ import { type IUiTooltipProps } from "./types.js";
2
2
  /**
3
3
  * @internal
4
4
  */
5
- export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
6
6
  //# sourceMappingURL=UiTooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CA0LjB"}
1
+ {"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,mBAA2B,EAC3B,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CA6LjB"}
@@ -12,7 +12,7 @@ const { b, e } = bem("gd-ui-kit-tooltip");
12
12
  /**
13
13
  * @internal
14
14
  */
15
- export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles, }) {
15
+ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, accessibilityHidden = false, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles, }) {
16
16
  const [isOpenInternal, setIsOpen] = useState(false);
17
17
  const isControlled = isOpenProp !== undefined;
18
18
  const isOpen = !disabled && (isControlled ? isOpenProp : isOpenInternal || triggerBy.length === 0);
@@ -111,18 +111,18 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
111
111
  });
112
112
  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover, focus, click]);
113
113
  return (_jsxs(_Fragment, { children: [
114
- _jsx("div", { className: e("anchor"), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), _jsx("span", { className: "sr-only", id: id, children: isOpen
114
+ _jsx("div", { className: e("anchor"), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
115
115
  ? typeof content === "function"
116
116
  ? content({ onClose: handleClose, type: "screen-reader" })
117
117
  : content
118
- : null }), isOpen ? (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsxs("div", { className: b({
118
+ : null })), isOpen ? (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsxs("div", { className: b({
119
119
  width: width === "same-as-anchor" ? "same-as-anchor" : false,
120
120
  variant,
121
121
  }), ref: setFloatingWithAnchorRegistry, style: {
122
122
  zIndex,
123
123
  ...floatingStyles,
124
124
  width: width === "same-as-anchor" ? triggerDimensions?.width : width,
125
- }, [FLOATING_ELEMENT_DATA_ATTR]: true, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role ?? "tooltip", ...getFloatingProps(), children: [typeof content === "function"
125
+ }, [FLOATING_ELEMENT_DATA_ATTR]: true, "aria-hidden": accessibilityHidden || undefined, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role ?? "tooltip", ...getFloatingProps(), children: [typeof content === "function"
126
126
  ? content({ onClose: handleClose, type: "live" })
127
127
  : content, showArrow ? (_jsx(FloatingArrow, { staticOffset: computeArrowOffset(arrowPlacement, floatingDimensions, !middlewareData?.["flip"]?.index, theme), className: e("arrow"), ref: arrowRef, tipRadius: 1, context: context, height: ARROW_HEIGHT, width: ARROW_WIDTH })) : null] }) }) })) : null] }));
128
128
  }
@@ -35,6 +35,11 @@ export interface IUiTooltipProps {
35
35
  optimalPlacement?: boolean;
36
36
  /** ARIA attributes configuration for accessibility */
37
37
  accessibilityConfig?: IAccessibilityConfigBase;
38
+ /**
39
+ * When true, the tooltip is purely visual — hidden from assistive technologies (the anchor conveys it).
40
+ * @defaultValue false
41
+ */
42
+ accessibilityHidden?: boolean;
38
43
  /**
39
44
  * Tooltip styling variant
40
45
  * @defaultValue "default"
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kIAAkI;IAClI,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kIAAkI;IAClI,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
@@ -21,7 +21,7 @@ export function DropdownButton({ id, className, accessibilityConfig, value, titl
21
21
  ariaLabelledBy,
22
22
  ariaExpanded: effectiveAriaExpanded,
23
23
  ariaDescribedBy,
24
- ariaControls: ariaControls ?? (isOpen ? dropdownId : undefined),
24
+ ariaControls: ariaControls ?? dropdownId,
25
25
  role: role ?? "combobox",
26
26
  popupType,
27
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderSearchButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAWlE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAIH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAqExE"}
1
+ {"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderSearchButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAWlE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAIH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAsExE"}
@@ -33,5 +33,5 @@ export function HeaderSearchButton({ children, title }) {
33
33
  isExpanded: isOpen,
34
34
  popupId: dropdownId,
35
35
  }, ref: buttonRef, children: [
36
- _jsx("span", { className: "gd-icon-header-search-button" }), _jsx("span", { className: "gd-header-search-label", children: title }), isOpen ? (_jsx(Overlay, { isModal: false, alignTo: ".gd-header-search", alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: toggleOpen, ignoreClicksOnByClass: [".gd-bubble"], children: _jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: { returnFocusTo: buttonRef }, children: _jsx("div", { id: dropdownId, className: "gd-dialog gd-dropdown overlay gd-header-search-dropdown", children: children }) }) })) : null] }));
36
+ _jsx("span", { className: "gd-icon-header-search-button" }), _jsx("span", { className: "gd-header-search-label", children: title }), isOpen ? (_jsx(Overlay, { isModal: false, alignTo: ".gd-header-search", alignPoints: ALIGN_POINTS, resizeObserverThreshold: 0.2, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: toggleOpen, ignoreClicksOnByClass: [".gd-bubble"], children: _jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: { returnFocusTo: buttonRef }, children: _jsx("div", { id: dropdownId, className: "gd-dialog gd-dropdown overlay gd-header-search-dropdown", children: children }) }) })) : null] }));
37
37
  }
@@ -8857,6 +8857,11 @@ export declare interface IUiTooltipProps {
8857
8857
  optimalPlacement?: boolean;
8858
8858
  /** ARIA attributes configuration for accessibility */
8859
8859
  accessibilityConfig?: IAccessibilityConfigBase;
8860
+ /**
8861
+ * When true, the tooltip is purely visual — hidden from assistive technologies (the anchor conveys it).
8862
+ * @defaultValue false
8863
+ */
8864
+ accessibilityHidden?: boolean;
8860
8865
  /**
8861
8866
  * Tooltip styling variant
8862
8867
  * @defaultValue "default"
@@ -11086,7 +11091,7 @@ export declare function UiToastsContainer({ dataTestId }: IUiToastsContainerProp
11086
11091
  /**
11087
11092
  * @internal
11088
11093
  */
11089
- export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
11094
+ export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): JSX.Element;
11090
11095
 
11091
11096
  /**
11092
11097
  * @internal
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gooddata/sdk-ui-kit",
3
- "version": "11.43.0",
3
+ "version": "11.44.0-alpha.1",
4
4
  "description": "GoodData SDK - UI Building Components",
5
5
  "license": "MIT",
6
6
  "author": "GoodData Corporation",
@@ -74,11 +74,11 @@
74
74
  "tslib": "2.8.1",
75
75
  "unified": "^11.0.5",
76
76
  "uuid": "11.1.1",
77
- "@gooddata/sdk-backend-spi": "11.43.0",
78
- "@gooddata/sdk-ui": "11.43.0",
79
- "@gooddata/sdk-model": "11.43.0",
80
- "@gooddata/sdk-ui-theme-provider": "11.43.0",
81
- "@gooddata/util": "11.43.0"
77
+ "@gooddata/sdk-backend-spi": "11.44.0-alpha.1",
78
+ "@gooddata/sdk-model": "11.44.0-alpha.1",
79
+ "@gooddata/util": "11.44.0-alpha.1",
80
+ "@gooddata/sdk-ui": "11.44.0-alpha.1",
81
+ "@gooddata/sdk-ui-theme-provider": "11.44.0-alpha.1"
82
82
  },
83
83
  "devDependencies": {
84
84
  "@microsoft/api-documenter": "^7.17.0",
@@ -127,11 +127,11 @@
127
127
  "typescript": "5.9.3",
128
128
  "vitest": "4.1.8",
129
129
  "vitest-dom": "0.1.1",
130
- "@gooddata/eslint-config": "11.43.0",
131
- "@gooddata/oxlint-config": "11.43.0",
132
- "@gooddata/reference-workspace": "11.43.0",
133
- "@gooddata/sdk-backend-mockingbird": "11.43.0",
134
- "@gooddata/stylelint-config": "11.43.0"
130
+ "@gooddata/eslint-config": "11.44.0-alpha.1",
131
+ "@gooddata/oxlint-config": "11.44.0-alpha.1",
132
+ "@gooddata/reference-workspace": "11.44.0-alpha.1",
133
+ "@gooddata/sdk-backend-mockingbird": "11.44.0-alpha.1",
134
+ "@gooddata/stylelint-config": "11.44.0-alpha.1"
135
135
  },
136
136
  "peerDependencies": {
137
137
  "react": "^18.0.0 || ^19.0.0",