@dreamcommerce/aurora 2.4.5-9 → 2.4.6

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 (9) hide show
  1. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +3 -4
  2. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/tooltip/index.js +2 -2
  4. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  5. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +3 -4
  6. package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/tooltip/index.js +2 -2
  8. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/dropdown/components/content.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var reactDom = require('react-dom');
8
- var main_module$3 = require('../../../css/icons/main.module.less.js');
8
+ var main_module$2 = require('../../../css/icons/main.module.less.js');
9
9
  var classnames = require('classnames');
10
10
  var index = require('../context/index.js');
11
11
  var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
@@ -20,7 +20,6 @@ var use_click_outside = require('../../../hooks/use_click_outside.js');
20
20
  var icon_arrow = require('../../../assets/icon_arrow.js');
21
21
  var utilities$1 = require('@dreamcommerce/utilities');
22
22
  var main_module$1 = require('../../../css/hint/main.module.less.js');
23
- var main_module$2 = require('../../../css/tooltip/main.module.less.js');
24
23
 
25
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
25
 
@@ -62,7 +61,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
62
61
  const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
63
62
  const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
64
63
  const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
65
- const contentClassName = classnames__default['default'](main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && `${main_module$1['default'][css_classes.cssDropdownContentOnTop]} ${main_module$2['default'][css_classes.cssDropdownContentOnTop]}`, contentShouldAppearOnBottom && `${main_module$1['default'][css_classes.cssDropdownContentOnBottom]} ${main_module$2['default'][css_classes.cssDropdownContentOnBottom]}`, arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom], cssClass);
64
+ const contentClassName = classnames__default['default'](main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && main_module$1['default'][css_classes.cssDropdownContentOnTop], contentShouldAppearOnBottom && main_module$1['default'][css_classes.cssDropdownContentOnBottom], arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom], cssClass);
66
65
  const screenWidthName = use_screen_detect.useScreenDetect();
67
66
  const refs = [contentRef];
68
67
  if (wrapperRef) {
@@ -144,7 +143,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
144
143
  React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
145
144
  React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
146
145
  React__default['default'].createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
147
- headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$3['default']['icon_rotate-180'] }),
146
+ headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$2['default']['icon_rotate-180'] }),
148
147
  React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
149
148
  children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
150
149
  };
package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var index = require('../dropdown/context/index.js');
7
- var main_module = require('../../css/tooltip/main.module.less.js');
8
7
  var use_toggle = require('../dropdown/hooks/use_toggle.js');
9
8
  var index$1 = require('../dropdown/index.js');
10
9
  var css_classes = require('./css_classes.js');
10
+ var main_module = require('../../css/tooltip/main.module.less.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -24,7 +24,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
24
24
  isOpen && toggleDropdown();
25
25
  };
26
26
  return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
27
- React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseOut: handleOnMouseLeave },
27
+ React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
28
28
  children,
29
29
  !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
30
30
  };
package/build/cjs/packages/aurora/src/css/tooltip/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_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::before {\n border-color: #2d3748 transparent transparent transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::before {\n border-color: transparent transparent #2d3748 transparent;\n}\n";
8
- var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n pointer-events: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n";
8
+ var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
package/build/esm/packages/aurora/src/components/dropdown/components/content.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
2
  import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { createPortal } from 'react-dom';
4
- import cssClasses$3 from '../../../css/icons/main.module.less.js';
4
+ import cssClasses$2 from '../../../css/icons/main.module.less.js';
5
5
  import classnames from 'classnames';
6
6
  import { useDropdownContext } from '../context/index.js';
7
7
  import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
@@ -16,7 +16,6 @@ import { useClickOutside } from '../../../hooks/use_click_outside.js';
16
16
  import IconArrow from '../../../assets/icon_arrow.js';
17
17
  import { UiDomUtils } from '@dreamcommerce/utilities';
18
18
  import cssClasses$1 from '../../../css/hint/main.module.less.js';
19
- import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
20
19
 
21
20
  /**
22
21
  * Dropdown.Content component. This togglable part of dropdown.
@@ -53,7 +52,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
53
52
  const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
54
53
  const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
55
54
  const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
56
- const contentClassName = classnames(cssClasses[cssDropdownContent], contentShouldAppearOnTop && `${cssClasses$1[cssDropdownContentOnTop]} ${cssClasses$2[cssDropdownContentOnTop]}`, contentShouldAppearOnBottom && `${cssClasses$1[cssDropdownContentOnBottom]} ${cssClasses$2[cssDropdownContentOnBottom]}`, arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
55
+ const contentClassName = classnames(cssClasses[cssDropdownContent], contentShouldAppearOnTop && cssClasses$1[cssDropdownContentOnTop], contentShouldAppearOnBottom && cssClasses$1[cssDropdownContentOnBottom], arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
57
56
  const screenWidthName = useScreenDetect();
58
57
  const refs = [contentRef];
59
58
  if (wrapperRef) {
@@ -135,7 +134,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
135
134
  React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
136
135
  React.createElement("div", { className: cssClasses[cssDropdownHeader] },
137
136
  React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
138
- headerGoBackIcon || React.createElement(IconArrow, { className: cssClasses$3['icon_rotate-180'] }),
137
+ headerGoBackIcon || React.createElement(IconArrow, { className: cssClasses$2['icon_rotate-180'] }),
139
138
  React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
140
139
  children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
141
140
  };
package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import React, { useRef } from 'react';
2
2
  import { DropdownContext } from '../dropdown/context/index.js';
3
- import cssClasses from '../../css/tooltip/main.module.less.js';
4
3
  import { useToggle } from '../dropdown/hooks/use_toggle.js';
5
4
  import Dropdown from '../dropdown/index.js';
6
5
  import { cssTooltip, cssTooltipContainer } from './css_classes.js';
6
+ import cssClasses from '../../css/tooltip/main.module.less.js';
7
7
 
8
8
  const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
9
9
  const wrapperRef = useRef(null);
@@ -16,7 +16,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
16
16
  isOpen && toggleDropdown();
17
17
  };
18
18
  return (React.createElement(DropdownContext.Provider, { value: value },
19
- React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseOut: handleOnMouseLeave },
19
+ React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
20
20
  children,
21
21
  !disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
22
22
  };
package/build/esm/packages/aurora/src/css/tooltip/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_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::before {\n border-color: #2d3748 transparent transparent transparent;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::before {\n border-color: transparent transparent #2d3748 transparent;\n}\n";
4
- var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: none;\n pointer-events: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n";
4
+ var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
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.4.5-9",
5
+ "version": "2.4.6",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",