@dreamcommerce/aurora 2.4.7-1 → 2.4.7-2
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/build/cjs/packages/aurora/src/components/hint/index.js +4 -1
- package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/index.js +3 -7
- package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/hint/index.js +4 -1
- package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tooltip/index.js +3 -7
- package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ var main_module = require('../../css/hint/main.module.less.js');
|
|
|
9
9
|
var use_toggle = require('../dropdown/hooks/use_toggle.js');
|
|
10
10
|
var index$1 = require('../dropdown/index.js');
|
|
11
11
|
var icon_hint = require('../../assets/icon_hint.js');
|
|
12
|
+
var server = require('../../../../../external/react-dom/server.js');
|
|
12
13
|
|
|
13
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
15
|
|
|
@@ -31,7 +32,9 @@ const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLef
|
|
|
31
32
|
React__default['default'].createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
32
33
|
React__default['default'].createElement(IconComponent, { className: iconClass }),
|
|
33
34
|
React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
|
|
34
|
-
React__default['default'].createElement("span",
|
|
35
|
+
React__default['default'].createElement("span", { dangerouslySetInnerHTML: {
|
|
36
|
+
__html: server['default'].renderToStaticMarkup(hint)
|
|
37
|
+
} })))));
|
|
35
38
|
};
|
|
36
39
|
|
|
37
40
|
exports.default = Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,6CAAiD;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,6 @@ var main_module = require('../../css/tooltip/main.module.less.js');
|
|
|
8
8
|
var use_toggle = require('../dropdown/hooks/use_toggle.js');
|
|
9
9
|
var index$1 = require('../dropdown/index.js');
|
|
10
10
|
var css_classes = require('./css_classes.js');
|
|
11
|
-
var server = require('../../../../../external/react-dom/server.js');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
@@ -19,18 +18,15 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
|
|
|
19
18
|
const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
|
|
20
19
|
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
21
20
|
const handleOnMouseEnter = () => {
|
|
22
|
-
|
|
21
|
+
toggleDropdown();
|
|
23
22
|
};
|
|
24
23
|
const handleOnMouseLeave = () => {
|
|
25
|
-
|
|
24
|
+
toggleDropdown();
|
|
26
25
|
};
|
|
27
26
|
return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
|
|
28
27
|
React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
29
28
|
children,
|
|
30
|
-
!disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' },
|
|
31
|
-
React__default['default'].createElement("div", { dangerouslySetInnerHTML: {
|
|
32
|
-
__html: server['default'].renderToStaticMarkup(content)
|
|
33
|
-
} }))))));
|
|
29
|
+
!disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
|
|
34
30
|
};
|
|
35
31
|
|
|
36
32
|
exports.default = Tooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,6 +5,7 @@ import cssClasses from '../../css/hint/main.module.less.js';
|
|
|
5
5
|
import { useToggle } from '../dropdown/hooks/use_toggle.js';
|
|
6
6
|
import Dropdown from '../dropdown/index.js';
|
|
7
7
|
import IconHint from '../../assets/icon_hint.js';
|
|
8
|
+
import server from '../../../../../external/react-dom/server.js';
|
|
8
9
|
|
|
9
10
|
const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLeft, spacingRight, iconClass, Icon, onToggle }) => {
|
|
10
11
|
const wrapperRef = useRef(null);
|
|
@@ -23,7 +24,9 @@ const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLef
|
|
|
23
24
|
React.createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
24
25
|
React.createElement(IconComponent, { className: iconClass }),
|
|
25
26
|
React.createElement(Dropdown.Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
|
|
26
|
-
React.createElement("span",
|
|
27
|
+
React.createElement("span", { dangerouslySetInnerHTML: {
|
|
28
|
+
__html: server.renderToStaticMarkup(hint)
|
|
29
|
+
} })))));
|
|
27
30
|
};
|
|
28
31
|
|
|
29
32
|
export default Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,6CAAiD;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,25 +4,21 @@ import cssClasses from '../../css/tooltip/main.module.less.js';
|
|
|
4
4
|
import { useToggle } from '../dropdown/hooks/use_toggle.js';
|
|
5
5
|
import Dropdown from '../dropdown/index.js';
|
|
6
6
|
import { cssTooltip, cssTooltipContainer } from './css_classes.js';
|
|
7
|
-
import server from '../../../../../external/react-dom/server.js';
|
|
8
7
|
|
|
9
8
|
const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
|
|
10
9
|
const wrapperRef = useRef(null);
|
|
11
10
|
const [isOpen, toggleDropdown] = useToggle(false, onToggle);
|
|
12
11
|
const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
13
12
|
const handleOnMouseEnter = () => {
|
|
14
|
-
|
|
13
|
+
toggleDropdown();
|
|
15
14
|
};
|
|
16
15
|
const handleOnMouseLeave = () => {
|
|
17
|
-
|
|
16
|
+
toggleDropdown();
|
|
18
17
|
};
|
|
19
18
|
return (React.createElement(DropdownContext.Provider, { value: value },
|
|
20
19
|
React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
21
20
|
children,
|
|
22
|
-
!disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' },
|
|
23
|
-
React.createElement("div", { dangerouslySetInnerHTML: {
|
|
24
|
-
__html: server.renderToStaticMarkup(content)
|
|
25
|
-
} }))))));
|
|
21
|
+
!disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
|
|
26
22
|
};
|
|
27
23
|
|
|
28
24
|
export default Tooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|