@dreamcommerce/aurora 2.6.9-3 → 2.6.9-4

package/build/cjs/packages/aurora/src/components/tooltip/index.js

@@ -8,6 +8,7 @@ var main_module = require('../../css/tooltip/main.module.less.js');
 var use_toggle = require('../dropdown/hooks/use_toggle.js');
 var index$1 = require('../dropdown/index.js');
 var css_classes = require('./css_classes.js');
+var tooltip_constants = require('./tooltip_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,11 +18,13 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
     const wrapperRef = React.useRef(null);
     const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
     const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const [tooltipTimer, setTooltipTimer] = React.useState();
     const handleOnMouseEnter = () => {
-        !isOpen && toggleDropdown();
+        !isOpen && setTooltipTimer(Number(setTimeout(() => toggleDropdown(), tooltip_constants.TOOLTIP_TIMEOUT_IN_MS)));
     };
     const handleOnMouseLeave = () => {
         isOpen && toggleDropdown();
+        clearTimeout(tooltipTimer);
     };
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         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

@@ -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;"}
+{"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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TOOLTIP_TIMEOUT_IN_MS = 150;
+
+exports.TOOLTIP_TIMEOUT_IN_MS = TOOLTIP_TIMEOUT_IN_MS;
+//# sourceMappingURL=tooltip_constants.js.map

package/build/cjs/packages/aurora/src/components/tooltip/tooltip_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem 2rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
 var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__sub-header":"main-module_slide__sub-header__7iIPF","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject_es['default'](css_248z);
 

package/build/esm/packages/aurora/src/components/tooltip/index.js

@@ -1,19 +1,22 @@
-import React, { useRef } from 'react';
+import React, { useRef, useState } from 'react';
 import { DropdownContext } from '../dropdown/context/index.js';
 import cssClasses from '../../css/tooltip/main.module.less.js';
 import { useToggle } from '../dropdown/hooks/use_toggle.js';
 import Dropdown from '../dropdown/index.js';
 import { cssTooltip, cssTooltipContainer } from './css_classes.js';
+import { TOOLTIP_TIMEOUT_IN_MS } from './tooltip_constants.js';
 
 const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
     const wrapperRef = useRef(null);
     const [isOpen, toggleDropdown] = useToggle(false, onToggle);
     const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const [tooltipTimer, setTooltipTimer] = useState();
     const handleOnMouseEnter = () => {
-        !isOpen && toggleDropdown();
+        !isOpen && setTooltipTimer(Number(setTimeout(() => toggleDropdown(), TOOLTIP_TIMEOUT_IN_MS)));
     };
     const handleOnMouseLeave = () => {
         isOpen && toggleDropdown();
+        clearTimeout(tooltipTimer);
     };
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },

package/build/esm/packages/aurora/src/components/tooltip/index.js.map

@@ -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;"}
+{"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

@@ -0,0 +1 @@
+export declare const TOOLTIP_TIMEOUT_IN_MS = 150;

package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js

@@ -0,0 +1,4 @@
+const TOOLTIP_TIMEOUT_IN_MS = 150;
+
+export { TOOLTIP_TIMEOUT_IN_MS };
+//# sourceMappingURL=tooltip_constants.js.map

package/build/esm/packages/aurora/src/components/tooltip/tooltip_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/aurora/src/css/slide/main.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem 2rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
 var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__sub-header":"main-module_slide__sub-header__7iIPF","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject(css_248z);
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.6.9-3",
+  "version": "2.6.9-4",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.9.0",
+    "@dreamcommerce/utilities": "^1.9.1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@storybook/react": "6.5.7",