@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2

package/lib/es/modal/useModal/HookModal.js

@@ -1,15 +1,12 @@
 import _get from "lodash/get";
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -28,12 +25,12 @@ const HookModal = (_a, ref) => {
   const [innerConfig, setInnerConfig] = React.useState(config);
   React.useImperativeHandle(ref, () => ({
     destroy: () => {
-      setInnerConfig(originConfig => _Object$assign(_Object$assign({}, originConfig), {
+      setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), {
         visible: false
       }));
     },
     update: newConfig => {
-      setInnerConfig(originConfig => _Object$assign(_Object$assign({}, originConfig), newConfig));
+      setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), newConfig));
     }
   }));
   const {
@@ -41,7 +38,7 @@ const HookModal = (_a, ref) => {
   } = props;
   /* istanbul ignore next */
 
-  const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
+  const mergedMotion = typeof motion === 'undefined' || motion ? Object.assign(Object.assign({}, motion), {
     didLeave: function () {
       const didLeave = _get(props.motion, 'didLeave');
 
@@ -52,7 +49,7 @@ const HookModal = (_a, ref) => {
       afterClose();
     }
   }) : false;
-  return /*#__PURE__*/React.createElement(ConfirmModal, _Object$assign({}, innerConfig, {
+  return /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, innerConfig, {
     // visible={!visible ? visible : undefined}
     motion: mergedMotion
   }));

package/lib/es/modal/useModal/index.js

@@ -1,4 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React from 'react';
 import HookModal from './HookModal';
 import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
@@ -10,7 +9,7 @@ function usePatchElement() {
   function patchElement(element) {
     setElements(originElements => [...originElements, element]);
     return () => {
-      setElements(originElements => _filterInstanceProperty(originElements).call(originElements, ele => ele !== element));
+      setElements(originElements => originElements.filter(ele => ele !== element));
     };
   }
 

package/lib/es/motions/Rotate.js

@@ -1,5 +1,3 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useEffect, useState, Children, cloneElement, isValidElement } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
@@ -47,8 +45,8 @@ function OpenIconTransition() {
         easing: 'cubic-bezier(.62, .05, .36, .95)'
       }
     }
-  }, transitionStyle => _mapInstanceProperty(Children).call(Children, children, child => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, _Object$assign(_Object$assign({}, child.props), {
-    style: _Object$assign(_Object$assign({}, child.props.style), formatStyle(transitionStyle))
+  }, transitionStyle => Children.map(children, child => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, Object.assign(Object.assign({}, child.props), {
+    style: Object.assign(Object.assign({}, child.props.style), formatStyle(transitionStyle))
   })) : child));
 }
 

package/lib/es/navigation/CollapseButton.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import { IconSidebar } from '@douyinfe/semi-icons';
 import Button from '../button';
@@ -36,5 +35,5 @@ export default function CollapseButton(_ref) {
   }, isCollapsed ? /*#__PURE__*/React.createElement(Tooltip, {
     content: finalCollapseText,
     position: "right"
-  }, /*#__PURE__*/React.createElement(Button, _Object$assign({}, btnProps))) : /*#__PURE__*/React.createElement(Button, _Object$assign({}, btnProps), finalCollapseText));
+  }, /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps))) : /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps), finalCollapseText));
 }

package/lib/es/navigation/Footer.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -26,7 +25,7 @@ export default class NavFooter extends PureComponent {
         locale,
         isCollapsed
       } = this.context;
-      return /*#__PURE__*/React.createElement(CollapseButton, _Object$assign({
+      return /*#__PURE__*/React.createElement(CollapseButton, Object.assign({
         prefixCls: prefixCls,
         isCollapsed: isCollapsed,
         locale: locale,

package/lib/es/navigation/Header.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -39,7 +38,7 @@ export default class NavHeader extends PureComponent {
     }, text) : null, children);
 
     if (typeof link === 'string') {
-      wrappedChildren = /*#__PURE__*/React.createElement("a", _Object$assign({
+      wrappedChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: "".concat(prefixCls, "-header-link"),
         href: link
       }, linkOptions), wrappedChildren);

package/lib/es/navigation/Item.js

@@ -1,8 +1,5 @@
 import _times from "lodash/times";
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable max-len */
 
@@ -68,7 +65,7 @@ export default class NavItem extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
       updateTooltipShow: tooltipShow => this.setState({
         tooltipShow
@@ -101,22 +98,12 @@ export default class NavItem extends BaseComponent {
         return _this.props.onMouseLeave(...arguments);
       },
       getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
-      getSelected: () => {
-        var _context;
-
-        return Boolean(this.context && this.context.selectedKeys && _includesInstanceProperty(_context = this.context.selectedKeys).call(_context, this.props.itemKey));
-      },
-      getIsOpen: () => {
-        var _context2;
-
-        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
-      }
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
-    var _context3;
-
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
@@ -135,7 +122,7 @@ export default class NavItem extends BaseComponent {
     }
 
     const className = cls("".concat(clsPrefix, "-icon"), {
-      [_concatInstanceProperty(_context3 = "".concat(clsPrefix, "-icon-toggle-")).call(_context3, this.context.toggleIconPosition)]: isToggleIcon,
+      ["".concat(clsPrefix, "-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
       ["".concat(clsPrefix, "-icon-info")]: !isToggleIcon
     });
     return /*#__PURE__*/React.createElement("i", {
@@ -189,7 +176,7 @@ export default class NavItem extends BaseComponent {
     }
 
     if (typeof link === 'string') {
-      itemChildren = /*#__PURE__*/React.createElement("a", _Object$assign({
+      itemChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: "".concat(prefixCls, "-item-link"),
         href: link
       }, linkOptions), itemChildren);
@@ -233,7 +220,7 @@ export default class NavItem extends BaseComponent {
         ariaProps['aria-expanded'] = isOpen;
       }
 
-      itemDom = /*#__PURE__*/React.createElement("li", _Object$assign({
+      itemDom = /*#__PURE__*/React.createElement("li", Object.assign({
         role: "menuitem",
         tabIndex: -1
       }, ariaProps, {

package/lib/es/navigation/OpenIconTransition.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useEffect, useState } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
@@ -51,7 +50,7 @@ function OpenIconTransition() {
 
     if ( /*#__PURE__*/React.isValidElement(children)) {
       return /*#__PURE__*/React.cloneElement(children, {
-        style: _Object$assign(_Object$assign({}, children.props && children.props.style), formatedStyle)
+        style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
       });
     }
 

package/lib/es/navigation/SubNav.js

@@ -1,8 +1,5 @@
 import _get from "lodash/get";
 import _times from "lodash/times";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable max-len */
 
@@ -79,7 +76,7 @@ export default class SubNav extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateIsHovered: isHovered => this.setState({
         isHovered
       }),
@@ -108,22 +105,12 @@ export default class SubNav extends BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => {
-        var _context;
-
-        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
-      },
-      getIsOpen: () => {
-        var _context2;
-
-        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
-      }
+      getIsSelected: itemKey => Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
 
   renderIcon(icon, pos, withTransition) {
-    var _context3;
-
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
     const {
@@ -136,7 +123,7 @@ export default class SubNav extends BaseComponent {
     }
 
     const className = cls("".concat(prefixCls, "-item-icon"), {
-      [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-item-icon-toggle-")).call(_context3, this.context.toggleIconPosition)]: isToggleIcon,
+      ["".concat(prefixCls, "-item-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
       ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
     });
     const isOpen = this.adapter.getIsOpen();
@@ -243,7 +230,7 @@ export default class SubNav extends BaseComponent {
       isCollapsed: isCollapsed,
       maxHeight: maxHeight
     }, !isCollapsed && isOpen ? transitionStyle => /*#__PURE__*/React.createElement("ul", {
-      style: _Object$assign(_Object$assign({}, transitionStyle), {
+      style: Object.assign(Object.assign({}, transitionStyle), {
         visibility: isCollapsed ? 'hidden' : 'visible'
       }),
       className: subNavCls
@@ -287,7 +274,7 @@ export default class SubNav extends BaseComponent {
 
     if (isCollapsed || mode === strings.MODE_HORIZONTAL) {
       // Do not show dropdown when disabled
-      _elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, _Object$assign({
+      _elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, Object.assign({
         className: subNavCls,
         render: /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement("li", {
           className: "".concat(prefixCls, "-popover-crumb")
@@ -335,7 +322,7 @@ export default class SubNav extends BaseComponent {
       disabled: disabled,
       text: text
     }, /*#__PURE__*/React.createElement(NavContext.Provider, {
-      value: _Object$assign(_Object$assign({}, this.context), {
+      value: Object.assign(Object.assign({}, this.context), {
         isInSubNav: true
       })
     }, titleDiv, subUl));

package/lib/es/navigation/index.js

@@ -1,13 +1,6 @@
 import _isEqual from "lodash/isEqual";
 import _get from "lodash/get";
 import _noop from "lodash/noop";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 
 /* eslint-disable max-lines-per-function */
 import BaseComponent from '../_base/baseComponent';
@@ -26,32 +19,30 @@ import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 
 function createAddKeysFn(context, keyName) {
   return function addKeys() {
-    const handleKeys = new _Set(context.state[keyName]);
+    const handleKeys = new Set(context.state[keyName]);
 
     for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
       keys[_key] = arguments[_key];
     }
 
-    _forEachInstanceProperty(keys).call(keys, key => key && handleKeys.add(key));
-
+    keys.forEach(key => key && handleKeys.add(key));
     context.setState({
-      [keyName]: _Array$from(handleKeys)
+      [keyName]: Array.from(handleKeys)
     });
   };
 }
 
 function createRemoveKeysFn(context, keyName) {
   return function removeKeys() {
-    const handleKeys = new _Set(context.state[keyName]);
+    const handleKeys = new Set(context.state[keyName]);
 
     for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       keys[_key2] = arguments[_key2];
     }
 
-    _forEachInstanceProperty(keys).call(keys, key => key && handleKeys.delete(key));
-
+    keys.forEach(key => key && handleKeys.delete(key));
     context.setState({
-      [keyName]: _Array$from(handleKeys)
+      [keyName]: Array.from(handleKeys)
     });
   };
 }
@@ -84,11 +75,11 @@ class Nav extends BaseComponent {
       itemKeysMap: {},
       selectedKeys: []
     };
-    this.state = _Object$assign({}, initState);
+    this.state = Object.assign({}, initState);
 
     if (items && items.length || children) {
       const calcState = this.foundation.init('constructor');
-      this.state = _Object$assign(_Object$assign({}, initState), calcState);
+      this.state = Object.assign(Object.assign({}, initState), calcState);
     }
   }
 
@@ -132,7 +123,7 @@ class Nav extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       notifySelect: function () {
         return _this.props.onSelect(...arguments);
       },
@@ -149,7 +140,7 @@ class Nav extends BaseComponent {
         items: [...items]
       }),
       setItemKeysMap: itemKeysMap => this.setState({
-        itemKeysMap: _Object$assign({}, itemKeysMap)
+        itemKeysMap: Object.assign({}, itemKeysMap)
       }),
       addSelectedKeys: createAddKeysFn(this, 'selectedKeys'),
       removeSelectedKeys: createRemoveKeysFn(this, 'selectedKeys'),
@@ -177,15 +168,15 @@ class Nav extends BaseComponent {
   renderItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(items).call(items, (item, idx) => {
-      if (_Array$isArray(item.items) && item.items.length) {
-        return /*#__PURE__*/React.createElement(SubNav, _Object$assign({
+    const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null, items.map((item, idx) => {
+      if (Array.isArray(item.items) && item.items.length) {
+        return /*#__PURE__*/React.createElement(SubNav, Object.assign({
           key: item.itemKey || String(level) + idx
         }, item, {
           level: level
         }), this.renderItems(item.items, level + 1));
       } else {
-        return /*#__PURE__*/React.createElement(Item, _Object$assign({
+        return /*#__PURE__*/React.createElement(Item, Object.assign({
           key: item.itemKey || String(level) + idx
         }, item, {
           level: level
@@ -230,9 +221,7 @@ class Nav extends BaseComponent {
       addSelectedKeys,
       removeSelectedKeys
     } = this.adapter;
-
-    const finalStyle = _Object$assign({}, style);
-
+    const finalStyle = Object.assign({}, style);
     let children = Children.toArray(originChildren);
     const footers = [];
     const headers = [];
@@ -242,7 +231,7 @@ class Nav extends BaseComponent {
         key: 0
       }, footer));
     } else if (footer && typeof footer === 'object') {
-      footers.push( /*#__PURE__*/React.createElement(Footer, _Object$assign({
+      footers.push( /*#__PURE__*/React.createElement(Footer, Object.assign({
         key: 0
       }, footer)));
     }
@@ -252,12 +241,12 @@ class Nav extends BaseComponent {
         key: 0
       }, header));
     } else if (header && typeof header === 'object') {
-      headers.push( /*#__PURE__*/React.createElement(Header, _Object$assign({
+      headers.push( /*#__PURE__*/React.createElement(Header, Object.assign({
         key: 0
       }, header)));
     }
 
-    if (_Array$isArray(children) && children.length) {
+    if (Array.isArray(children) && children.length) {
       children = [...children];
       let childrenLength = children.length;
 
@@ -266,16 +255,12 @@ class Nav extends BaseComponent {
 
         if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
           footers.push(child);
-
-          _spliceInstanceProperty(children).call(children, i, 1);
-
+          children.splice(i, 1);
           i--;
           childrenLength--;
         } else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
           headers.push(child);
-
-          _spliceInstanceProperty(children).call(children, i, 1);
-
+          children.splice(i, 1);
           i--;
           childrenLength--;
         }

package/lib/es/notification/NoticeTransition.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 // @ts-ignore  Currently there is no types for semi-animation-react
 import { Transition } from '@douyinfe/semi-animation-react';
 import React from 'react';
@@ -43,7 +42,7 @@ export default function NoticeTransition() {
   }
 
   return /*#__PURE__*/React.createElement(Transition // onFrame={style => console.log(formatStyle(style))}
-  , _Object$assign({
+  , Object.assign({
     // onFrame={style => console.log(formatStyle(style))}
     from: {
       translate: 100,

package/lib/es/notification/index.js

@@ -1,11 +1,3 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
@@ -59,16 +51,16 @@ class NotificationList extends BaseComponent {
             key: position,
             className: className,
             style: style
-          }, _mapInstanceProperty(notices).call(notices, (notice, index) => notice.motion ? /*#__PURE__*/React.createElement(NoticeTransition, {
+          }, notices.map((notice, index) => notice.motion ? /*#__PURE__*/React.createElement(NoticeTransition, {
             key: notice.id || index,
             position: position,
             motion: notice.motion
-          }, _findInstanceProperty(removedItems).call(removedItems, item => item.id === notice.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Notice, _Object$assign({}, notice, {
-            style: _Object$assign(_Object$assign({}, transitionStyle), notice.style),
+          }, removedItems.find(item => item.id === notice.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Notice, Object.assign({}, notice, {
+            style: Object.assign(Object.assign({}, transitionStyle), notice.style),
             key: notice.id,
             close: _this.remove
-          }))) : /*#__PURE__*/React.createElement(Notice, _Object$assign({}, notice, {
-            style: _Object$assign({}, notice.style),
+          }))) : /*#__PURE__*/React.createElement(Notice, Object.assign({}, notice, {
+            style: Object.assign({}, notice.style),
             key: notice.id,
             close: _this.remove
           }))))
@@ -90,7 +82,7 @@ class NotificationList extends BaseComponent {
   get adapter() {
     var _this2 = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateNotices: function (notices) {
         let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
         _this2.noticeStorage = [...notices];
@@ -115,9 +107,7 @@ class NotificationList extends BaseComponent {
       const div = document.createElement('div');
 
       if (!this.wrapperId) {
-        var _context;
-
-        this.wrapperId = _sliceInstanceProperty(_context = getUuid('notification-wrapper')).call(_context, 0, 32);
+        this.wrapperId = getUuid('notification-wrapper').slice(0, 32);
       }
 
       div.className = cssClasses.WRAPPER;
@@ -134,12 +124,12 @@ class NotificationList extends BaseComponent {
       ReactDOM.render( /*#__PURE__*/React.createElement(NotificationList, {
         ref: instance => ref = instance
       }), div, () => {
-        ref.add(_Object$assign(_Object$assign({}, notice), {
+        ref.add(Object.assign(Object.assign({}, notice), {
           id
         }));
       });
     } else {
-      ref.add(_Object$assign(_Object$assign({}, notice), {
+      ref.add(Object.assign(Object.assign({}, notice), {
         id
       }));
     }
@@ -156,31 +146,31 @@ class NotificationList extends BaseComponent {
   }
 
   static info(opts) {
-    return this.addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'info'
     }));
   }
 
   static success(opts) {
-    return this.addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'success'
     }));
   }
 
   static error(opts) {
-    return this.addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'error'
     }));
   }
 
   static warning(opts) {
-    return this.addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'warning'
     }));
   }
 
   static open(opts) {
-    return this.addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'default'
     }));
   }
@@ -201,9 +191,7 @@ class NotificationList extends BaseComponent {
   }
 
   static config(opts) {
-    var _context2;
-
-    _mapInstanceProperty(_context2 = ['top', 'left', 'bottom', 'right']).call(_context2, pos => {
+    ['top', 'left', 'bottom', 'right'].map(pos => {
       if (pos in opts) {
         defaultConfig[pos] = opts[pos];
       }
@@ -223,30 +211,24 @@ class NotificationList extends BaseComponent {
   }
 
   setPosInStyle(noticeInstance) {
-    var _context3;
-
     const style = {};
-
-    _forEachInstanceProperty(_context3 = ['top', 'left', 'bottom', 'right']).call(_context3, pos => {
+    ['top', 'left', 'bottom', 'right'].forEach(pos => {
       if (pos in noticeInstance) {
         const val = noticeInstance[pos];
         style[pos] = typeof val === 'number' ? "".concat(val, "px") : val;
       }
     });
-
     return style;
   }
 
   render() {
-    var _context4;
-
     let {
       notices
     } = this.state;
     const {
       removedItems
     } = this.state;
-    notices = _Array$from(new _Set([...notices, ...removedItems]));
+    notices = Array.from(new Set([...notices, ...removedItems]));
     const noticesInPosition = {
       top: [],
       topLeft: [],
@@ -255,20 +237,17 @@ class NotificationList extends BaseComponent {
       bottomLeft: [],
       bottomRight: []
     };
-
-    _forEachInstanceProperty(notices).call(notices, notice => {
+    notices.forEach(notice => {
       const direction = notice.direction || this.context.direction;
       const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';
       const position = notice.position || defaultPosition;
       noticesInPosition[position].push(notice);
     });
-
-    const noticesList = _mapInstanceProperty(_context4 = _Object$entries(noticesInPosition)).call(_context4, obj => {
+    const noticesList = Object.entries(noticesInPosition).map(obj => {
       const pos = obj[0];
       const noticesInPos = obj[1];
       return this.renderNoticeInPosition(noticesInPos, pos, removedItems);
     });
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, noticesList);
   }