infinity-forge 3.8.2 → 3.8.3
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.
|
@@ -55,6 +55,7 @@ var react_dom_1 = __importDefault(require("react-dom"));
|
|
|
55
55
|
var error_boundary_1 = require("../error-boundary/index.js");
|
|
56
56
|
var use_tool_tip_1 = require("./hooks/use-tool-tip.js");
|
|
57
57
|
var S = __importStar(require("./styles.js"));
|
|
58
|
+
var utils_1 = require("../../../ui/utils/index.js");
|
|
58
59
|
function Tooltip(props) {
|
|
59
60
|
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'Tooltip', children: (0, jsx_runtime_1.jsx)(TooltipContent, __assign({}, props)) }));
|
|
60
61
|
}
|
|
@@ -73,7 +74,7 @@ function TooltipContent(_a) {
|
|
|
73
74
|
}
|
|
74
75
|
return function () { return document.removeEventListener('click', handleClickContent); };
|
|
75
76
|
}, [closeOnClick, contentRef, isOpen]);
|
|
76
|
-
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { id: idTooltip, ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: tooltipStyle, children: ContentWithTooltipProps ? ((0, jsx_runtime_1.jsx)(ContentWithTooltipProps, { handleToggle: handleToggle, toolTipRef: contentRef })) : (content) }));
|
|
77
|
+
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { "$zIndex": utils_1.zIndexInfinityForge.tooltip, id: idTooltip, ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: tooltipStyle, children: ContentWithTooltipProps ? ((0, jsx_runtime_1.jsx)(ContentWithTooltipProps, { handleToggle: handleToggle, toolTipRef: contentRef })) : (content) }));
|
|
77
78
|
(0, react_1.useEffect)(function () {
|
|
78
79
|
var interval = setInterval(function () {
|
|
79
80
|
if (process.browser) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;AAEhC,oDAAyC;AACzC,qDAAiD;AAIjD,0CAA6B;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
interface IStyledToolTip {
|
|
3
3
|
$bgColor?: string;
|
|
4
4
|
$enableArrow?: boolean;
|
|
5
|
+
$zIndex?: number;
|
|
5
6
|
}
|
|
6
7
|
export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
8
|
export declare const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledToolTip>> & string;
|
|
@@ -28,7 +28,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.TooltipContent = exports.TooltipContainer = void 0;
|
|
31
|
-
var utils_1 = require("../../../ui/utils/index.js");
|
|
32
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
33
32
|
var getArrowStyles = function (position, $bgColor) {
|
|
34
33
|
switch (position) {
|
|
@@ -55,7 +54,7 @@ var getArrowStyles = function (position, $bgColor) {
|
|
|
55
54
|
}
|
|
56
55
|
};
|
|
57
56
|
exports.TooltipContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"], ["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"])));
|
|
58
|
-
exports.TooltipContent = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"])), function (props) { return props.$bgColor || '#fff'; },
|
|
57
|
+
exports.TooltipContent = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"])), function (props) { return props.$bgColor || '#fff'; }, function (props) { return (props === null || props === void 0 ? void 0 : props.$zIndex) || 0; }, function (props) {
|
|
59
58
|
return props.$enableArrow && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "], ["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#fff'));
|
|
60
59
|
});
|
|
61
60
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qEAA+C;AAQ/C,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACxD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,oMAAA,gIAMT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,gNAAA,4IAMT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,qMAAA,iIAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2JAAA,uFAKT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,uKAAA,mGAKT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH,KAAK,MAAM;YACT,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,oKAAA,+FAKzC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6PAAgB,wBAClC,EAAmC,6IAM5C,EAA4B,SAErC,EAYC,IACJ,KArBqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAxB,CAAwB,EAM5C,UAAA,KAAK,IAAI,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,CAAC,EAAnB,CAAmB,EAErC,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,YAAY,QAClB,uBAAG,qSAAA,iLAMyC,EAAc,kCAGtD,EAA+D,QAClE,KAJ2C,KAAK,CAAC,QAAQ,EAGtD,cAAc,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAClE;AAXD,CAWC,EACJ"}
|