@dreamcommerce/aurora 0.3.4-174 → 0.3.4-178

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 (37) hide show
  1. package/build/cjs/packages/aurora/src/components/hint/index.js +6 -3
  2. package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +4 -2
  4. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +4 -2
  6. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/tooltip/index.js +30 -0
  8. package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/css/modal/main.module.less.js +2 -2
  10. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +12 -0
  11. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js.map +1 -0
  12. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js +41 -0
  13. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
  14. package/build/cjs/packages/aurora/src/index.js +79 -76
  15. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/button/types.d.ts +1 -1
  17. package/build/esm/packages/aurora/src/components/hint/index.d.ts +1 -0
  18. package/build/esm/packages/aurora/src/components/hint/index.js +7 -4
  19. package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +4 -2
  21. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +4 -2
  23. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/modal/types.d.ts +1 -0
  25. package/build/esm/packages/aurora/src/components/tooltip/index.d.ts +10 -0
  26. package/build/esm/packages/aurora/src/components/tooltip/index.js +22 -0
  27. package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -0
  28. package/build/esm/packages/aurora/src/css/modal/main.module.less.js +2 -2
  29. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +8 -0
  30. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js.map +1 -0
  31. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.d.ts +10 -0
  32. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js +37 -0
  33. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
  34. package/build/esm/packages/aurora/src/index.d.ts +6 -1
  35. package/build/esm/packages/aurora/src/index.js +2 -1
  36. package/build/esm/packages/aurora/src/index.js.map +1 -1
  37. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/hint/index.js CHANGED
@@ -6,13 +6,14 @@ var React = require('react');
6
6
  var classNames = require('../../utilities/styles/classNames.js');
7
7
  var main_module = require('../../css/hint/main.module.less.js');
8
8
  var icon_hint = require('../../assets/icon_hint.js');
9
+ var use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
12
 
12
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
 
14
15
  var Hint = function (_a) {
15
- var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
16
+ var hint = _a.hint, fixed = _a.fixed, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
16
17
  var containerClassName = classNames.classNames([
17
18
  'hint',
18
19
  spacingLeft && 'hint_spacing-left',
@@ -21,11 +22,13 @@ var Hint = function (_a) {
21
22
  hPosition === 'center' && 'hint_horizontal-center',
22
23
  vPosition === 'top' && 'hint_top'
23
24
  ], main_module['default']);
25
+ var hintContentRef = React.useRef(null);
26
+ var _d = use_fixed_child_position.useFixedChildPosition({ useFixed: fixed, vPosition: vPosition, hPosition: hPosition, childRef: hintContentRef }), onMouseEnter = _d.onMouseEnter, style = _d.style;
24
27
  var contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
25
28
  var IconComponent = Icon || icon_hint['default'];
26
- return (React__default['default'].createElement("div", { className: containerClassName },
29
+ return (React__default['default'].createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
27
30
  React__default['default'].createElement(IconComponent, { className: iconClass }),
28
- React__default['default'].createElement("div", { className: contentClassName }, hint)));
31
+ React__default['default'].createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
29
32
  };
30
33
 
31
34
  exports.default = Hint;
package/build/cjs/packages/aurora/src/components/hint/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;"}
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;"}
package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js CHANGED
@@ -46,7 +46,7 @@ var useStyles = reactJss_esm.createUseStyles({
46
46
  }
47
47
  });
48
48
  var AbsoluteModal = function (_a) {
49
- var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
49
+ var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
50
50
  var modalRef = React.useRef(null);
51
51
  var _d = React.useState({}), position = _d[0], setPosition = _d[1];
52
52
  var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
@@ -61,7 +61,9 @@ var AbsoluteModal = function (_a) {
61
61
  animationDirection: animationDirection
62
62
  }));
63
63
  }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
64
- return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
64
+ return (React__default['default'].createElement(React__default['default'].Fragment, null,
65
+ reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
66
+ isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
65
67
  };
66
68
 
67
69
  exports.default = AbsoluteModal;
package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;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;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,2BAA2B,+DAAmE;AAC9F;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;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/modal/hoc/relative_modal/index.js CHANGED
@@ -39,7 +39,7 @@ var useStyles = reactJss_esm.createUseStyles({
39
39
  }
40
40
  });
41
41
  var RelativeModal = function (_a) {
42
- var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
42
+ var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
43
43
  var modalRef = React.useRef(null);
44
44
  var _d = React.useState({}), positioning = _d[0], setPosition = _d[1];
45
45
  var classes = useStyles(_tslib.__assign(_tslib.__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
@@ -67,7 +67,9 @@ var RelativeModal = function (_a) {
67
67
  modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
68
68
  }));
69
69
  }, 50);
70
- return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
70
+ return (React__default['default'].createElement(React__default['default'].Fragment, null,
71
+ reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
72
+ isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
71
73
  };
72
74
 
73
75
  exports.default = RelativeModal;
package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;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;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,2BAA2B,+DAAmE;AAC9F;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;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/index.js ADDED
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classNames = require('../../utilities/styles/classNames.js');
7
+ var use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
8
+ var main_module = require('../../css/tooltip/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+
14
+ var Tooltip = function (_a) {
15
+ var fixed = _a.fixed, left = _a.left, top = _a.top, disabled = _a.disabled, children = _a.children, content = _a.content;
16
+ var className = classNames.classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], main_module['default']);
17
+ var childRef = React.useRef(null);
18
+ var _b = use_fixed_child_position.useFixedChildPosition({
19
+ useFixed: fixed,
20
+ hPosition: left ? 'left' : 'right',
21
+ vPosition: top ? 'top' : 'bottom',
22
+ childRef: childRef
23
+ }), onMouseEnter = _b.onMouseEnter, style = _b.style;
24
+ return (React__default['default'].createElement("span", { className: className, onMouseEnter: onMouseEnter },
25
+ children,
26
+ !disabled && (React__default['default'].createElement("div", { style: style, ref: childRef, className: main_module['default']['tooltip__container'] }, content))));
27
+ };
28
+
29
+ exports.default = Tooltip;
30
+ //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/components/tooltip/index.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/src/css/modal/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n display: none;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 9000;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_visible__3yPXX {\n display: block;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
8
- var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_visible":"main-module_modal-window-mask_visible__3yPXX","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
8
+ var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__2-uBX {\n position: relative;\n}\n.main-module_tooltip__2-uBX:hover .main-module_tooltip__container__1T35Q {\n display: block;\n}\n.main-module_tooltip_left__27ULt .main-module_tooltip__container__1T35Q {\n left: 1rem;\n right: auto;\n}\n.main-module_tooltip_top__3xSwK .main-module_tooltip__container__1T35Q {\n top: auto;\n bottom: 150%;\n}\n.main-module_tooltip__container__1T35Q {\n position: absolute;\n display: none;\n right: 1rem;\n top: 125%;\n z-index: 4;\n white-space: nowrap;\n padding: 0.5rem;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n";
8
+ var cssClasses = {"tooltip":"main-module_tooltip__2-uBX","tooltip__container":"main-module_tooltip__container__1T35Q","tooltip_left":"main-module_tooltip_left__27ULt","tooltip_top":"main-module_tooltip_top__3xSwK"};
9
+ styleInject_es['default'](css_248z);
10
+
11
+ exports.default = cssClasses;
12
+ //# sourceMappingURL=main.module.less.js.map
package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js ADDED
@@ -0,0 +1,41 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ var useFixedChildPosition = function (_a) {
8
+ var useFixed = _a.useFixed, childRef = _a.childRef, vPosition = _a.vPosition, hPosition = _a.hPosition;
9
+ var _b = React.useState({ top: 0, left: 0 }), position = _b[0], setPosition = _b[1];
10
+ if (!useFixed) {
11
+ return {
12
+ style: {},
13
+ onMouseEnter: function () { }
14
+ };
15
+ }
16
+ var onMouseEnter = function (event) {
17
+ var _a;
18
+ var $hoveredElement = event.target;
19
+ var parentBoundingRect = $hoveredElement.getBoundingClientRect();
20
+ var childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
21
+ var top = vPosition === 'top'
22
+ ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
23
+ : parentBoundingRect.top + parentBoundingRect.height;
24
+ var left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
25
+ setPosition({ top: top, left: left });
26
+ };
27
+ var style = {
28
+ position: 'fixed',
29
+ top: position.top,
30
+ left: position.left,
31
+ bottom: 'unset',
32
+ right: 'unset'
33
+ };
34
+ return {
35
+ style: style,
36
+ onMouseEnter: onMouseEnter
37
+ };
38
+ };
39
+
40
+ exports.useFixedChildPosition = useFixedChildPosition;
41
+ //# sourceMappingURL=use_fixed_child_position.js.map
package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map ADDED
@@ -0,0 +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;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -5,103 +5,106 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('./i18n.js');
7
7
  var index = require('./components/button/index.js');
8
- var index$1 = require('./components/buttons_group/index.js');
9
- var index$t = require('./components/dropdown/context/index.js');
10
- var index$g = require('./components/color_picker/index.js');
11
- var index$5 = require('./components/label/index.js');
8
+ var index$2 = require('./components/buttons_group/index.js');
9
+ var index$u = require('./components/dropdown/context/index.js');
10
+ var index$h = require('./components/color_picker/index.js');
11
+ var index$6 = require('./components/label/index.js');
12
12
  var icon_tick = require('./assets/icon_tick.js');
13
- var index$x = require('./components/hint/index.js');
14
- var index$6 = require('./components/controls/hoc/control_input/index.js');
15
- var index$7 = require('./components/controls/hoc/control_checkbox/index.js');
16
- var index$8 = require('./components/controls/hoc/control_checkbox_switch/index.js');
17
- var index$9 = require('./components/controls/hoc/control_radio/index.js');
18
- var index$b = require('./components/controls/hoc/control_range/index.js');
13
+ var index$y = require('./components/hint/index.js');
14
+ var index$7 = require('./components/controls/hoc/control_input/index.js');
15
+ var index$8 = require('./components/controls/hoc/control_checkbox/index.js');
16
+ var index$9 = require('./components/controls/hoc/control_checkbox_switch/index.js');
17
+ var index$a = require('./components/controls/hoc/control_radio/index.js');
18
+ var index$c = require('./components/controls/hoc/control_range/index.js');
19
19
  var icon_arrow = require('./assets/icon_arrow.js');
20
- var index$2 = require('./components/dropdown/index.js');
20
+ var index$3 = require('./components/dropdown/index.js');
21
21
  var icon_calendar = require('./assets/icon_calendar.js');
22
- var index$3 = require('./components/dropdown/hoc/select/index.js');
23
- var index$f = require('./components/date_picker/index.js');
24
- var index$i = require('./components/controls/hoc/control_date_picker/index.js');
25
- var index$h = require('./components/controls/hoc/control_color_picker/index.js');
26
- var index$o = require('./components/tag/index.js');
27
- var index$p = require('./components/tags_selector/index.js');
28
- var index$q = require('./components/controls/hoc/control_tags_selector/index.js');
29
- var index$d = require('./components/controls/hoc/control_textarea/index.js');
30
- var index$a = require('./components/controls/hoc/control_select/index.js');
31
- var index$4 = require('./components/dropdown/hoc/multiselect/index.js');
32
- var index$c = require('./components/controls/hoc/control_multi_select/index.js');
33
- var index$v = require('./components/file_picker/index.js');
34
- var index$j = require('./components/controls/hoc/control_file_picker/index.js');
35
- var index$w = require('./components/controls/hoc/control_cell_selector/index.js');
36
- var index$e = require('./components/gallery/index.js');
37
- var index$s = require('./components/grid/index.js');
38
- var index$k = require('./components/heading/index.js');
22
+ var index$4 = require('./components/dropdown/hoc/select/index.js');
23
+ var index$g = require('./components/date_picker/index.js');
24
+ var index$j = require('./components/controls/hoc/control_date_picker/index.js');
25
+ var index$i = require('./components/controls/hoc/control_color_picker/index.js');
26
+ var index$p = require('./components/tag/index.js');
27
+ var index$q = require('./components/tags_selector/index.js');
28
+ var index$r = require('./components/controls/hoc/control_tags_selector/index.js');
29
+ var index$e = require('./components/controls/hoc/control_textarea/index.js');
30
+ var index$b = require('./components/controls/hoc/control_select/index.js');
31
+ var index$5 = require('./components/dropdown/hoc/multiselect/index.js');
32
+ var index$d = require('./components/controls/hoc/control_multi_select/index.js');
33
+ var index$w = require('./components/file_picker/index.js');
34
+ var index$k = require('./components/controls/hoc/control_file_picker/index.js');
35
+ var index$x = require('./components/controls/hoc/control_cell_selector/index.js');
36
+ var index$f = require('./components/gallery/index.js');
37
+ var index$t = require('./components/grid/index.js');
38
+ var index$l = require('./components/heading/index.js');
39
39
  var modal_context = require('./components/modal/context/modal_context.js');
40
40
  var modal_provider = require('./components/modal/hoc/modal_provider.js');
41
- var index$m = require('./components/modal/hoc/absolute_modal/index.js');
42
- var index$n = require('./components/modal/hoc/relative_modal/index.js');
43
- var index$l = require('./components/modal/index.js');
44
- var index$u = require('./components/spacing/index.js');
45
- var index$r = require('./components/table/index.js');
41
+ var index$n = require('./components/modal/hoc/absolute_modal/index.js');
42
+ var index$o = require('./components/modal/hoc/relative_modal/index.js');
43
+ var index$m = require('./components/modal/index.js');
44
+ var index$v = require('./components/spacing/index.js');
45
+ var index$s = require('./components/table/index.js');
46
46
  var dataTable = require('./components/table/hoc/data-table.js');
47
47
  var tabs = require('./components/tabs/components/tabs.js');
48
48
  var tab_item = require('./components/tabs/components/tab_item.js');
49
49
  require('./components/loader/constants.js');
50
- var index$B = require('./components/loader/index.js');
51
- var index$C = require('./components/with_loader/index.js');
52
- var index$y = require('./components/controls/hoc/control_radio_group/index.js');
53
- var index$z = require('./components/message-box/index.js');
50
+ var index$C = require('./components/loader/index.js');
51
+ var index$D = require('./components/with_loader/index.js');
52
+ var index$1 = require('./components/tooltip/index.js');
53
+ var index$z = require('./components/controls/hoc/control_radio_group/index.js');
54
+ var index$A = require('./components/message-box/index.js');
54
55
  var context = require('./components/flash_messenger/context.js');
55
- var index$A = require('./components/flash_messenger/index.js');
56
+ var index$B = require('./components/flash_messenger/index.js');
56
57
 
57
58
 
58
59
 
59
60
  exports.Button = index['default'];
60
- exports.ButtonsGroup = index$1['default'];
61
- exports.DropdownContext = index$t.DropdownContext;
62
- exports.ColorPicker = index$g['default'];
63
- exports.Label = index$5['default'];
61
+ exports.ButtonsGroup = index$2['default'];
62
+ exports.DropdownContext = index$u.DropdownContext;
63
+ exports.useDropdownContext = index$u.useDropdownContext;
64
+ exports.ColorPicker = index$h['default'];
65
+ exports.Label = index$6['default'];
64
66
  exports.IconTick = icon_tick['default'];
65
- exports.Hint = index$x['default'];
66
- exports.ControlInput = index$6['default'];
67
- exports.ControlCheckbox = index$7['default'];
68
- exports.ControlCheckboxSwitch = index$8['default'];
69
- exports.ControlRadio = index$9['default'];
70
- exports.ControlRange = index$b['default'];
67
+ exports.Hint = index$y['default'];
68
+ exports.ControlInput = index$7['default'];
69
+ exports.ControlCheckbox = index$8['default'];
70
+ exports.ControlCheckboxSwitch = index$9['default'];
71
+ exports.ControlRadio = index$a['default'];
72
+ exports.ControlRange = index$c['default'];
71
73
  exports.IconArrow = icon_arrow['default'];
72
- exports.Dropdown = index$2['default'];
74
+ exports.Dropdown = index$3['default'];
73
75
  exports.IconCalendar = icon_calendar['default'];
74
- exports.Select = index$3['default'];
75
- exports.Datepicker = index$f['default'];
76
- exports.ControlDatepicker = index$i['default'];
77
- exports.ControlColorPicker = index$h['default'];
78
- exports.Tag = index$o['default'];
79
- exports.TagsSelector = index$p['default'];
80
- exports.ControlTagsSelector = index$q['default'];
81
- exports.ControlTextarea = index$d['default'];
82
- exports.ControlSelect = index$a['default'];
83
- exports.MultiSelect = index$4['default'];
84
- exports.ControlMultiSelect = index$c['default'];
85
- exports.FilePicker = index$v['default'];
86
- exports.ControlFilePicker = index$j['default'];
87
- exports.ControlCellSelector = index$w['default'];
88
- exports.Gallery = index$e['default'];
89
- exports.Grid = index$s['default'];
90
- exports.Heading = index$k['default'];
76
+ exports.Select = index$4['default'];
77
+ exports.Datepicker = index$g['default'];
78
+ exports.ControlDatepicker = index$j['default'];
79
+ exports.ControlColorPicker = index$i['default'];
80
+ exports.Tag = index$p['default'];
81
+ exports.TagsSelector = index$q['default'];
82
+ exports.ControlTagsSelector = index$r['default'];
83
+ exports.ControlTextarea = index$e['default'];
84
+ exports.ControlSelect = index$b['default'];
85
+ exports.MultiSelect = index$5['default'];
86
+ exports.ControlMultiSelect = index$d['default'];
87
+ exports.FilePicker = index$w['default'];
88
+ exports.ControlFilePicker = index$k['default'];
89
+ exports.ControlCellSelector = index$x['default'];
90
+ exports.Gallery = index$f['default'];
91
+ exports.Grid = index$t['default'];
92
+ exports.Heading = index$l['default'];
91
93
  exports.ModalContext = modal_context.ModalContext;
92
94
  exports.ModalProvider = modal_provider['default'];
93
- exports.AbsoluteModal = index$m['default'];
94
- exports.RelativeModal = index$n['default'];
95
- exports.Modal = index$l['default'];
96
- exports.Spacing = index$u['default'];
97
- exports.Table = index$r['default'];
95
+ exports.AbsoluteModal = index$n['default'];
96
+ exports.RelativeModal = index$o['default'];
97
+ exports.Modal = index$m['default'];
98
+ exports.Spacing = index$v['default'];
99
+ exports.Table = index$s['default'];
98
100
  exports.DataTable = dataTable['default'];
99
101
  exports.Tabs = tabs['default'];
100
102
  exports.TabItem = tab_item.TabItem;
101
- exports.Loader = index$B['default'];
102
- exports.WithLoader = index$C['default'];
103
- exports.ControlRadioGroup = index$y['default'];
104
- exports.MessageBox = index$z['default'];
103
+ exports.Loader = index$C['default'];
104
+ exports.WithLoader = index$D['default'];
105
+ exports.Tooltip = index$1['default'];
106
+ exports.ControlRadioGroup = index$z['default'];
107
+ exports.MessageBox = index$A['default'];
105
108
  exports.useFlashMessenger = context.useFlashMessenger;
106
- exports.FlashMessenger = index$A['default'];
109
+ exports.FlashMessenger = index$B['default'];
107
110
  //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/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;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;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;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;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;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;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/button/types.d.ts CHANGED
@@ -3,7 +3,7 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
3
3
  as?: 'button' | 'link';
4
4
  size?: 'small';
5
5
  variant?: 'outline' | 'link';
6
- inactive?: true;
6
+ inactive?: boolean;
7
7
  color?: 'secondary';
8
8
  href?: string;
9
9
  target?: '_blank';
package/build/esm/packages/aurora/src/components/hint/index.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface IHint {
10
10
  Icon?: React.FC<{
11
11
  className?: string;
12
12
  }>;
13
+ fixed?: boolean;
13
14
  }
14
15
  declare const Hint: React.FC<IHint>;
15
16
  export default Hint;
package/build/esm/packages/aurora/src/components/hint/index.js CHANGED
@@ -1,10 +1,11 @@
1
- import React from 'react';
1
+ import React, { useRef } from 'react';
2
2
  import { classNames } from '../../utilities/styles/classNames.js';
3
3
  import styles from '../../css/hint/main.module.less.js';
4
4
  import IconHint from '../../assets/icon_hint.js';
5
+ import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
5
6
 
6
7
  var Hint = function (_a) {
7
- var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
8
+ var hint = _a.hint, fixed = _a.fixed, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
8
9
  var containerClassName = classNames([
9
10
  'hint',
10
11
  spacingLeft && 'hint_spacing-left',
@@ -13,11 +14,13 @@ var Hint = function (_a) {
13
14
  hPosition === 'center' && 'hint_horizontal-center',
14
15
  vPosition === 'top' && 'hint_top'
15
16
  ], styles);
17
+ var hintContentRef = useRef(null);
18
+ var _d = useFixedChildPosition({ useFixed: fixed, vPosition: vPosition, hPosition: hPosition, childRef: hintContentRef }), onMouseEnter = _d.onMouseEnter, style = _d.style;
16
19
  var contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);
17
20
  var IconComponent = Icon || IconHint;
18
- return (React.createElement("div", { className: containerClassName },
21
+ return (React.createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
19
22
  React.createElement(IconComponent, { className: iconClass }),
20
- React.createElement("div", { className: contentClassName }, hint)));
23
+ React.createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
21
24
  };
22
25
 
23
26
  export default Hint;
package/build/esm/packages/aurora/src/components/hint/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;"}
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;"}
package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js CHANGED
@@ -38,7 +38,7 @@ var useStyles = createUseStyles({
38
38
  }
39
39
  });
40
40
  var AbsoluteModal = function (_a) {
41
- var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
41
+ var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
42
42
  var modalRef = useRef(null);
43
43
  var _d = useState({}), position = _d[0], setPosition = _d[1];
44
44
  var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
@@ -53,7 +53,9 @@ var AbsoluteModal = function (_a) {
53
53
  animationDirection: animationDirection
54
54
  }));
55
55
  }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
56
- return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
56
+ return (React.createElement(React.Fragment, null,
57
+ createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
58
+ isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
57
59
  };
58
60
 
59
61
  export default AbsoluteModal;
package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;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;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,gCAAgC,+DAAmE;AACnG;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;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/modal/hoc/relative_modal/index.js CHANGED
@@ -31,7 +31,7 @@ var useStyles = createUseStyles({
31
31
  }
32
32
  });
33
33
  var RelativeModal = function (_a) {
34
- var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
34
+ var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
35
35
  var modalRef = useRef(null);
36
36
  var _d = useState({}), positioning = _d[0], setPosition = _d[1];
37
37
  var classes = useStyles(__assign(__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
@@ -59,7 +59,9 @@ var RelativeModal = function (_a) {
59
59
  modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
60
60
  }));
61
61
  }, 50);
62
- return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
62
+ return (React.createElement(React.Fragment, null,
63
+ createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
64
+ isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
63
65
  };
64
66
 
65
67
  export default RelativeModal;
package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;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;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,gCAAgC,+DAAmE;AACnG;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;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/esm/packages/aurora/src/components/modal/types.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface IFooterProps {
10
10
  }
11
11
  export interface IModalProps {
12
12
  className?: string;
13
+ withBackground?: boolean;
13
14
  modalRef?: RefObject<HTMLDivElement>;
14
15
  }
15
16
  export interface IModalComposition {
package/build/esm/packages/aurora/src/components/tooltip/index.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React, { ReactElement } from 'react';
2
+ export interface ITooltip {
3
+ content: string | ReactElement;
4
+ fixed?: boolean;
5
+ left?: boolean;
6
+ top?: boolean;
7
+ disabled?: boolean;
8
+ }
9
+ declare const Tooltip: React.FC<ITooltip>;
10
+ export default Tooltip;
package/build/esm/packages/aurora/src/components/tooltip/index.js ADDED
@@ -0,0 +1,22 @@
1
+ import React, { useRef } from 'react';
2
+ import { classNames } from '../../utilities/styles/classNames.js';
3
+ import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
4
+ import cssClasses from '../../css/tooltip/main.module.less.js';
5
+
6
+ var Tooltip = function (_a) {
7
+ var fixed = _a.fixed, left = _a.left, top = _a.top, disabled = _a.disabled, children = _a.children, content = _a.content;
8
+ var className = classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], cssClasses);
9
+ var childRef = useRef(null);
10
+ var _b = useFixedChildPosition({
11
+ useFixed: fixed,
12
+ hPosition: left ? 'left' : 'right',
13
+ vPosition: top ? 'top' : 'bottom',
14
+ childRef: childRef
15
+ }), onMouseEnter = _b.onMouseEnter, style = _b.style;
16
+ return (React.createElement("span", { className: className, onMouseEnter: onMouseEnter },
17
+ children,
18
+ !disabled && (React.createElement("div", { style: style, ref: childRef, className: cssClasses['tooltip__container'] }, content))));
19
+ };
20
+
21
+ export default Tooltip;
22
+ //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/components/tooltip/index.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/src/css/modal/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n display: none;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 9000;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_visible__3yPXX {\n display: block;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
4
- var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_visible":"main-module_modal-window-mask_visible__3yPXX","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
4
+ var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js ADDED
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__2-uBX {\n position: relative;\n}\n.main-module_tooltip__2-uBX:hover .main-module_tooltip__container__1T35Q {\n display: block;\n}\n.main-module_tooltip_left__27ULt .main-module_tooltip__container__1T35Q {\n left: 1rem;\n right: auto;\n}\n.main-module_tooltip_top__3xSwK .main-module_tooltip__container__1T35Q {\n top: auto;\n bottom: 150%;\n}\n.main-module_tooltip__container__1T35Q {\n position: absolute;\n display: none;\n right: 1rem;\n top: 125%;\n z-index: 4;\n white-space: nowrap;\n padding: 0.5rem;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n";
4
+ var cssClasses = {"tooltip":"main-module_tooltip__2-uBX","tooltip__container":"main-module_tooltip__container__1T35Q","tooltip_left":"main-module_tooltip_left__27ULt","tooltip_top":"main-module_tooltip_top__3xSwK"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React, { RefObject } from 'react';
2
+ export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
3
+ useFixed?: boolean | undefined;
4
+ vPosition?: "top" | "bottom" | undefined;
5
+ hPosition?: "left" | "right" | "center" | undefined;
6
+ childRef?: React.RefObject<HTMLDivElement> | undefined;
7
+ }) => {
8
+ style: React.CSSProperties;
9
+ onMouseEnter: (event: React.MouseEvent) => void;
10
+ };
package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js ADDED
@@ -0,0 +1,37 @@
1
+ import { useState } from 'react';
2
+
3
+ var useFixedChildPosition = function (_a) {
4
+ var useFixed = _a.useFixed, childRef = _a.childRef, vPosition = _a.vPosition, hPosition = _a.hPosition;
5
+ var _b = useState({ top: 0, left: 0 }), position = _b[0], setPosition = _b[1];
6
+ if (!useFixed) {
7
+ return {
8
+ style: {},
9
+ onMouseEnter: function () { }
10
+ };
11
+ }
12
+ var onMouseEnter = function (event) {
13
+ var _a;
14
+ var $hoveredElement = event.target;
15
+ var parentBoundingRect = $hoveredElement.getBoundingClientRect();
16
+ var childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
17
+ var top = vPosition === 'top'
18
+ ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
19
+ : parentBoundingRect.top + parentBoundingRect.height;
20
+ var left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
21
+ setPosition({ top: top, left: left });
22
+ };
23
+ var style = {
24
+ position: 'fixed',
25
+ top: position.top,
26
+ left: position.left,
27
+ bottom: 'unset',
28
+ right: 'unset'
29
+ };
30
+ return {
31
+ style: style,
32
+ onMouseEnter: onMouseEnter
33
+ };
34
+ };
35
+
36
+ export { useFixedChildPosition };
37
+ //# sourceMappingURL=use_fixed_child_position.js.map
package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -40,6 +40,7 @@ import TagsSelector from "./components/tags_selector";
40
40
  import Hint from "./components/hint";
41
41
  import Loader from "./components/loader";
42
42
  import WithLoader from "./components/with_loader";
43
+ import Tooltip from "./components/tooltip";
43
44
  /**
44
45
  * Assets
45
46
  */
@@ -69,10 +70,14 @@ import { TMessageBoxType } from "./components/message-box/types";
69
70
  import { useFlashMessenger } from "./components/flash_messenger/context";
70
71
  import { ILoaderProps } from "./components/loader/types";
71
72
  import { IWithLoader } from "./components/with_loader/types";
73
+ /**
74
+ * export hooks
75
+ */
76
+ import { useDropdownContext } from "./components/dropdown/context";
72
77
  /**
73
78
  * export components
74
79
  */
75
- export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader };
80
+ export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
76
81
  /**
77
82
  * export types
78
83
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -2,7 +2,7 @@ import 'react';
2
2
  import './i18n.js';
3
3
  export { default as Button } from './components/button/index.js';
4
4
  export { default as ButtonsGroup } from './components/buttons_group/index.js';
5
- export { DropdownContext } from './components/dropdown/context/index.js';
5
+ export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
6
6
  export { default as ColorPicker } from './components/color_picker/index.js';
7
7
  export { default as Label } from './components/label/index.js';
8
8
  export { default as IconTick } from './assets/icon_tick.js';
@@ -45,6 +45,7 @@ export { TabItem } from './components/tabs/components/tab_item.js';
45
45
  import './components/loader/constants.js';
46
46
  export { default as Loader } from './components/loader/index.js';
47
47
  export { default as WithLoader } from './components/with_loader/index.js';
48
+ export { default as Tooltip } from './components/tooltip/index.js';
48
49
  export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
49
50
  export { default as MessageBox } from './components/message-box/index.js';
50
51
  export { useFlashMessenger } from './components/flash_messenger/context.js';
package/build/esm/packages/aurora/src/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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.1.1",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-174",
5
+ "version": "0.3.4-178",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",