react-better-html 1.1.116 → 1.1.118
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/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -747,10 +747,11 @@ type TooltipProps = {
|
|
|
747
747
|
isSmall?: boolean;
|
|
748
748
|
backgroundColor?: string;
|
|
749
749
|
asContextMenu?: boolean;
|
|
750
|
+
isTabAccessed?: boolean;
|
|
750
751
|
onOpen?: () => void;
|
|
751
752
|
onClose?: () => void;
|
|
752
753
|
children: React.ReactNode;
|
|
753
|
-
}
|
|
754
|
+
};
|
|
754
755
|
type TooltipRef = {
|
|
755
756
|
isOpen: boolean;
|
|
756
757
|
open: () => void;
|
|
@@ -769,6 +770,7 @@ type TooltipItemProps<Value = unknown> = {
|
|
|
769
770
|
description?: string;
|
|
770
771
|
isActive?: boolean;
|
|
771
772
|
value?: Value;
|
|
773
|
+
id?: string;
|
|
772
774
|
onClick?: () => void;
|
|
773
775
|
onClickWithValue?: (value: Value) => void;
|
|
774
776
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -747,10 +747,11 @@ type TooltipProps = {
|
|
|
747
747
|
isSmall?: boolean;
|
|
748
748
|
backgroundColor?: string;
|
|
749
749
|
asContextMenu?: boolean;
|
|
750
|
+
isTabAccessed?: boolean;
|
|
750
751
|
onOpen?: () => void;
|
|
751
752
|
onClose?: () => void;
|
|
752
753
|
children: React.ReactNode;
|
|
753
|
-
}
|
|
754
|
+
};
|
|
754
755
|
type TooltipRef = {
|
|
755
756
|
isOpen: boolean;
|
|
756
757
|
open: () => void;
|
|
@@ -769,6 +770,7 @@ type TooltipItemProps<Value = unknown> = {
|
|
|
769
770
|
description?: string;
|
|
770
771
|
isActive?: boolean;
|
|
771
772
|
value?: Value;
|
|
773
|
+
id?: string;
|
|
772
774
|
onClick?: () => void;
|
|
773
775
|
onClickWithValue?: (value: Value) => void;
|
|
774
776
|
};
|
package/dist/index.js
CHANGED
|
@@ -7797,10 +7797,10 @@ var TooltipComponent = (0, import_react24.forwardRef)(function Tooltip({
|
|
|
7797
7797
|
isSmall,
|
|
7798
7798
|
backgroundColor,
|
|
7799
7799
|
asContextMenu,
|
|
7800
|
+
isTabAccessed,
|
|
7800
7801
|
onOpen,
|
|
7801
7802
|
onClose,
|
|
7802
|
-
children
|
|
7803
|
-
...props
|
|
7803
|
+
children
|
|
7804
7804
|
}, ref) {
|
|
7805
7805
|
const theme2 = useTheme();
|
|
7806
7806
|
const triggerHolderRef = (0, import_react24.useRef)(null);
|
|
@@ -7887,7 +7887,7 @@ var TooltipComponent = (0, import_react24.forwardRef)(function Tooltip({
|
|
|
7887
7887
|
[isOpen, openTooltip, closeTooltip]
|
|
7888
7888
|
);
|
|
7889
7889
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Div_default, { position: "relative", onClick: onClickHolder, onMouseEnter, onMouseLeave, children: [
|
|
7890
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Div_default, { width: "100%", ref: triggerHolderRef, children }),
|
|
7890
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Div_default, { width: "100%", isTabAccessed, ref: triggerHolderRef, children }),
|
|
7891
7891
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
7892
7892
|
TooltipContainer,
|
|
7893
7893
|
{
|
|
@@ -7912,7 +7912,6 @@ var TooltipComponent = (0, import_react24.forwardRef)(function Tooltip({
|
|
|
7912
7912
|
paddingBlock: isSmall ? theme2.styles.gap / 2 : theme2.styles.gap,
|
|
7913
7913
|
paddingInline: asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space,
|
|
7914
7914
|
overflow: asContextMenu ? "hidden" : void 0,
|
|
7915
|
-
...props,
|
|
7916
7915
|
children: content
|
|
7917
7916
|
}
|
|
7918
7917
|
),
|
|
@@ -7925,7 +7924,9 @@ var TooltipComponent = (0, import_react24.forwardRef)(function Tooltip({
|
|
|
7925
7924
|
top: position === "top" ? "100%" : position === "bottom" ? void 0 : 0,
|
|
7926
7925
|
bottom: position === "bottom" ? "100%" : position === "top" ? void 0 : 0,
|
|
7927
7926
|
left: position === "left" ? "100%" : position === "right" ? void 0 : 0,
|
|
7928
|
-
right: position === "right" ? "100%" : position === "left" ? void 0 : 0
|
|
7927
|
+
right: position === "right" ? "100%" : position === "left" ? void 0 : 0,
|
|
7928
|
+
borderTopLeftRadius: 999,
|
|
7929
|
+
borderTopRightRadius: 999
|
|
7929
7930
|
}
|
|
7930
7931
|
),
|
|
7931
7932
|
withArrow && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
@@ -7944,7 +7945,7 @@ var TooltipComponent = (0, import_react24.forwardRef)(function Tooltip({
|
|
|
7944
7945
|
)
|
|
7945
7946
|
] });
|
|
7946
7947
|
});
|
|
7947
|
-
TooltipComponent.item = (0, import_react24.forwardRef)(function Item({ icon, text, description, isActive, onClick, onClickWithValue
|
|
7948
|
+
TooltipComponent.item = (0, import_react24.forwardRef)(function Item({ icon, text, description, isActive, value, id, onClick, onClickWithValue }, ref) {
|
|
7948
7949
|
const theme2 = useTheme();
|
|
7949
7950
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
7950
7951
|
Div_default.row,
|
|
@@ -7956,6 +7957,7 @@ TooltipComponent.item = (0, import_react24.forwardRef)(function Item({ icon, tex
|
|
|
7956
7957
|
paddingBlock: theme2.styles.gap,
|
|
7957
7958
|
paddingInline: theme2.styles.space,
|
|
7958
7959
|
cursor: "pointer",
|
|
7960
|
+
id,
|
|
7959
7961
|
value,
|
|
7960
7962
|
onClick,
|
|
7961
7963
|
onClickWithValue,
|