infinity-forge 14.9.1 → 14.9.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.
- package/dist/ui/components/form/select/hooks/use-select-components.d.ts +7 -6
- package/dist/ui/components/form/select/hooks/use-select-components.js +24 -16
- package/dist/ui/components/form/select/hooks/use-select-components.js.map +1 -1
- package/dist/ui/components/tooltip/component.js +2 -2
- package/dist/ui/components/tooltip/component.js.map +1 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.d.ts +1 -0
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js +61 -44
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -1
- package/dist/ui/components/tooltip/interfaces.d.ts +2 -2
- package/package.json +1 -1
- package/dist/ui/components/form/text-editor/react-quill.css +0 -945
- package/dist/ui/styles/fonts.css +0 -768
- package/dist/ui/styles/reset.css +0 -1277
|
@@ -1,16 +1,17 @@
|
|
|
1
|
+
import type { MenuListProps, MultiValueProps, ValueContainerProps } from 'react-select';
|
|
1
2
|
import { CustomOptionCheckbox } from '../components/index.js';
|
|
2
3
|
import type { SelectParametersHooks } from '../types.js';
|
|
3
4
|
export declare const useSelectComponents: (props: SelectParametersHooks) => {
|
|
4
5
|
Input: () => any;
|
|
5
|
-
MenuList: (propsSelect:
|
|
6
|
-
ValueContainer: (valueContainerProps:
|
|
7
|
-
MultiValue?: (multiValueProps:
|
|
6
|
+
MenuList: (propsSelect: MenuListProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
ValueContainer: (valueContainerProps: ValueContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
MultiValue?: (multiValueProps: MultiValueProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
Option: any;
|
|
9
10
|
SingleValue: any;
|
|
10
11
|
} | {
|
|
11
12
|
Input: () => any;
|
|
12
|
-
MenuList: (propsSelect:
|
|
13
|
-
ValueContainer: (valueContainerProps:
|
|
14
|
-
MultiValue?: (multiValueProps:
|
|
13
|
+
MenuList: (propsSelect: MenuListProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
ValueContainer: (valueContainerProps: ValueContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
MultiValue?: (multiValueProps: MultiValueProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
Option?: typeof CustomOptionCheckbox;
|
|
16
17
|
};
|
|
@@ -16,39 +16,47 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
var react_1 = require("react");
|
|
17
17
|
var components_1 = require("../components/index.js");
|
|
18
18
|
var useSelectComponents = function (props) {
|
|
19
|
+
// Mantém sempre os dados mais recentes sem trocar a identidade das funções de componente.
|
|
20
|
+
// O react-select remonta um componente quando a identidade da função muda; ler daqui evita isso.
|
|
21
|
+
var propsRef = (0, react_1.useRef)(props);
|
|
22
|
+
propsRef.current = props;
|
|
19
23
|
(0, react_1.useEffect)(function () {
|
|
20
24
|
var handleClickOutside = function (e) {
|
|
21
25
|
var _a;
|
|
22
|
-
|
|
26
|
+
var current = propsRef.current;
|
|
27
|
+
if (!current.menuIsOpen)
|
|
23
28
|
return;
|
|
24
|
-
var
|
|
29
|
+
var target = e.target;
|
|
30
|
+
var safeId = CSS.escape(current.id);
|
|
25
31
|
var menuPortal = document.querySelector(".".concat(safeId, "__menu-portal"));
|
|
26
32
|
var menu = document.querySelector(".".concat(safeId, "__menu"));
|
|
27
|
-
if (
|
|
28
|
-
!
|
|
29
|
-
(!menuPortal || !menuPortal.contains(
|
|
30
|
-
(!menu || !menu.contains(
|
|
31
|
-
|
|
32
|
-
(_a =
|
|
33
|
+
if (current.selectRef.current &&
|
|
34
|
+
!current.selectRef.current.contains(target) &&
|
|
35
|
+
(!menuPortal || !menuPortal.contains(target)) &&
|
|
36
|
+
(!menu || !menu.contains(target))) {
|
|
37
|
+
current.setMenuIsOpen(false);
|
|
38
|
+
(_a = current === null || current === void 0 ? void 0 : current.onCloseMenu) === null || _a === void 0 ? void 0 : _a.call(current);
|
|
33
39
|
}
|
|
34
40
|
};
|
|
35
41
|
document.addEventListener('mousedown', handleClickOutside);
|
|
36
42
|
return function () { return document.removeEventListener('mousedown', handleClickOutside); };
|
|
37
43
|
}, [props.menuIsOpen, props.id]);
|
|
38
|
-
|
|
44
|
+
var customOption = props.selectPropsInfinityForge.CustomOption;
|
|
45
|
+
var isMultiple = !!(props.selectPropsInfinityForge.isMultiple || props.selectPropsInfinityForge.multiple);
|
|
46
|
+
// Identidade das funções estável: só recalcula quando muda o *tipo* de componente,
|
|
47
|
+
// nunca em cada seleção. Os dados dinâmicos vêm sempre de propsRef.current.
|
|
48
|
+
return (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, (customOption
|
|
39
49
|
? {
|
|
40
|
-
Option:
|
|
41
|
-
SingleValue:
|
|
50
|
+
Option: customOption,
|
|
51
|
+
SingleValue: customOption,
|
|
42
52
|
}
|
|
43
|
-
: __assign({}, (
|
|
44
|
-
? { Option: components_1.CustomOptionCheckbox }
|
|
45
|
-
: {})))), (props.selectPropsInfinityForge.isMultiple || props.selectPropsInfinityForge.multiple
|
|
53
|
+
: __assign({}, (isMultiple ? { Option: components_1.CustomOptionCheckbox } : {})))), (isMultiple
|
|
46
54
|
? {
|
|
47
55
|
MultiValue: function (multiValueProps) {
|
|
48
|
-
return (0, components_1.CustomMultiValue)(__assign(__assign({}, multiValueProps),
|
|
56
|
+
return (0, components_1.CustomMultiValue)(__assign(__assign({}, multiValueProps), propsRef.current));
|
|
49
57
|
},
|
|
50
58
|
}
|
|
51
|
-
: {})), { Input: function () { return null; }, MenuList: function (propsSelect) { return (0, jsx_runtime_1.jsx)(components_1.MenuListWithSearch, __assign({}, propsSelect,
|
|
59
|
+
: {})), { Input: function () { return null; }, MenuList: function (propsSelect) { return (0, jsx_runtime_1.jsx)(components_1.MenuListWithSearch, __assign({}, propsSelect, propsRef.current)); }, ValueContainer: function (valueContainerProps) { return ((0, jsx_runtime_1.jsx)(components_1.CustomValueContainer, __assign({}, valueContainerProps, propsRef.current))); } })); }, [customOption, isMultiple]);
|
|
52
60
|
};
|
|
53
61
|
exports.useSelectComponents = useSelectComponents;
|
|
54
62
|
//# sourceMappingURL=use-select-components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select-components.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/hooks/use-select-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"use-select-components.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/hooks/use-select-components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -70,8 +70,8 @@ function Tooltip(props) {
|
|
|
70
70
|
}
|
|
71
71
|
function TooltipContent(_a) {
|
|
72
72
|
var trigger = _a.trigger, content = _a.content, bgColor = _a.bgColor, idTooltip = _a.idTooltip, enableHover = _a.enableHover, enableArrow = _a.enableArrow, _b = _a.position, position = _b === void 0 ? 'auto' : _b, _c = _a.closeOnClick, closeOnClick = _c === void 0 ? false : _c, ContentWithTooltipProps = _a.ContentWithTooltipProps, rest = __rest(_a, ["trigger", "content", "bgColor", "idTooltip", "enableHover", "enableArrow", "position", "closeOnClick", "ContentWithTooltipProps"]);
|
|
73
|
-
var _d = (0, use_tool_tip_1.useToolTip)(position, rest), isOpen = _d.isOpen, toolTipRef = _d.toolTipRef, contentRef = _d.contentRef, handleToggle = _d.handleToggle, tooltipStyle = _d.tooltipStyle, closeToolTip = _d.closeToolTip;
|
|
74
|
-
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { id: idTooltip, ref: contentRef, "$bgColor": bgColor, className:
|
|
73
|
+
var _d = (0, use_tool_tip_1.useToolTip)(position, rest), isOpen = _d.isOpen, toolTipRef = _d.toolTipRef, contentRef = _d.contentRef, handleToggle = _d.handleToggle, tooltipStyle = _d.tooltipStyle, closeToolTip = _d.closeToolTip, effectivePosition = _d.effectivePosition;
|
|
74
|
+
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { id: idTooltip, ref: contentRef, "$bgColor": bgColor, className: effectivePosition, "$enableArrow": enableArrow, style: tooltipStyle, children: ContentWithTooltipProps ? ((0, jsx_runtime_1.jsx)(ContentWithTooltipProps, { closeToolTip: closeToolTip, handleToggle: handleToggle, toolTipRef: contentRef })) : (content) }));
|
|
75
75
|
(0, react_1.useEffect)(function () {
|
|
76
76
|
if (!closeOnClick || !isOpen)
|
|
77
77
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,0BAMC;;AAjBD,+BAAiC;AACjC,wDAAgC;AAEhC,oDAAyC;AACzC,qDAAiD;AAKjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,KAAoB;IAC1C,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,cAAc,eAAK,KAAK,EAAI,GACvB,CACT,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAWR;IAVd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,uBAAuB,6BAAA,EACpB,IAAI,cAVe,mIAWvB,CADQ;IAED,IAAA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ var react_1 = require("react");
|
|
|
16
16
|
function useToolTip(position, rest) {
|
|
17
17
|
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
18
18
|
var _b = (0, react_1.useState)({}), tooltipStyle = _b[0], setTooltipStyle = _b[1];
|
|
19
|
+
var _c = (0, react_1.useState)(position), effectivePosition = _c[0], setEffectivePosition = _c[1];
|
|
19
20
|
var toolTipRef = (0, react_1.useRef)(null);
|
|
20
21
|
var contentRef = (0, react_1.useRef)(null);
|
|
21
22
|
var handleToggle = (0, react_1.useCallback)(function (state) {
|
|
@@ -34,30 +35,30 @@ function useToolTip(position, rest) {
|
|
|
34
35
|
function updateTooltipStyle() {
|
|
35
36
|
if (toolTipRef.current && contentRef.current) {
|
|
36
37
|
var triggerRect = toolTipRef.current.getBoundingClientRect();
|
|
37
|
-
var
|
|
38
|
-
if (triggerRect &&
|
|
38
|
+
var contentRect = contentRef.current.getBoundingClientRect();
|
|
39
|
+
if (triggerRect && contentRect) {
|
|
39
40
|
var triggerStyle = getComputedStyle(toolTipRef.current);
|
|
40
41
|
var marginTop = parseInt(triggerStyle.marginTop || '0', 10);
|
|
41
42
|
var marginLeft = parseInt(triggerStyle.marginLeft || '0', 10);
|
|
42
43
|
var positions = {
|
|
43
44
|
'top-left': {
|
|
44
|
-
top: triggerRect.top -
|
|
45
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
45
46
|
left: triggerRect.left - marginLeft,
|
|
46
47
|
},
|
|
47
48
|
'top-center': {
|
|
48
|
-
top: triggerRect.top -
|
|
49
|
-
left: triggerRect.left + (triggerRect.width -
|
|
49
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
50
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2 - marginLeft,
|
|
50
51
|
},
|
|
51
52
|
'top-right': {
|
|
52
|
-
top: triggerRect.top -
|
|
53
|
-
left: triggerRect.left + triggerRect.width -
|
|
53
|
+
top: triggerRect.top - contentRect.height - 8 - marginTop,
|
|
54
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
54
55
|
},
|
|
55
56
|
'left-center': {
|
|
56
|
-
top: triggerRect.top + (triggerRect.height -
|
|
57
|
-
left: triggerRect.left -
|
|
57
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2 - marginTop,
|
|
58
|
+
left: triggerRect.left - contentRect.width - 8 - marginLeft,
|
|
58
59
|
},
|
|
59
60
|
'right-center': {
|
|
60
|
-
top: triggerRect.top + (triggerRect.height -
|
|
61
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2 - marginTop,
|
|
61
62
|
left: triggerRect.left + triggerRect.width + 8 - marginLeft,
|
|
62
63
|
},
|
|
63
64
|
'bottom-left': {
|
|
@@ -66,50 +67,65 @@ function useToolTip(position, rest) {
|
|
|
66
67
|
},
|
|
67
68
|
'bottom-center': {
|
|
68
69
|
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
69
|
-
left: triggerRect.left + (triggerRect.width -
|
|
70
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2 - marginLeft,
|
|
70
71
|
},
|
|
71
72
|
'bottom-right': {
|
|
72
73
|
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
73
|
-
left: triggerRect.left + triggerRect.width -
|
|
74
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
74
75
|
},
|
|
75
76
|
auto: {
|
|
76
77
|
top: triggerRect.top + triggerRect.height + 8 - marginTop,
|
|
77
|
-
left: triggerRect.left + triggerRect.width -
|
|
78
|
+
left: triggerRect.left + triggerRect.width - contentRect.width - marginLeft,
|
|
78
79
|
},
|
|
79
80
|
};
|
|
80
81
|
var _a = positions[position] || positions.auto, top_1 = _a.top, left = _a.left;
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
|
|
82
|
+
var windowHeight = window.innerHeight;
|
|
83
|
+
var windowWidth = window.innerWidth;
|
|
84
|
+
var oppositePositions = {
|
|
85
|
+
'top-left': 'bottom-left',
|
|
86
|
+
'top-center': 'bottom-center',
|
|
87
|
+
'top-right': 'bottom-right',
|
|
88
|
+
'bottom-left': 'top-left',
|
|
89
|
+
'bottom-center': 'top-center',
|
|
90
|
+
'bottom-right': 'top-right',
|
|
91
|
+
'left-center': 'right-center',
|
|
92
|
+
'right-center': 'left-center',
|
|
85
93
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
var flippedLeft = flipped.left;
|
|
101
|
-
// Ajusta para não sair da tela (viewport)
|
|
102
|
-
if (flippedTop < 8)
|
|
103
|
-
flippedTop = 8;
|
|
104
|
-
if (flippedTop + contentRect_1.height > windowHeight_1 - 8)
|
|
105
|
-
flippedTop = windowHeight_1 - contentRect_1.height - 8;
|
|
106
|
-
if (flippedLeft < 8)
|
|
107
|
-
flippedLeft = 8;
|
|
108
|
-
if (flippedLeft + contentRect_1.width > windowWidth_1 - 8)
|
|
109
|
-
flippedLeft = windowWidth_1 - contentRect_1.width - 8;
|
|
110
|
-
top_1 = flippedTop;
|
|
111
|
-
left = flippedLeft;
|
|
94
|
+
// Rastreia a posição efetiva para manter a className sincronizada com o flip.
|
|
95
|
+
var resolvedPosition = position;
|
|
96
|
+
// 1) O flip só acontece no eixo do próprio posicionamento e apenas quando
|
|
97
|
+
// o overflow é NESSE eixo. Um overflow horizontal nunca dispara flip
|
|
98
|
+
// vertical (e vice-versa) — o outro eixo é resolvido só por clamp.
|
|
99
|
+
if (position.startsWith('top') || position.startsWith('bottom')) {
|
|
100
|
+
var overflowsBottom = top_1 + contentRect.height > windowHeight - 8;
|
|
101
|
+
var overflowsTop = top_1 < 8;
|
|
102
|
+
var verticalDoesNotFit = (position.startsWith('bottom') && overflowsBottom) || (position.startsWith('top') && overflowsTop);
|
|
103
|
+
if (verticalDoesNotFit && oppositePositions[position]) {
|
|
104
|
+
resolvedPosition = oppositePositions[position];
|
|
105
|
+
// Apenas o eixo vertical muda; o eixo X segue pelo clamp abaixo.
|
|
106
|
+
top_1 = positions[resolvedPosition].top;
|
|
107
|
+
}
|
|
112
108
|
}
|
|
109
|
+
else if (position.startsWith('left') || position.startsWith('right')) {
|
|
110
|
+
var overflowsRight = left + contentRect.width > windowWidth - 8;
|
|
111
|
+
var overflowsLeft = left < 8;
|
|
112
|
+
var horizontalDoesNotFit = (position.startsWith('right') && overflowsRight) || (position.startsWith('left') && overflowsLeft);
|
|
113
|
+
if (horizontalDoesNotFit && oppositePositions[position]) {
|
|
114
|
+
resolvedPosition = oppositePositions[position];
|
|
115
|
+
// Apenas o eixo horizontal muda; o eixo Y segue pelo clamp abaixo.
|
|
116
|
+
left = positions[resolvedPosition].left;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
// 2) Clamp de segurança em ambos os eixos para nunca vazar a viewport.
|
|
120
|
+
if (left < 8)
|
|
121
|
+
left = 8;
|
|
122
|
+
if (left + contentRect.width > windowWidth - 8)
|
|
123
|
+
left = windowWidth - contentRect.width - 8;
|
|
124
|
+
if (top_1 < 8)
|
|
125
|
+
top_1 = 8;
|
|
126
|
+
if (top_1 + contentRect.height > windowHeight - 8)
|
|
127
|
+
top_1 = windowHeight - contentRect.height - 8;
|
|
128
|
+
setEffectivePosition(resolvedPosition);
|
|
113
129
|
setTooltipStyle(__assign({ top: "".concat(top_1, "px"), left: "".concat(left, "px"), position: 'fixed', zIndex: 99999999999 }, rest.style));
|
|
114
130
|
}
|
|
115
131
|
}
|
|
@@ -133,7 +149,7 @@ function useToolTip(position, rest) {
|
|
|
133
149
|
}, [isOpen]);
|
|
134
150
|
(0, react_1.useEffect)(function () {
|
|
135
151
|
updateTooltipStyle();
|
|
136
|
-
}, [isOpen]);
|
|
152
|
+
}, [isOpen, position]);
|
|
137
153
|
return {
|
|
138
154
|
isOpen: isOpen,
|
|
139
155
|
contentRef: contentRef,
|
|
@@ -141,6 +157,7 @@ function useToolTip(position, rest) {
|
|
|
141
157
|
tooltipStyle: tooltipStyle,
|
|
142
158
|
closeToolTip: closeToolTip,
|
|
143
159
|
handleToggle: handleToggle,
|
|
160
|
+
effectivePosition: effectivePosition,
|
|
144
161
|
};
|
|
145
162
|
}
|
|
146
163
|
//# sourceMappingURL=use-tool-tip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from "react";
|
|
2
2
|
export type PositionProp = 'top-left' | 'top-center' | 'top-right' | 'left-center' | 'right-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'auto';
|
|
3
3
|
export interface IToolTipProps {
|
|
4
4
|
content?: any;
|
|
@@ -13,6 +13,6 @@ export interface IToolTipProps {
|
|
|
13
13
|
ContentWithTooltipProps?: (props: {
|
|
14
14
|
handleToggle: (state?: boolean) => void;
|
|
15
15
|
closeToolTip: () => void;
|
|
16
|
-
toolTipRef:
|
|
16
|
+
toolTipRef: RefObject<HTMLDivElement | null>;
|
|
17
17
|
}) => React.ReactNode;
|
|
18
18
|
}
|