rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/Sidenav/ExpandedSidenavDropdown.js

@@ -1,71 +1,66 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"];
 import React, { useContext, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
-import { PLACEMENT_8 } from "../internals/constants/index.js";
 import { useClassNames, useInternalId } from "../internals/hooks/index.js";
 import { placementPolyfill, mergeRefs } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
-import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
 import SidenavDropdownCollapse from "./SidenavDropdownCollapse.js";
 import Disclosure from "../internals/Disclosure/Disclosure.js";
 import SidenavDropdownToggle from "./SidenavDropdownToggle.js";
 import { NavMenuContext } from "../Nav/NavMenu.js";
 import NavContext from "../Nav/NavContext.js";
-var ExpandedSidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var sidenav = useContext(SidenavContext);
-  var nav = useContext(NavContext);
-  var navMenu = useContext(NavMenuContext);
+const ExpandedSidenavDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const sidenav = useContext(SidenavContext);
+  const nav = useContext(NavContext);
+  const navMenu = useContext(NavMenuContext);
   if (!sidenav || !nav || !navMenu) {
     throw new Error('<SidenavDropdown> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    title = props.title,
-    children = props.children,
-    className = props.className,
-    menuStyle = props.menuStyle,
-    disabled = props.disabled,
-    renderTitle = props.renderTitle,
-    renderToggle = props.renderToggle,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    toggleClassName = props.toggleClassName,
-    icon = props.icon,
-    eventKey = props.eventKey,
-    toggleAs = props.toggleAs,
-    noCaret = props.noCaret,
-    style = props.style,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
-    openProp = props.open,
-    onToggle = props.onToggle,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var internalId = useInternalId('SidenavDropdown');
-  var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
-  var _sidenav$openKeys = sidenav.openKeys,
-    openKeys = _sidenav$openKeys === void 0 ? [] : _sidenav$openKeys,
-    onOpenChange = sidenav.onOpenChange;
-  var items = navMenu[0].items;
-  var hasSelectedItems =
+  const {
+    as: Component = 'div',
+    title,
+    children,
+    className,
+    menuStyle,
+    disabled,
+    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+    renderTitle,
+    renderToggle,
+    classPrefix = 'dropdown',
+    placement = 'bottomStart',
+    toggleClassName,
+    icon,
+    eventKey,
+    toggleAs,
+    noCaret,
+    style,
+    onOpen,
+    onClose,
+    open: openProp,
+    onToggle,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const internalId = useInternalId('SidenavDropdown');
+  const uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
+  const {
+    openKeys = [],
+    onOpenChange
+  } = sidenav;
+  const [{
+    items
+  }] = navMenu;
+  const hasSelectedItems =
   // has items that is active indicated by <Nav activeKey>
-  nav.activeKey && items.some(function (item) {
-    return item.eventKey === nav.activeKey;
-  }) ||
+  nav.activeKey && items.some(item => item.eventKey === nav.activeKey) ||
   // has items that is active indicated by <Nav.Item active>
-  items.some(function (item) {
-    return item.active;
-  });
-  var handleToggleDisclosure = useCallback(function (open, event) {
+  items.some(item => item.active);
+  const handleToggleDisclosure = useCallback((open, event) => {
     if (open) {
       onClose === null || onClose === void 0 || onClose();
     } else {
@@ -74,32 +69,39 @@ var ExpandedSidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref
     onToggle === null || onToggle === void 0 || onToggle(open);
     onOpenChange === null || onOpenChange === void 0 || onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
-  var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
+  const open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
   return /*#__PURE__*/React.createElement(Disclosure, {
     open: open,
     onToggle: handleToggleDisclosure
-  }, function (_ref, containerRef) {
-    var _withClassPrefix;
-    var open = _ref.open;
-    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
+  }, (_ref, containerRef) => {
+    let {
+      open
+    } = _ref;
+    const classes = merge(className, withClassPrefix({
+      [`placement-${kebabCase(placementPolyfill(placement))}`]: placement,
+      [open ? 'expand' : 'collapse']: true,
+      disabled,
+      'selected-within': hasSelectedItems,
+      'no-caret': noCaret
+    }));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, containerRef),
       style: style,
       className: classes
     }, rest, {
       "data-event-key": eventKey
-    }), /*#__PURE__*/React.createElement(Disclosure.Button, null, function (buttonProps, buttonRef) {
-      return /*#__PURE__*/React.createElement(SidenavDropdownToggle, _extends({
-        ref: buttonRef,
-        as: toggleAs,
-        noCaret: noCaret,
-        className: toggleClassName,
-        renderToggle: renderToggle,
-        icon: icon,
-        placement: placement
-      }, omit(buttonProps, ['open'])), title);
-    }), /*#__PURE__*/React.createElement(Disclosure.Content, null, function (_ref2) {
-      var open = _ref2.open;
+    }), /*#__PURE__*/React.createElement(Disclosure.Button, null, (buttonProps, buttonRef) => /*#__PURE__*/React.createElement(SidenavDropdownToggle, _extends({
+      ref: buttonRef,
+      as: toggleAs,
+      noCaret: noCaret,
+      className: toggleClassName,
+      renderToggle: renderToggle,
+      icon: icon,
+      placement: placement
+    }, omit(buttonProps, ['open'])), title)), /*#__PURE__*/React.createElement(Disclosure.Content, null, _ref2 => {
+      let {
+        open
+      } = _ref2;
       return /*#__PURE__*/React.createElement(SidenavDropdownCollapse, {
         open: open,
         style: menuStyle
@@ -108,32 +110,4 @@ var ExpandedSidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref
   });
 });
 ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';
-ExpandedSidenavDropdown.propTypes = {
-  activeKey: PropTypes.any,
-  classPrefix: PropTypes.string,
-  placement: oneOf(PLACEMENT_8),
-  title: PropTypes.node,
-  disabled: PropTypes.bool,
-  icon: PropTypes.node,
-  menuStyle: PropTypes.object,
-  className: PropTypes.string,
-  toggleClassName: PropTypes.string,
-  children: PropTypes.node,
-  tabIndex: PropTypes.number,
-  open: deprecatePropType(PropTypes.bool),
-  eventKey: PropTypes.any,
-  as: PropTypes.elementType,
-  toggleAs: PropTypes.elementType,
-  noCaret: PropTypes.bool,
-  style: PropTypes.object,
-  onClose: PropTypes.func,
-  onOpen: PropTypes.func,
-  onToggle: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onContextMenu: PropTypes.func,
-  onClick: PropTypes.func,
-  renderTitle: deprecatePropType(PropTypes.func),
-  renderToggle: PropTypes.func
-};
 export default ExpandedSidenavDropdown;

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -1,13 +1,9 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"];
 import React, { useCallback, useContext } from 'react';
 import isNil from 'lodash/isNil';
 import { useClassNames } from "../internals/hooks/index.js";
 import { createChainedFunction, shallowEqual } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
-import PropTypes from 'prop-types';
 import Ripple from "../internals/Ripple/index.js";
 import SafeAnchor from "../SafeAnchor/index.js";
 import NavContext from "../Nav/NavContext.js";
@@ -17,99 +13,80 @@ import classNames from 'classnames';
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var sidenav = useContext(SidenavContext);
-  var nav = useContext(NavContext);
+const ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const sidenav = useContext(SidenavContext);
+  const nav = useContext(NavContext);
   if (!sidenav || !nav) {
     throw new Error('<SidenavDropdownItem> component is not supposed to be used standalone. Use <Nav.Item> within <Sidenav> instead.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'li' : _props$as,
-    activeProp = props.active,
-    children = props.children,
-    disabled = props.disabled,
-    divider = props.divider,
-    panel = props.panel,
-    className = props.className,
-    style = props.style,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-    icon = props.icon,
-    eventKey = props.eventKey,
-    onClick = props.onClick,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && (shallowEqual(eventKey, sidenav.activeKey) || shallowEqual(nav.activeKey, eventKey));
-  var classes = merge(className, withClassPrefix({
+  const {
+    as: Component = 'li',
+    active: activeProp,
+    children,
+    disabled,
+    divider,
+    panel,
+    className,
+    style,
+    classPrefix = 'dropdown-item',
+    icon,
+    eventKey,
+    onClick,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = useClassNames(classPrefix);
+  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && (shallowEqual(eventKey, sidenav.activeKey) || shallowEqual(nav.activeKey, eventKey));
+  const classes = merge(className, withClassPrefix({
     'with-icon': icon,
     active: selected,
-    disabled: disabled
+    disabled
   }));
-  var handleClick = useCallback(function (event) {
+  const handleClick = useCallback(event => {
     var _nav$onSelect, _sidenav$onSelect;
     if (disabled) return;
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
     (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
     (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 || _sidenav$onSelect.call(sidenav, eventKey, event);
   }, [disabled, onSelect, sidenav, eventKey, nav]);
-  var menuitemEventHandlers = {
+  const menuitemEventHandlers = {
     onClick: createChainedFunction(handleClick, onClick)
   };
-  var renderDropdownItem = useRenderDropdownItem(Component);
+  const renderDropdownItem = useRenderDropdownItem(Component);
   if (divider) {
-    return renderDropdownItem(_extends({
-      ref: ref,
+    return renderDropdownItem({
+      ref,
       role: 'separator',
-      style: style,
-      className: merge(prefix('divider'), className)
-    }, rest));
+      style,
+      className: merge(prefix('divider'), className),
+      ...rest
+    });
   }
   if (panel) {
-    return renderDropdownItem(_extends({
-      ref: ref,
+    return renderDropdownItem({
+      ref,
       role: 'none presentation',
-      style: style,
-      className: merge(prefix('panel'), className)
-    }, rest, {
-      children: children
-    }));
+      style,
+      className: merge(prefix('panel'), className),
+      ...rest,
+      children
+    });
   }
-  return renderDropdownItem(_extends({
-    ref: ref
-  }, rest, {
-    style: style,
+  return renderDropdownItem({
+    ref,
+    ...rest,
+    style,
     className: classes,
-    'aria-current': selected || undefined
-  }, menuitemEventHandlers, {
+    'aria-current': selected || undefined,
+    ...menuitemEventHandlers,
     children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
       className: classNames(prefix('menu-icon'), icon.props.className)
     }), children, /*#__PURE__*/React.createElement(Ripple, null))
-  }), SafeAnchor);
+  }, SafeAnchor);
 });
 ExpandedSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';
-ExpandedSidenavDropdownItem.propTypes = {
-  as: PropTypes.elementType,
-  expanded: PropTypes.bool,
-  active: PropTypes.bool,
-  divider: PropTypes.bool,
-  panel: PropTypes.bool,
-  disabled: PropTypes.bool,
-  submenu: PropTypes.element,
-  onSelect: PropTypes.func,
-  onClick: PropTypes.func,
-  icon: PropTypes.node,
-  eventKey: PropTypes.any,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  children: PropTypes.node,
-  classPrefix: PropTypes.string,
-  tabIndex: PropTypes.number,
-  title: PropTypes.node,
-  onMouseOver: PropTypes.func,
-  onMouseOut: PropTypes.func
-};
 export default ExpandedSidenavDropdownItem;

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -1,11 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"];
 import React, { useCallback, useContext } from 'react';
-import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
 import SidenavDropdownCollapse from "./SidenavDropdownCollapse.js";
@@ -21,75 +16,80 @@ import { useCustom } from "../CustomProvider/index.js";
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-var ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var sidenavContext = useContext(SidenavContext);
+const ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const sidenavContext = useContext(SidenavContext);
   if (!sidenavContext) {
     throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'li' : _props$as,
-    children = props.children,
-    disabled = props.disabled,
-    className = props.className,
-    style = props.style,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-    tabIndex = props.tabIndex,
-    icon = props.icon,
-    title = props.title,
-    eventKey = props.eventKey,
-    onClick = props.onClick,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom(),
-    rtl = _useCustom.rtl;
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var _sidenavContext$openK = sidenavContext.openKeys,
-    openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,
-    onOpenChange = sidenavContext.onOpenChange,
-    onSidenavSelect = sidenavContext.onSelect;
-  var handleClick = useCallback(function (event) {
+  const {
+    as: Component = 'li',
+    children,
+    disabled,
+    className,
+    style,
+    classPrefix = 'dropdown-item',
+    tabIndex,
+    icon,
+    title,
+    eventKey,
+    onClick,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    rtl
+  } = useCustom();
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = useClassNames(classPrefix);
+  const {
+    openKeys = [],
+    onOpenChange,
+    onSelect: onSidenavSelect
+  } = sidenavContext;
+  const handleClick = useCallback(event => {
     if (disabled) return;
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
     onSidenavSelect === null || onSidenavSelect === void 0 || onSidenavSelect(eventKey, event);
   }, [disabled, onSelect, onSidenavSelect, eventKey]);
-  var menuitemEventHandlers = {
+  const menuitemEventHandlers = {
     onClick: createChainedFunction(handleClick, onClick)
   };
-  var Icon = rtl ? ArrowLeftLine : ArrowRightLine;
+  const Icon = rtl ? ArrowLeftLine : ArrowRightLine;
   return /*#__PURE__*/React.createElement(Disclosure, {
     open: !isNil(eventKey) && openKeys.includes(eventKey),
-    onToggle: function onToggle(_, event) {
-      return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);
-    }
-  }, function (_ref) {
-    var open = _ref.open;
-    var classes = merge(className, prefix('submenu'), prefix("pull-" + (rtl ? 'left' : 'right')), prefix(open ? 'expand' : 'collapse'), withClassPrefix({
+    onToggle: (_, event) => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event)
+  }, _ref => {
+    let {
+      open
+    } = _ref;
+    const classes = merge(className, prefix('submenu'), prefix(`pull-${rtl ? 'left' : 'right'}`), prefix(open ? 'expand' : 'collapse'), withClassPrefix({
       'with-icon': icon,
       // open,
-      disabled: disabled
+      disabled
     }));
-    var iconClasses = merge(className, prefix('toggle-icon'), prefix((open ? 'expand' : 'collapse') + "-icon"));
+    const iconClasses = merge(className, prefix('toggle-icon'), prefix(`${open ? 'expand' : 'collapse'}-icon`));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: ref
     }, rest, {
       tabIndex: disabled ? -1 : tabIndex,
       style: style,
       className: classes
-    }, menuitemEventHandlers), /*#__PURE__*/React.createElement(Disclosure.Button, null, function (buttonProps) {
+    }, menuitemEventHandlers), /*#__PURE__*/React.createElement(Disclosure.Button, null, buttonProps => {
       return /*#__PURE__*/React.createElement("button", _extends({
-        className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))),
+        className: prefix`toggle`,
         onClick: handleClick
       }, omit(buttonProps, ['open'])), icon && /*#__PURE__*/React.cloneElement(icon, {
         className: prefix('menu-icon')
       }), title, /*#__PURE__*/React.createElement(Icon, {
         className: iconClasses
       }), /*#__PURE__*/React.createElement(Ripple, null));
-    }), /*#__PURE__*/React.createElement(Disclosure.Content, null, function (_ref2) {
-      var open = _ref2.open;
+    }), /*#__PURE__*/React.createElement(Disclosure.Content, null, _ref2 => {
+      let {
+        open
+      } = _ref2;
       return /*#__PURE__*/React.createElement(SidenavDropdownCollapse, {
         open: open
       }, children);
@@ -97,21 +97,4 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props,
   });
 });
 ExpandedSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';
-ExpandedSidenavDropdownMenu.propTypes = {
-  as: PropTypes.elementType,
-  expanded: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onSelect: PropTypes.func,
-  onClick: PropTypes.func,
-  icon: PropTypes.node,
-  eventKey: PropTypes.any,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  children: PropTypes.node,
-  classPrefix: PropTypes.string,
-  tabIndex: PropTypes.number,
-  title: PropTypes.node,
-  onMouseOver: PropTypes.func,
-  onMouseOut: PropTypes.func
-};
 export default ExpandedSidenavDropdownMenu;

package/esm/Sidenav/Node.js

@@ -1,12 +1,11 @@
 'use client';
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 /**
  * Partial implementation of Node API
  * Used for holding tree nodes hierarchy
  * Ref: https://developer.mozilla.org/zh-CN/docs/Web/API/Node
  */
-export var Node = /*#__PURE__*/function () {
-  function Node() {
+export class Node {
+  constructor() {
     this.id = null;
     this.nodeValue = null;
     this.parent = null;
@@ -14,39 +13,29 @@ export var Node = /*#__PURE__*/function () {
     this.childNodes = [];
     this.element = void 0;
   }
-  var _proto = Node.prototype;
-  _proto.appendChild = function appendChild(newChild) {
+  appendChild(newChild) {
     newChild.parentNode = this;
     this.childNodes.push(newChild);
-  };
-  _proto.hasChildNodes = function hasChildNodes() {
+  }
+  hasChildNodes() {
     return this.childNodes.length > 0;
-  };
-  return _createClass(Node, [{
-    key: "firstChild",
-    get: function get() {
-      var _this$childNodes$;
-      return (_this$childNodes$ = this.childNodes[0]) !== null && _this$childNodes$ !== void 0 ? _this$childNodes$ : null;
-    }
-  }, {
-    key: "lastChild",
-    get: function get() {
-      var _this$childNodes;
-      return (_this$childNodes = this.childNodes[this.childNodes.length - 1]) !== null && _this$childNodes !== void 0 ? _this$childNodes : null;
-    }
-  }, {
-    key: "nextSibling",
-    get: function get() {
-      var _this$parentNode$chil;
-      if (!this.parentNode) return null;
-      return (_this$parentNode$chil = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) + 1]) !== null && _this$parentNode$chil !== void 0 ? _this$parentNode$chil : null;
-    }
-  }, {
-    key: "previousSibling",
-    get: function get() {
-      var _this$parentNode$chil2;
-      if (!this.parentNode) return null;
-      return (_this$parentNode$chil2 = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) - 1]) !== null && _this$parentNode$chil2 !== void 0 ? _this$parentNode$chil2 : null;
-    }
-  }]);
-}();
+  }
+  get firstChild() {
+    var _this$childNodes$;
+    return (_this$childNodes$ = this.childNodes[0]) !== null && _this$childNodes$ !== void 0 ? _this$childNodes$ : null;
+  }
+  get lastChild() {
+    var _this$childNodes;
+    return (_this$childNodes = this.childNodes[this.childNodes.length - 1]) !== null && _this$childNodes !== void 0 ? _this$childNodes : null;
+  }
+  get nextSibling() {
+    var _this$parentNode$chil;
+    if (!this.parentNode) return null;
+    return (_this$parentNode$chil = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) + 1]) !== null && _this$parentNode$chil !== void 0 ? _this$parentNode$chil : null;
+  }
+  get previousSibling() {
+    var _this$parentNode$chil2;
+    if (!this.parentNode) return null;
+    return (_this$parentNode$chil2 = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) - 1]) !== null && _this$parentNode$chil2 !== void 0 ? _this$parentNode$chil2 : null;
+  }
+}