td-stylekit 28.33.0 → 28.33.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [28.33.1](https://github.com/treasure-data/td-stylekit/compare/v28.33.0...v28.33.1) (2024-01-24)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **CON-14794:** Allow TooltipPopover to have z-index override prop ([#1522](https://github.com/treasure-data/td-stylekit/issues/1522)) ([44269ee](https://github.com/treasure-data/td-stylekit/commit/44269ee))
|
|
7
|
+
|
|
1
8
|
# [28.33.0](https://github.com/treasure-data/td-stylekit/compare/v28.32.0...v28.33.0) (2024-01-23)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -37,6 +37,7 @@ declare class Tagger extends PureComponent<TaggerProps, TaggerState> {
|
|
|
37
37
|
show?: boolean | undefined;
|
|
38
38
|
target: import("../TooltipPopover/useWaitForDOMRef").DOMContainer;
|
|
39
39
|
escClose?: boolean | undefined;
|
|
40
|
+
zIndexOverride?: number | undefined;
|
|
40
41
|
} & Omit<import("@tippyjs/react").TippyProps, "content" | "visible" | "onHide" | "allowHTML" | "arrow" | "animateFill" | "inlinePositioning" | "onClickOutside" | "placement" | "plugins" | "reference" | "singleton" | "render">> | undefined;
|
|
41
42
|
searchOptionRenderContainer: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
42
43
|
selectorRenderContainer: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -26,6 +26,7 @@ declare const _default: ({ inputVariant, popoverVariant, popoverWidth }?: {
|
|
|
26
26
|
show?: boolean | undefined;
|
|
27
27
|
target: import("../TooltipPopover/useWaitForDOMRef").DOMContainer;
|
|
28
28
|
escClose?: boolean | undefined;
|
|
29
|
+
zIndexOverride?: number | undefined;
|
|
29
30
|
} & Omit<import("@tippyjs/react").TippyProps, "content" | "visible" | "onHide" | "allowHTML" | "arrow" | "animateFill" | "inlinePositioning" | "onClickOutside" | "placement" | "plugins" | "reference" | "singleton" | "render">> | undefined;
|
|
30
31
|
searchOptionRenderContainer: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
31
32
|
selectorRenderContainer: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -11,6 +11,7 @@ export type TooltipPopoverProps = {
|
|
|
11
11
|
show?: boolean;
|
|
12
12
|
target: DOMContainer;
|
|
13
13
|
escClose?: boolean;
|
|
14
|
+
zIndexOverride?: number;
|
|
14
15
|
} & Omit<TippyProps, // https://atomiks.github.io/tippyjs/v6/all-props/
|
|
15
16
|
'allowHTML' | 'arrow' | 'animateFill' | 'content' | 'inlinePositioning' | 'onClickOutside' | 'onHide' | 'placement' | 'plugins' | 'reference' | 'singleton' | 'visible' | 'render'>;
|
|
16
17
|
/**
|
|
@@ -17,7 +17,7 @@ var _useWaitForDOMRef = require("./useWaitForDOMRef");
|
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
19
19
|
|
|
20
|
-
var _excluded = ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "show", "showOnCreate", "target", "trigger", "escClose"];
|
|
20
|
+
var _excluded = ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "show", "showOnCreate", "target", "trigger", "escClose", "zIndexOverride"];
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
23
|
|
|
@@ -74,6 +74,7 @@ var TooltipPopover = function TooltipPopover(props) {
|
|
|
74
74
|
trigger = props.trigger,
|
|
75
75
|
_props$escClose = props.escClose,
|
|
76
76
|
escClose = _props$escClose === void 0 ? false : _props$escClose,
|
|
77
|
+
zIndexOverride = props.zIndexOverride,
|
|
77
78
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
78
79
|
|
|
79
80
|
var triggerTarget = (0, _useWaitForDOMRef.useWaitForDOMRef)(target);
|
|
@@ -166,7 +167,7 @@ var TooltipPopover = function TooltipPopover(props) {
|
|
|
166
167
|
tooltipPopover: true
|
|
167
168
|
});
|
|
168
169
|
},
|
|
169
|
-
zIndex: inModal ? theme.zIndex.Modal : theme.zIndex.PopOver
|
|
170
|
+
zIndex: (zIndexOverride !== null && zIndexOverride !== void 0 ? zIndexOverride : inModal) ? theme.zIndex.Modal : theme.zIndex.PopOver
|
|
170
171
|
}));
|
|
171
172
|
};
|
|
172
173
|
|