@dreamcommerce/aurora 2.10.0-0 → 2.10.0-2

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
+var classnames = require('classnames');
 var css_classes = require('./css_classes.js');
 var index = require('./components/index.js');
-var classnames = require('classnames');
 var main_module = require('../../css/button/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var reactDom = require('react-dom');
-var main_module$3 = require('../../../css/icons/main.module.less.js');
 var classnames = require('classnames');
+var main_module$3 = require('../../../css/icons/main.module.less.js');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
@@ -66,15 +66,18 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
     const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
     const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
-    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);
+    const contentClassName = classnames__default['default'](css_classes.jsDropdownContentClass, 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);
     const screenWidthName = use_screen_detect.useScreenDetect();
     const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    use_click_outside.useClickOutside(refs, () => {
-        if (typeof toggleDropdown === 'function') {
-            toggleDropdown();
+    use_click_outside.useClickOutside({
+        refs,
+        callback: () => {
+            if (typeof toggleDropdown === 'function') {
+                toggleDropdown();
+            }
         }
     });
     React.useEffect(() => {

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map

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

package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js

@@ -13,6 +13,7 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
 const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
 const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
 const cssDropdownList = `${cssDropdown}__list`;
+const jsDropdownContentClass = `js__${cssDropdown}-content`;
 const cssDropdownSearch = `${cssDropdown}__search`;
 const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
 const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
@@ -41,4 +42,5 @@ exports.cssDropdownListItemSelected = cssDropdownListItemSelected;
 exports.cssDropdownListWithGroup = cssDropdownListWithGroup;
 exports.cssDropdownSearch = cssDropdownSearch;
 exports.cssDropdownWithScroll = cssDropdownWithScroll;
+exports.jsDropdownContentClass = jsDropdownContentClass;
 //# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map

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

package/build/cjs/packages/aurora/src/components/modal/components/modal.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Modal = ({ children, className, modalRef, style = {} }) => {
-    return (React__default['default'].createElement("div", { style: style, "data-test-id": "modal", ref: modalRef, className: `${main_module['default']['modal-window']} ${main_module['default']['modal-window_visible']} ${className}` },
+    return (React__default['default'].createElement("div", { style: style, "data-test-id": "modal", ref: modalRef, className: `js__modal ${main_module['default']['modal-window']} ${main_module['default']['modal-window_visible']} ${className}` },
         React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
 };
 

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -10,10 +10,12 @@ var modal = require('../../components/modal.js');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
 var use_resize = require('../../../../hooks/use_resize.js');
+var classnames = require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const useStyles = reactJss_esm.createUseStyles({
     modal: {
@@ -65,7 +67,7 @@ const AbsoluteModal = ({ vPosition, hPosition, offset = 0, transform, transformL
     }, []);
     return reactDom.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null,
         React__default['default'].createElement(modal['default'], { style: style, className: `${classes.modal} ${isVisible ? main_module['default']['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children),
-        isVisible && withBackground && React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] })), document.body);
+        isVisible && withBackground && React__default['default'].createElement("div", { className: classnames__default['default']('js__modal-mask', main_module['default']['modal-window-mask']) })), document.body);
 };
 
 exports.default = AbsoluteModal;

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

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

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -10,10 +10,12 @@ var modal = require('../../components/modal.js');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
 var use_resize = require('../../../../hooks/use_resize.js');
+var classnames = require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const useStyles = reactJss_esm.createUseStyles({
     modal: {
@@ -55,7 +57,9 @@ const RelativeModal = ({ position, offset = 0, transformLength = constants.DEFAU
     }, 50);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
         reactDom.createPortal(React__default['default'].createElement(modal['default'], { className: `${classes.modal} ${isVisible ? main_module['default']['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children), document.body),
-        isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
+        isVisible &&
+            withBackground &&
+            reactDom.createPortal(React__default['default'].createElement("div", { className: classnames__default['default']('js__modal-mask', main_module['default']['modal-window-mask']) }), document.body)));
 };
 
 exports.default = RelativeModal;

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

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

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

@@ -16,9 +16,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children, onClickOutside }) => {
     const ref = React__default['default'].useRef(null);
-    use_click_outside.useClickOutside([ref], () => {
-        if (isOpen)
-            onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside();
+    const { config, callback: onClickOutsideCallback } = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {};
+    use_click_outside.useClickOutside({
+        refs: [ref],
+        callback: () => {
+            if (isOpen)
+                onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback();
+        },
+        config
     });
     if (autoOpen)
         isOpen = true;

package/build/cjs/packages/aurora/src/components/slide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tree/components/tree_node.js

@@ -20,13 +20,14 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
     const treeApi = tree_hook.useTree();
     const node = tree_node_hook.useTreeNode(id, rest);
     const nodeChildrenRef = React.useRef(null);
+    const childrenCount = React.Children.count(children);
     if (!node)
         return null;
     const toggleNode = () => {
         treeApi.toggleNode(node.id);
     };
     const Label = LabelComponent ? (LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({ node, isLeaf: !children })) : (React__default['default'].createElement("span", { tabIndex: !children ? 0 : -1, className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent) }, node.label ? node.label : node.id));
-    const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !children })) : (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
+    const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !childrenCount })) : (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
         React__default['default'].createElement("button", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], {
                 [css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]: node.expanded,
                 [main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]]: node.expanded
@@ -37,8 +38,8 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
     return (React__default['default'].createElement("li", { role: "treeitem", "aria-expanded": node.expanded, className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNode], css_classes.TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
             [css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
         }) },
-        children ? Content : Label,
-        children ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
+        childrenCount ? Content : Label,
+        childrenCount ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
                 enter: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenEnter],
                 enterActive: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenEnterActive],
                 exit: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExit],

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tree/hooks/tree_node_hook.js

@@ -7,13 +7,15 @@ var tree_hook = require('./tree_hook.js');
 
 const useTreeNode = (nodeId, props) => {
     const treeApi = tree_hook.useTree();
+    React.useEffect(() => {
+        if (!treeApi.hasNode(nodeId))
+            treeApi.addNode({ id: nodeId, ...props });
+    });
     React.useEffect(() => {
         if (treeApi.hasNode(nodeId) && props)
             treeApi.updateNode(nodeId, props);
     }, [props === null || props === void 0 ? void 0 : props.expanded]);
     React.useEffect(() => {
-        if (!treeApi.hasNode(nodeId))
-            treeApi.addNode({ id: nodeId, ...props });
         return () => treeApi.removeNode(nodeId);
     }, []);
     return treeApi.getNode(nodeId);

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/cjs/packages/aurora/src/hooks/use_click_outside.js

@@ -11,17 +11,25 @@ var React = require('react');
  * @param {Function} callback called when click is made outside refs elements
  * @returns {void} void
  */
-function useClickOutside(refs, callback) {
+function useClickOutside({ refs, config, callback }) {
+    const { documents = [globalThis.document], blackListSelectors = [] } = config !== null && config !== void 0 ? config : {};
     function handleClickOutside(event) {
+        const isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
+            const $el = documents.reduce(function test(acc, doc) {
+                return acc || doc.querySelector(blackListSelector);
+            }, null);
+            if (!$el)
+                return acc;
+            return acc ? acc : event.target === $el || $el.contains(event.target);
+        }, false);
         const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target));
-        if (callCallback === true) {
+        if (callCallback && !isBlacklisted)
             callback();
-        }
     }
     React.useEffect(() => {
-        document.addEventListener('mousedown', handleClickOutside);
+        documents.forEach((document) => document.addEventListener('mousedown', handleClickOutside));
         return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
+            documents.forEach((document) => document.removeEventListener('mousedown', handleClickOutside));
         };
     });
 }

package/build/cjs/packages/aurora/src/hooks/use_click_outside.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js

@@ -26,6 +26,9 @@ class AxiosClient {
         });
         return { cancelToken, cancelRequest };
     }
+    isCancelError(error) {
+        return index['default'].isCancel(error);
+    }
 }
 _AxiosClient_axios = new WeakMap();
 

package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map

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

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

@@ -1,7 +1,7 @@
 import 'react';
+import classnames from 'classnames';
 import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonInactive } from './css_classes.js';
 import { buttonTypes } from './components/index.js';
-import classnames from 'classnames';
 import cssClasses from '../../css/button/main.module.less.js';
 
 /**

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -1,8 +1,8 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { createPortal } from 'react-dom';
-import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import classnames from 'classnames';
+import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
@@ -10,7 +10,7 @@ import { UiDomUtils } from '@dreamcommerce/utilities';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
-import { cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
+import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getBounding, getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
@@ -57,15 +57,18 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
     const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
     const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
-    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);
+    const contentClassName = classnames(jsDropdownContentClass, cssClasses[cssDropdownContent], contentShouldAppearOnTop && `${cssClasses$1[cssDropdownContentOnTop]} ${cssClasses$2[cssDropdownContentOnTop]}`, contentShouldAppearOnBottom && `${cssClasses$1[cssDropdownContentOnBottom]} ${cssClasses$2[cssDropdownContentOnBottom]}`, arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
     const screenWidthName = useScreenDetect();
     const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    useClickOutside(refs, () => {
-        if (typeof toggleDropdown === 'function') {
-            toggleDropdown();
+    useClickOutside({
+        refs,
+        callback: () => {
+            if (typeof toggleDropdown === 'function') {
+                toggleDropdown();
+            }
         }
     });
     useEffect(() => {

package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map

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

package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts

@@ -11,6 +11,7 @@ export declare const cssDropdownHeaderContent: string;
 export declare const cssDropdownItemWithHover: string;
 export declare const cssDropdownInput: string;
 export declare const cssDropdownList: string;
+export declare const jsDropdownContentClass: string;
 export declare const cssDropdownSearch: string;
 export declare const cssDropdownWithScroll: string;
 export declare const cssDropdownListWithGroup: string;

package/build/esm/packages/aurora/src/components/dropdown/css_classes.js

@@ -9,6 +9,7 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
 const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
 const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
 const cssDropdownList = `${cssDropdown}__list`;
+const jsDropdownContentClass = `js__${cssDropdown}-content`;
 const cssDropdownSearch = `${cssDropdown}__search`;
 const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
 const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
@@ -18,5 +19,5 @@ const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
 const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
 const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
 
-export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownContentOnBottom, cssDropdownContentOnTop, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
+export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownContentOnBottom, cssDropdownContentOnTop, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll, jsDropdownContentClass };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/modal/components/modal.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cssClasses from '../../../css/modal/main.module.less.js';
 
 const Modal = ({ children, className, modalRef, style = {} }) => {
-    return (React.createElement("div", { style: style, "data-test-id": "modal", ref: modalRef, className: `${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}` },
+    return (React.createElement("div", { style: style, "data-test-id": "modal", ref: modalRef, className: `js__modal ${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}` },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -6,6 +6,7 @@ import Modal from '../../components/modal.js';
 import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 import { useResize } from '../../../../hooks/use_resize.js';
+import classnames from 'classnames';
 
 const useStyles = createUseStyles({
     modal: {
@@ -57,7 +58,7 @@ const AbsoluteModal = ({ vPosition, hPosition, offset = 0, transform, transformL
     }, []);
     return createPortal(React.createElement(React.Fragment, null,
         React.createElement(Modal, { style: style, className: `${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children),
-        isVisible && withBackground && React.createElement("div", { className: cssClasses['modal-window-mask'] })), document.body);
+        isVisible && withBackground && React.createElement("div", { className: classnames('js__modal-mask', cssClasses['modal-window-mask']) })), document.body);
 };
 
 export default AbsoluteModal;

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

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

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -6,6 +6,7 @@ import Modal from '../../components/modal.js';
 import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 import { useResize } from '../../../../hooks/use_resize.js';
+import classnames from 'classnames';
 
 const useStyles = createUseStyles({
     modal: {
@@ -47,7 +48,9 @@ const RelativeModal = ({ position, offset = 0, transformLength = DEFAULT_TRANSLA
     }, 50);
     return (React.createElement(React.Fragment, null,
         createPortal(React.createElement(Modal, { className: `${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children), document.body),
-        isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
+        isVisible &&
+            withBackground &&
+            createPortal(React.createElement("div", { className: classnames('js__modal-mask', cssClasses['modal-window-mask']) }), document.body)));
 };
 
 export default RelativeModal;

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

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

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

@@ -7,9 +7,14 @@ import cssClasses from '../../css/slide/main.module.less.js';
 
 const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children, onClickOutside }) => {
     const ref = React.useRef(null);
-    useClickOutside([ref], () => {
-        if (isOpen)
-            onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside();
+    const { config, callback: onClickOutsideCallback } = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {};
+    useClickOutside({
+        refs: [ref],
+        callback: () => {
+            if (isOpen)
+                onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback();
+        },
+        config
     });
     if (autoOpen)
         isOpen = true;

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

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

package/build/esm/packages/aurora/src/components/slide/types.d.ts

@@ -1,5 +1,6 @@
 import { TCssPositions, TDirection } from "../../typings/general";
 import { ReactNode } from 'react';
+import { TUseClickOutsideProps } from "../../hooks/use_click_outside";
 export interface ISlideProps {
     isOpen?: boolean;
     autoOpen?: boolean;
@@ -8,7 +9,7 @@ export interface ISlideProps {
     animationDurationMs?: number;
     classNames?: string;
     children: ReactNode;
-    onClickOutside?: () => void;
+    onClickOutside?: Omit<TUseClickOutsideProps, 'refs'>;
 }
 export interface ISlideWrapper {
     classNames?: string;

package/build/esm/packages/aurora/src/components/slide/types.js

@@ -1,3 +1,4 @@
 import '@auroraTypings/general';
 import 'react';
+import '@auroraHooks/use_click_outside';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/slide/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/slide/types.ts"],"names":[],"mappings":"AAAA,OAA0C,wBAAwB,CAAC;AAEnE,OAA0B,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/slide/types.ts"],"names":[],"mappings":"AAAA,OAA0C,wBAAwB,CAAC;AAEnE,OAA0B,OAAO,CAAC;AAClC,OAAsC,gCAAgC,CAAC"}

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { useRef, Children } from 'react';
 import classnames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
@@ -11,13 +11,14 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
     const treeApi = useTree();
     const node = useTreeNode(id, rest);
     const nodeChildrenRef = useRef(null);
+    const childrenCount = Children.count(children);
     if (!node)
         return null;
     const toggleNode = () => {
         treeApi.toggleNode(node.id);
     };
     const Label = LabelComponent ? (LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({ node, isLeaf: !children })) : (React.createElement("span", { tabIndex: !children ? 0 : -1, className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent) }, node.label ? node.label : node.id));
-    const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !children })) : (React.createElement("div", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
+    const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !childrenCount })) : (React.createElement("div", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
         React.createElement("button", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], {
                 [TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]: node.expanded,
                 [cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]]: node.expanded
@@ -28,8 +29,8 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
     return (React.createElement("li", { role: "treeitem", "aria-expanded": node.expanded, className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
             [TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
         }) },
-        children ? Content : Label,
-        children ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
+        childrenCount ? Content : Label,
+        childrenCount ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
                 enter: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenEnter],
                 enterActive: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenEnterActive],
                 exit: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenExit],

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map

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

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -3,13 +3,15 @@ import { useTree } from './tree_hook.js';
 
 const useTreeNode = (nodeId, props) => {
     const treeApi = useTree();
+    useEffect(() => {
+        if (!treeApi.hasNode(nodeId))
+            treeApi.addNode({ id: nodeId, ...props });
+    });
     useEffect(() => {
         if (treeApi.hasNode(nodeId) && props)
             treeApi.updateNode(nodeId, props);
     }, [props === null || props === void 0 ? void 0 : props.expanded]);
     useEffect(() => {
-        if (!treeApi.hasNode(nodeId))
-            treeApi.addNode({ id: nodeId, ...props });
         return () => treeApi.removeNode(nodeId);
     }, []);
     return treeApi.getNode(nodeId);

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
+export declare type TClickOutsideConfig = {
+    blackListSelectors?: string[];
+    documents?: Document[];
+};
+export declare type TUseClickOutsideProps = {
+    refs: Array<React.RefObject<HTMLElement>>;
+    callback: () => void;
+    config?: TClickOutsideConfig;
+};
 /**
  * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
  * made outside element callback function is called
@@ -6,5 +15,5 @@
  * @param {Function} callback called when click is made outside refs elements
  * @returns {void} void
  */
-export declare function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void): void;
+export declare function useClickOutside({ refs, config, callback }: TUseClickOutsideProps): void;
 export default useClickOutside;

package/build/esm/packages/aurora/src/hooks/use_click_outside.js

@@ -7,17 +7,25 @@ import { useEffect } from 'react';
  * @param {Function} callback called when click is made outside refs elements
  * @returns {void} void
  */
-function useClickOutside(refs, callback) {
+function useClickOutside({ refs, config, callback }) {
+    const { documents = [globalThis.document], blackListSelectors = [] } = config !== null && config !== void 0 ? config : {};
     function handleClickOutside(event) {
+        const isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
+            const $el = documents.reduce(function test(acc, doc) {
+                return acc || doc.querySelector(blackListSelector);
+            }, null);
+            if (!$el)
+                return acc;
+            return acc ? acc : event.target === $el || $el.contains(event.target);
+        }, false);
         const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target));
-        if (callCallback === true) {
+        if (callCallback && !isBlacklisted)
             callback();
-        }
     }
     useEffect(() => {
-        document.addEventListener('mousedown', handleClickOutside);
+        documents.forEach((document) => document.addEventListener('mousedown', handleClickOutside));
         return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
+            documents.forEach((document) => document.removeEventListener('mousedown', handleClickOutside));
         };
     });
 }

package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js

@@ -22,6 +22,9 @@ class AxiosClient {
         });
         return { cancelToken, cancelRequest };
     }
+    isCancelError(error) {
+        return axios.isCancel(error);
+    }
 }
 _AxiosClient_axios = new WeakMap();
 

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.10.0-0",
+  "version": "2.10.0-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",