@dreamcommerce/aurora 2.6.9 → 2.6.10

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.
Files changed (10) hide show
  1. package/build/cjs/packages/aurora/src/components/tooltip/index.js +4 -1
  2. package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/tooltip/tooltip_constants.js +8 -0
  4. package/build/cjs/packages/aurora/src/components/tooltip/tooltip_constants.js.map +1 -0
  5. package/build/esm/packages/aurora/src/components/tooltip/index.js +5 -2
  6. package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.d.ts +1 -0
  8. package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js +4 -0
  9. package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js.map +1 -0
  10. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tooltip/index.js CHANGED
@@ -8,6 +8,7 @@ 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 tooltip_constants = require('./tooltip_constants.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
@@ -17,11 +18,13 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
17
18
  const wrapperRef = React.useRef(null);
18
19
  const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
19
20
  const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
21
+ const [tooltipTimer, setTooltipTimer] = React.useState();
20
22
  const handleOnMouseEnter = () => {
21
- !isOpen && toggleDropdown();
23
+ !isOpen && setTooltipTimer(Number(setTimeout(() => toggleDropdown(), tooltip_constants.TOOLTIP_TIMEOUT_IN_MS)));
22
24
  };
23
25
  const handleOnMouseLeave = () => {
24
26
  isOpen && toggleDropdown();
27
+ clearTimeout(tooltipTimer);
25
28
  };
26
29
  return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
27
30
  React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
package/build/cjs/packages/aurora/src/components/tooltip/index.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/tooltip/tooltip_constants.js ADDED
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const TOOLTIP_TIMEOUT_IN_MS = 250;
6
+
7
+ exports.TOOLTIP_TIMEOUT_IN_MS = TOOLTIP_TIMEOUT_IN_MS;
8
+ //# sourceMappingURL=tooltip_constants.js.map
package/build/cjs/packages/aurora/src/components/tooltip/tooltip_constants.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/tooltip/index.js CHANGED
@@ -1,19 +1,22 @@
1
- import React, { useRef } from 'react';
1
+ import React, { useRef, useState } from 'react';
2
2
  import { DropdownContext } from '../dropdown/context/index.js';
3
3
  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 { TOOLTIP_TIMEOUT_IN_MS } from './tooltip_constants.js';
7
8
 
8
9
  const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
9
10
  const wrapperRef = useRef(null);
10
11
  const [isOpen, toggleDropdown] = useToggle(false, onToggle);
11
12
  const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
13
+ const [tooltipTimer, setTooltipTimer] = useState();
12
14
  const handleOnMouseEnter = () => {
13
- !isOpen && toggleDropdown();
15
+ !isOpen && setTooltipTimer(Number(setTimeout(() => toggleDropdown(), TOOLTIP_TIMEOUT_IN_MS)));
14
16
  };
15
17
  const handleOnMouseLeave = () => {
16
18
  isOpen && toggleDropdown();
19
+ clearTimeout(tooltipTimer);
17
20
  };
18
21
  return (React.createElement(DropdownContext.Provider, { value: value },
19
22
  React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
package/build/esm/packages/aurora/src/components/tooltip/index.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const TOOLTIP_TIMEOUT_IN_MS = 250;
package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js ADDED
@@ -0,0 +1,4 @@
1
+ const TOOLTIP_TIMEOUT_IN_MS = 250;
2
+
3
+ export { TOOLTIP_TIMEOUT_IN_MS };
4
+ //# sourceMappingURL=tooltip_constants.js.map
package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.6.9",
5
+ "version": "2.6.10",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",