@dreamcommerce/aurora 2.16.2 → 2.16.4

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index$2 = require('../button/index.js');
 var with_translation = require('../../utilities/translation/with_translation.js');
 var index$1 = require('../controls/index.js');
@@ -18,82 +19,121 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const TagsSelector = ({ id, name, 
-/**
- * Placeholder for tag value input
- */
-placeholder, 
-/**
- * Default tags array of strings
- * Example: defaultTags = ["tag 1", "tag 2"];
- */
-defaultTags = [], 
-/**
- * Minimum tag string length to accept by addTag function
- * Example: minTagLength = 2;
- */
-minTagLength, 
-/**
- * Is tags list visible
- * Example: withList = true;
- */
-withList, 
-/**
- * Default tags list array
- * Example: listDefaultValue = ["tag 1", "tag 2"];
- */
-tagsListValue, 
-/**
- * Triggered on tags list item click
- */
-onListItemClick, 
-/**
- * Triggered on change of private tags array
- */
-onChange }) => {
-    const [inputValue, setInputValue] = React.useState('');
-    const [tagsArray, setTagsArray] = React.useState(defaultTags);
-    const tagsSelectorRef = React.useRef(null);
-    const [t] = useTranslation.useTranslation();
-    React.useEffect(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
-    }, [tagsArray, onChange]);
-    const addTag = () => {
-        var _a;
-        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray((_tags) => [..._tags, inputValue]);
-            const event = new CustomEvent('tagsSelector:change', {
-                detail: {
-                    changedTag: inputValue,
-                    tags: tagsArray
-                }
-            });
-            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-            setInputValue('');
-        }
-    };
-    const removeTag = (label) => {
-        var _a;
-        setTagsArray((_tags) => _tags.filter((_tag) => _tag !== label));
-        const event = new CustomEvent('tagsSelector:change', {
-            detail: {
-                changedTag: label,
-                tags: tagsArray
-            }
-        });
-        (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-    };
-    return (React__default['default'].createElement("div", { id: id, className: `${main_module['default'][css_classes.tags]}`, ref: tagsSelectorRef },
-        tagsArray.length > 0 && (React__default['default'].createElement(wrapper['default'], null, tagsArray.map((_tag, index$1) => (React__default['default'].createElement(index['default'], { key: index$1, label: _tag, onClick: () => removeTag(_tag), hasCloseIcon: true }))))),
-        React__default['default'].createElement(search['default'], null,
-            React__default['default'].createElement(index$1['default'].Content, null,
-                React__default['default'].createElement(index$1['default'].Element, null,
-                    React__default['default'].createElement(index$1['default'].Input, { name: name, padding: "small", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: ({ target: { value } }) => setInputValue(value), onKeyPress: (event) => event.key === 'Enter' && inputValue.length > 0 && addTag() })),
-                React__default['default'].createElement(index$1['default'].Element, null,
-                    React__default['default'].createElement(index$2['default'], { variant: "outline", size: "small", onClick: () => addTag() }, t('Add'))))),
-        withList && (React__default['default'].createElement(list['default'], { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter((_tag) => _tag.toLowerCase().includes(inputValue.toLowerCase())), onClick: (value) => onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value) })),
-        tagsArray.map((_tag, index) => (React__default['default'].createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })))));
-};
+var TagsSelector = function TagsSelector(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      placeholder = _ref.placeholder,
+      _ref$defaultTags = _ref.defaultTags,
+      defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
+      minTagLength = _ref.minTagLength,
+      withList = _ref.withList,
+      tagsListValue = _ref.tagsListValue,
+      onListItemClick = _ref.onListItemClick,
+      onChange = _ref.onChange;
+
+  var _useState = React.useState(''),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var _useState3 = React.useState(defaultTags),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      tagsArray = _useState4[0],
+      setTagsArray = _useState4[1];
+
+  var tagsSelectorRef = React.useRef(null);
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  React.useEffect(function () {
+    onChange === null || onChange === void 0 || onChange(tagsArray);
+  }, [tagsArray, onChange]);
+
+  var addTag = function addTag() {
+    if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
+      var _tagsSelectorRef$curr;
+
+      setTagsArray(function (_tags) {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(_tags), [inputValue]);
+      });
+      var event = new CustomEvent('tagsSelector:change', {
+        detail: {
+          changedTag: inputValue,
+          tags: tagsArray
+        }
+      });
+      (_tagsSelectorRef$curr = tagsSelectorRef.current) === null || _tagsSelectorRef$curr === void 0 || _tagsSelectorRef$curr.dispatchEvent(event);
+      setInputValue('');
+    }
+  };
+
+  var removeTag = function removeTag(label) {
+    var _tagsSelectorRef$curr2;
+
+    setTagsArray(function (_tags) {
+      return _tags.filter(function (_tag) {
+        return _tag !== label;
+      });
+    });
+    var event = new CustomEvent('tagsSelector:change', {
+      detail: {
+        changedTag: label,
+        tags: tagsArray
+      }
+    });
+    (_tagsSelectorRef$curr2 = tagsSelectorRef.current) === null || _tagsSelectorRef$curr2 === void 0 || _tagsSelectorRef$curr2.dispatchEvent(event);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    id: id,
+    className: "".concat(main_module['default'][css_classes.tags]),
+    ref: tagsSelectorRef
+  }, tagsArray.length > 0 && /*#__PURE__*/React__default['default'].createElement(wrapper['default'], null, tagsArray.map(function (_tag, index$1) {
+    return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+      key: index$1,
+      label: _tag,
+      onClick: function onClick() {
+        return removeTag(_tag);
+      },
+      hasCloseIcon: true
+    });
+  })), /*#__PURE__*/React__default['default'].createElement(search['default'], null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(index$1['default'].Input, {
+    name: name,
+    padding: "small",
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'),
+    value: inputValue,
+    onChange: function onChange(_ref2) {
+      var value = _ref2.target.value;
+      return setInputValue(value);
+    },
+    onKeyPress: function onKeyPress(event) {
+      return event.key === 'Enter' && inputValue.length > 0 && addTag();
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(index$1['default'].Element, null, /*#__PURE__*/React__default['default'].createElement(index$2['default'], {
+    variant: "outline",
+    size: "small",
+    onClick: function onClick() {
+      return addTag();
+    }
+  }, t('Add'))))), withList && /*#__PURE__*/React__default['default'].createElement(list['default'], {
+    value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter(function (_tag) {
+      return _tag.toLowerCase().includes(inputValue.toLowerCase());
+    }),
+    onClick: function onClick(value) {
+      return onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value);
+    }
+  }), tagsArray.map(function (_tag, index) {
+    return /*#__PURE__*/React__default['default'].createElement("input", {
+      key: index,
+      type: "hidden",
+      name: "new_tags[]",
+      value: _tag
+    });
+  }));
+};
+
 var TagsSelector$1 = with_translation['default'](TagsSelector);
 
 exports.default = TagsSelector$1;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css_classes.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cssTooltip = 'tooltip';
-const cssTooltipContainer = `${cssTooltip}__container`;
+var cssTooltip = 'tooltip';
+var cssTooltipContainer = "".concat(cssTooltip, "__container");
 
 exports.cssTooltip = cssTooltip;
 exports.cssTooltipContainer = cssTooltipContainer;

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../dropdown/context/index.js');
 var main_module = require('../../css/tooltip/main.module.less.js');
 var use_toggle = require('../dropdown/hooks/use_toggle.js');
@@ -14,22 +15,56 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
-    const wrapperRef = React.useRef(null);
-    const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
-    const [tooltipTimer, setTooltipTimer] = React.useState();
-    const handleOnMouseEnter = () => {
-        !isOpen && setTooltipTimer(Number(setTimeout(() => toggleDropdown(), tooltip_constants.TOOLTIP_TIMEOUT_IN_MS)));
-    };
-    const handleOnMouseLeave = () => {
-        isOpen && toggleDropdown();
-        clearTimeout(tooltipTimer);
-    };
-    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
-            children,
-            !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)))));
+var Tooltip = function Tooltip(_ref) {
+  var left = _ref.left,
+      top = _ref.top,
+      disabled = _ref.disabled,
+      onToggle = _ref.onToggle,
+      children = _ref.children,
+      content = _ref.content;
+  var wrapperRef = React.useRef(null);
+
+  var _useToggle = use_toggle.useToggle(false, onToggle),
+      _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 2),
+      isOpen = _useToggle2[0],
+      toggleDropdown = _useToggle2[1];
+
+  var value = React__default['default'].useMemo(function () {
+    return {
+      wrapperRef: wrapperRef,
+      isOpen: isOpen,
+      toggleDropdown: toggleDropdown
+    };
+  }, [isOpen, toggleDropdown]);
+
+  var _useState = React.useState(),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      tooltipTimer = _useState2[0],
+      setTooltipTimer = _useState2[1];
+
+  var handleOnMouseEnter = function handleOnMouseEnter() {
+    !isOpen && setTooltipTimer(Number(setTimeout(function () {
+      return toggleDropdown();
+    }, tooltip_constants.TOOLTIP_TIMEOUT_IN_MS)));
+  };
+
+  var handleOnMouseLeave = function handleOnMouseLeave() {
+    isOpen && toggleDropdown();
+    clearTimeout(tooltipTimer);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(index.DropdownContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module['default'][css_classes.cssTooltip],
+    ref: wrapperRef,
+    onMouseEnter: handleOnMouseEnter,
+    onMouseLeave: handleOnMouseLeave
+  }, children, !disabled && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Content, {
+    cssClass: main_module['default'][css_classes.cssTooltipContainer],
+    horizontalPosition: left ? 'left' : 'right',
+    verticalPosition: top ? 'top' : 'bottom'
+  }, content)));
 };
 
 exports.default = Tooltip;

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const TOOLTIP_TIMEOUT_IN_MS = 250;
+var TOOLTIP_TIMEOUT_IN_MS = 250;
 
 exports.TOOLTIP_TIMEOUT_IN_MS = TOOLTIP_TIMEOUT_IN_MS;
 //# sourceMappingURL=tooltip_constants.js.map

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var reactTransitionGroup = require('react-transition-group');
 var css_classes = require('../css_classes.js');
@@ -16,38 +17,63 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }) => {
-    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: !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
-            }), onClick: toggleNode },
-            React__default['default'].createElement("span", { className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon) },
-                React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))),
-        Label));
-    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,
-            [css_classes.TREE_NODE_CSS_CLASSES.treeNodeWithoutChildren]: !childrenCount
-        }) },
-        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],
-                exitActive: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExitActive],
-                exitDone: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExitDone]
-            } },
-            React__default['default'].createElement("ul", { className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildren], css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildren), ref: nodeChildrenRef }, children))) : null));
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent"];
+var TreeNode = function TreeNode(_ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      cssClassNames = _ref.cssClassNames,
+      ContentComponent = _ref.ContentComponent,
+      LabelComponent = _ref.LabelComponent,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var treeApi = tree_hook.useTree();
+  var node = tree_node_hook.useTreeNode(id, rest);
+  var nodeChildrenRef = React.useRef(null);
+  var childrenCount = React.Children.count(children);
+  if (!node) return null;
+
+  var toggleNode = function toggleNode() {
+    treeApi.toggleNode(node.id);
+  };
+
+  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
+    node: node,
+    isLeaf: !children
+  }) : /*#__PURE__*/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);
+  var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
+    node: node,
+    toggleNode: toggleNode,
+    isLeaf: !childrenCount
+  }) : /*#__PURE__*/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])
+  }, /*#__PURE__*/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], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded, node.expanded), main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded], node.expanded)),
+    onClick: toggleNode
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon)
+  }, /*#__PURE__*/React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))), Label);
+  return /*#__PURE__*/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, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded, node.expanded), css_classes.TREE_NODE_CSS_CLASSES.treeNodeWithoutChildren, !childrenCount))
+  }, childrenCount ? Content : Label, childrenCount ? /*#__PURE__*/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],
+      exitActive: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExitActive],
+      exitDone: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExitDone]
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildren], css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildren),
+    ref: nodeChildrenRef
+  }, children)) : null);
 };
 
 exports.TreeNode = TreeNode;

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;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;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/context/tree_context.js

@@ -4,15 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const TreeContext = React.createContext({
-    addNode: () => { },
-    updateNode: () => { },
-    removeNode: () => { },
-    toggleNode: () => { },
-    getNode: () => undefined,
-    hasNode: () => false
-});
-const TreeContextProvider = TreeContext.Provider;
+var TreeContext = /*#__PURE__*/React.createContext({
+  addNode: function addNode() {},
+  updateNode: function updateNode() {},
+  removeNode: function removeNode() {},
+  toggleNode: function toggleNode() {},
+  getNode: function getNode() {
+    return undefined;
+  },
+  hasNode: function hasNode() {
+    return false;
+  }
+});
+var TreeContextProvider = TreeContext.Provider;
 
 exports.TreeContext = TreeContext;
 exports.TreeContextProvider = TreeContextProvider;

package/build/cjs/packages/aurora/src/components/tree/context/tree_context.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;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/tree/context/tree_provider.js

@@ -3,35 +3,64 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var tree_context = require('./tree_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const TreeProvider = ({ children }) => {
-    const [nodes, setNodes] = React.useState([]);
-    const value = {
-        addNode(node) {
-            setNodes((nodes) => [...nodes, node]);
-        },
-        updateNode(nodeId, node) {
-            setNodes((nodes) => nodes.map((n) => (n.id === nodeId ? { ...n, ...node } : n)));
-        },
-        getNode(nodeId) {
-            return nodes.find((node) => node.id === nodeId);
-        },
-        removeNode(nodeId) {
-            setNodes((nodes) => nodes.filter((node) => node.id !== nodeId));
-        },
-        toggleNode(nodeId) {
-            setNodes((nodes) => nodes.map((node) => (node.id === nodeId ? { ...node, expanded: !node.expanded } : node)));
-        },
-        hasNode(nodeId) {
-            return !!nodes.find((node) => node.id === nodeId);
-        }
-    };
-    return React__default['default'].createElement(tree_context.TreeContextProvider, { value: value }, children);
+var TreeProvider = function TreeProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState([]),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      nodes = _useState2[0],
+      setNodes = _useState2[1];
+
+  var value = {
+    addNode: function addNode(node) {
+      setNodes(function (nodes) {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(nodes), [node]);
+      });
+    },
+    updateNode: function updateNode(nodeId, node) {
+      setNodes(function (nodes) {
+        return nodes.map(function (n) {
+          return n.id === nodeId ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, n), node) : n;
+        });
+      });
+    },
+    getNode: function getNode(nodeId) {
+      return nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    },
+    removeNode: function removeNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.filter(function (node) {
+          return node.id !== nodeId;
+        });
+      });
+    },
+    toggleNode: function toggleNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.map(function (node) {
+          return node.id === nodeId ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, node), {}, {
+            expanded: !node.expanded
+          }) : node;
+        });
+      });
+    },
+    hasNode: function hasNode(nodeId) {
+      return !!nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(tree_context.TreeContextProvider, {
+    value: value
+  }, children);
 };
 
 exports.TreeProvider = TreeProvider;

package/build/cjs/packages/aurora/src/components/tree/context/tree_provider.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;"}
+{"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;"}

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

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const baseCssClass = 'tree';
-const TREE_CSS_CLASSES = {
-    tree: baseCssClass,
-    treeNode: `${baseCssClass}__node`
-};
-const treeNodeBaseCssClass = `tree-node`;
-const TREE_NODE_CSS_CLASSES = {
-    treeNode: treeNodeBaseCssClass,
-    treeNodeTogglerBtn: `${treeNodeBaseCssClass}__toggler-btn`,
-    treeNodeTogglerBtnExpanded: `${treeNodeBaseCssClass}__toggler-btn_expanded`,
-    treeNodeTogglerBtnIcon: `${treeNodeBaseCssClass}__toggler-btn-icon`,
-    treeNodeLabelContent: `${treeNodeBaseCssClass}__label-content`,
-    treeNodeLabel: `${treeNodeBaseCssClass}__label`,
-    treeNodeChildren: `${treeNodeBaseCssClass}__children`,
-    treeNodeChildrenEnter: `${treeNodeBaseCssClass}__children-enter`,
-    treeNodeChildrenEnterActive: `${treeNodeBaseCssClass}__children-enter-active`,
-    treeNodeChildrenExit: `${treeNodeBaseCssClass}__children-exit`,
-    treeNodeChildrenExitActive: `${treeNodeBaseCssClass}__children-exit-active`,
-    treeNodeChildrenExitDone: `${treeNodeBaseCssClass}__children-exit-done`,
-    treeNodeExpanded: `${treeNodeBaseCssClass}_expanded`,
-    treeNodeDisabled: `${treeNodeBaseCssClass}_disabled`,
-    treeNodeFocused: `${treeNodeBaseCssClass}_focused`,
-    treeNodeWithoutChildren: `${treeNodeBaseCssClass}_without-children`
+var baseCssClass = 'tree';
+var TREE_CSS_CLASSES = {
+  tree: baseCssClass,
+  treeNode: "".concat(baseCssClass, "__node")
+};
+var treeNodeBaseCssClass = "tree-node";
+var TREE_NODE_CSS_CLASSES = {
+  treeNode: treeNodeBaseCssClass,
+  treeNodeTogglerBtn: "".concat(treeNodeBaseCssClass, "__toggler-btn"),
+  treeNodeTogglerBtnExpanded: "".concat(treeNodeBaseCssClass, "__toggler-btn_expanded"),
+  treeNodeTogglerBtnIcon: "".concat(treeNodeBaseCssClass, "__toggler-btn-icon"),
+  treeNodeLabelContent: "".concat(treeNodeBaseCssClass, "__label-content"),
+  treeNodeLabel: "".concat(treeNodeBaseCssClass, "__label"),
+  treeNodeChildren: "".concat(treeNodeBaseCssClass, "__children"),
+  treeNodeChildrenEnter: "".concat(treeNodeBaseCssClass, "__children-enter"),
+  treeNodeChildrenEnterActive: "".concat(treeNodeBaseCssClass, "__children-enter-active"),
+  treeNodeChildrenExit: "".concat(treeNodeBaseCssClass, "__children-exit"),
+  treeNodeChildrenExitActive: "".concat(treeNodeBaseCssClass, "__children-exit-active"),
+  treeNodeChildrenExitDone: "".concat(treeNodeBaseCssClass, "__children-exit-done"),
+  treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
+  treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
+  treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
+  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
 };
 
 exports.TREE_CSS_CLASSES = TREE_CSS_CLASSES;