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

package/lib/es/table/TableHeaderRow.js

@@ -4,19 +4,14 @@ import _set from "lodash/set";
 import _map from "lodash/map";
 import _noop from "lodash/noop";
 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";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 
 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;
 };
@@ -66,7 +61,7 @@ export default class TableHeaderRow extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign({}, super.adapter);
+    return Object.assign({}, super.adapter);
   }
 
   componentDidUpdate(prevProps) {
@@ -106,17 +101,14 @@ export default class TableHeaderRow extends BaseComponent {
             cellProps = __rest(cell, ["column"]);
 
       const customProps = typeof column.onHeaderCell === 'function' ? column.onHeaderCell(column, cellIndex, index) : {};
-
-      let cellStyle = _Object$assign({}, customProps.style);
+      let cellStyle = Object.assign({}, customProps.style);
 
       if (column.align) {
-        var _context;
-
-        cellStyle = _Object$assign(_Object$assign({}, cellStyle), {
+        cellStyle = Object.assign(Object.assign({}, cellStyle), {
           textAlign: column.align
         });
         customProps.className = classnames(customProps.className, column.className, {
-          [_concatInstanceProperty(_context = "".concat(prefixCls, "-align-")).call(_context, column.align)]: Boolean(column.align)
+          ["".concat(prefixCls, "-align-").concat(column.align)]: Boolean(column.align)
         });
       }
 
@@ -133,12 +125,12 @@ export default class TableHeaderRow extends BaseComponent {
 
         if (indexOfSlicedColumns > -1) {
           if (isFixedLeft(column)) {
-            cellStyle = _Object$assign(_Object$assign({}, cellStyle), {
+            cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
               left: arrayAdd(headWidths, 0, indexOfSlicedColumns)
             });
           } else if (isFixedRight(column)) {
-            cellStyle = _Object$assign(_Object$assign({}, cellStyle), {
+            cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
               right: arrayAdd(headWidths, indexOfSlicedColumns + 1)
             });
@@ -146,7 +138,7 @@ export default class TableHeaderRow extends BaseComponent {
         }
       }
 
-      const props = _omit(_Object$assign(_Object$assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
+      const props = _omit(Object.assign(Object.assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
 
       const {
         rowSpan,
@@ -157,7 +149,7 @@ export default class TableHeaderRow extends BaseComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(HeaderCell, _Object$assign({
+      return /*#__PURE__*/React.createElement(HeaderCell, Object.assign({
         role: "columnheader",
         "aria-colindex": cellIndex + 1
       }, props, {
@@ -166,7 +158,7 @@ export default class TableHeaderRow extends BaseComponent {
       }));
     });
 
-    return /*#__PURE__*/React.createElement(HeaderRow, _Object$assign({
+    return /*#__PURE__*/React.createElement(HeaderRow, Object.assign({
       role: "row",
       "aria-rowindex": index + 1
     }, rowProps, {
@@ -186,7 +178,7 @@ TableHeaderRow.propTypes = {
   style: PropTypes.object,
   columns: PropTypes.array,
   fixed: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  selectedRowKeysSet: PropTypes.instanceOf(_Set).isRequired
+  selectedRowKeysSet: PropTypes.instanceOf(Set).isRequired
 };
 TableHeaderRow.defaultProps = {
   onHeaderRow: _noop,

package/lib/es/table/TablePagination.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
 import React, { PureComponent, isValidElement } from 'react';
@@ -25,7 +24,7 @@ export default class TablePagination extends PureComponent {
       className: "".concat(prefixCls, "-pagination-info")
     }, info), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-pagination-wrapper")
-    }, total > 0 ? /*#__PURE__*/React.createElement(Pagination, _Object$assign({}, pagination, {
+    }, total > 0 ? /*#__PURE__*/React.createElement(Pagination, Object.assign({}, pagination, {
       key: _get(pagination, 'pageSize', 'pagination')
     })) : null)));
   }

package/lib/es/table/getColumns.js

@@ -1,8 +1,5 @@
 import _omit from "lodash/omit";
 import _get from "lodash/get";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import Column from './Column';
 
@@ -13,24 +10,20 @@ import Column from './Column';
  */
 export default function getColumns(children) {
   if (children) {
-    var _context;
-
     const columns = [];
-
-    _forEachInstanceProperty(_context = React.Children).call(_context, children, child => {
+    React.Children.forEach(children, child => {
       if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.name') === Column.name)) {
         const col = _omit(child.props, ['children']);
 
-        if (_Array$isArray(child.props.children) && child.props.children.length) {
+        if (Array.isArray(child.props.children) && child.props.children.length) {
           col.children = getColumns(child.props.children);
         }
 
-        columns.push(_Object$assign({
+        columns.push(Object.assign({
           key: child.key
         }, col));
       }
     });
-
     return columns;
   }
 

package/lib/es/table/index.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import PropTypes from 'prop-types';
 import NormalTable from './Table';
@@ -20,11 +19,11 @@ class Table extends React.PureComponent {
     const props = this.props;
 
     if (props.resizable) {
-      return /*#__PURE__*/React.createElement(ResizableTable, _Object$assign({}, props, {
+      return /*#__PURE__*/React.createElement(ResizableTable, Object.assign({}, props, {
         ref: this.tableRef
       }));
     } else {
-      return /*#__PURE__*/React.createElement(NormalTable, _Object$assign({}, props, {
+      return /*#__PURE__*/React.createElement(NormalTable, Object.assign({}, props, {
         ref: this.tableRef
       }));
     }
@@ -35,7 +34,7 @@ class Table extends React.PureComponent {
 Table.Column = Column;
 Table.DEFAULT_KEY_COLUMN_SELECTION = strings.DEFAULT_KEY_COLUMN_SELECTION;
 Table.DEFAULT_KEY_COLUMN_EXPAND = strings.DEFAULT_KEY_COLUMN_EXPAND;
-Table.propTypes = _Object$assign(_Object$assign({}, NormalTable.propTypes), {
+Table.propTypes = Object.assign(Object.assign({}, NormalTable.propTypes), {
   resizable: PropTypes.oneOfType([PropTypes.bool, PropTypes.object])
 });
 Table.defaultProps = {

package/lib/es/table/utils.js

@@ -1,6 +1,4 @@
 import _merge from "lodash/merge";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import Logger from '@douyinfe/semi-foundation/lib/es/utils/Logger';
 import { numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { cloneDeep } from '../_utils';
@@ -18,8 +16,6 @@ const scrollbarMeasure = {
  */
 
 export function measureScrollbar() {
-  var _context;
-
   let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
 
   if (typeof document === 'undefined' || typeof window === 'undefined') {
@@ -35,12 +31,10 @@ export function measureScrollbar() {
   }
 
   const scrollDiv = document.createElement('div');
-
-  _forEachInstanceProperty(_context = _Object$keys(scrollbarMeasure)).call(_context, scrollProp => {
+  Object.keys(scrollbarMeasure).forEach(scrollProp => {
     scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
   }); // Append related overflow style
 
-
   if (isVertical) {
     scrollDiv.style.overflowY = 'scroll';
   } else {

package/lib/es/tabs/TabBar.js

@@ -1,17 +1,12 @@
 import _isEmpty from "lodash/isEmpty";
-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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 
 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;
 };
@@ -35,12 +30,10 @@ class TabBar extends React.Component {
       this.props.onTabClick(itemKey, e);
 
       if (this.props.collapsible) {
-        var _context, _context2;
-
         const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
 
 
-        const tabItem = document.querySelector(_concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "[data-uuid=\"".concat(this.uuid, "\"] .")).call(_context2, cssClasses.TABS_TAB, "[data-scrollkey=\"")).call(_context, key, "\"]"));
+        const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
         tabItem.scrollIntoView({
           behavior: 'smooth',
           block: 'nearest',
@@ -83,7 +76,7 @@ class TabBar extends React.Component {
         ["".concat(cssClasses.TABS_TAB, "-small")]: size === 'small',
         ["".concat(cssClasses.TABS_TAB, "-medium")]: size === 'medium'
       });
-      return /*#__PURE__*/React.createElement("div", _Object$assign({
+      return /*#__PURE__*/React.createElement("div", Object.assign({
         role: "tab",
         id: "semiTab".concat(key),
         "data-tabkey": "semiTab".concat(key),
@@ -98,11 +91,9 @@ class TabBar extends React.Component {
       }), panelIcon, panel.tab, closableIcon);
     };
 
-    this.renderTabComponents = list => _mapInstanceProperty(list).call(list, panel => this.renderTabItem(panel));
+    this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
 
     this.handleArrowClick = (items, pos) => {
-      var _context3, _context4;
-
       const inline = pos === 'start' ? 'end' : 'start';
       const lastItem = pos === 'start' ? items.pop() : items.shift();
 
@@ -113,7 +104,7 @@ class TabBar extends React.Component {
       const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
 
 
-      const tabItem = document.querySelector(_concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "[data-uuid=\"".concat(this.uuid, "\"] .")).call(_context4, cssClasses.TABS_TAB, "[data-scrollkey=\"")).call(_context3, key, "\"]"));
+      const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
       tabItem.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
@@ -122,8 +113,6 @@ class TabBar extends React.Component {
     };
 
     this.renderCollapse = (items, icon, pos) => {
-      var _context5, _context6;
-
       if (_isEmpty(items)) {
         return /*#__PURE__*/React.createElement(Button, {
           disabled: true,
@@ -140,7 +129,7 @@ class TabBar extends React.Component {
         rePosKey
       } = this.state;
       const disabled = !items.length;
-      const menu = /*#__PURE__*/React.createElement(Dropdown.Menu, null, _mapInstanceProperty(items).call(items, panel => {
+      const menu = /*#__PURE__*/React.createElement(Dropdown.Menu, null, items.map(panel => {
         const {
           icon: i,
           tab,
@@ -154,7 +143,7 @@ class TabBar extends React.Component {
         }, panelIcon, tab);
       }));
       const arrowCls = cls({
-        [_concatInstanceProperty(_context5 = "".concat(cssClasses.TABS_BAR, "-arrow-")).call(_context5, pos)]: pos,
+        ["".concat(cssClasses.TABS_BAR, "-arrow-").concat(pos)]: pos,
         ["".concat(cssClasses.TABS_BAR, "-arrow")]: true
       });
       const dropdownCls = cls(dropdownClassName, {
@@ -164,7 +153,7 @@ class TabBar extends React.Component {
         className: dropdownCls,
         clickToHide: true,
         clickTriggerToHide: true,
-        key: _concatInstanceProperty(_context6 = "".concat(rePosKey, "-")).call(_context6, pos),
+        key: "".concat(rePosKey, "-").concat(pos),
         position: pos === 'start' ? 'bottomLeft' : 'bottomRight',
         render: disabled ? null : menu,
         showTick: true,
@@ -182,7 +171,7 @@ class TabBar extends React.Component {
       })));
     };
 
-    this.renderOverflow = items => _mapInstanceProperty(items).call(items, (item, ind) => {
+    this.renderOverflow = items => items.map((item, ind) => {
       const icon = ind === 0 ? /*#__PURE__*/React.createElement(IconChevronLeft, null) : /*#__PURE__*/React.createElement(IconChevronRight, null);
       const pos = ind === 0 ? 'start' : 'end';
       return this.renderCollapse(item, icon, pos);
@@ -192,17 +181,15 @@ class TabBar extends React.Component {
       const {
         list
       } = this.props;
-
-      const renderedList = _mapInstanceProperty(list).call(list, item => {
+      const renderedList = list.map(item => {
         const {
           itemKey
         } = item;
-        return _Object$assign({
+        return Object.assign({
           key: this._getItemKey(itemKey),
           active: this._isActive(itemKey)
         }, item);
       });
-
       return /*#__PURE__*/React.createElement(OverflowList, {
         items: renderedList,
         overflowRenderer: this.renderOverflow,
@@ -229,8 +216,6 @@ class TabBar extends React.Component {
   }
 
   renderExtra() {
-    var _context7, _context8, _context9;
-
     const {
       tabBarExtraContent,
       type,
@@ -241,13 +226,12 @@ class TabBar extends React.Component {
     };
     const tabBarExtraContentStyle = tabBarExtraContent && tabBarExtraContent.props ? tabBarExtraContent.props.style : {};
     const extraCls = cls(cssClasses.TABS_BAR_EXTRA, {
-      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS_BAR, "-")).call(_context7, type, "-extra")]: type,
-      [_concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "".concat(cssClasses.TABS_BAR, "-")).call(_context9, type, "-extra-")).call(_context8, size)]: size
+      ["".concat(cssClasses.TABS_BAR, "-").concat(type, "-extra")]: type,
+      ["".concat(cssClasses.TABS_BAR, "-").concat(type, "-extra-").concat(size)]: size
     });
 
     if (tabBarExtraContent) {
-      const tabBarStyle = _Object$assign(_Object$assign({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
-
+      const tabBarStyle = Object.assign(Object.assign({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
       return /*#__PURE__*/React.createElement("div", {
         className: extraCls,
         style: tabBarStyle,
@@ -259,8 +243,6 @@ class TabBar extends React.Component {
   }
 
   render() {
-    var _context10;
-
     const _a = this.props,
           {
       type,
@@ -277,12 +259,12 @@ class TabBar extends React.Component {
       [cssClasses.TABS_BAR_LINE]: type === 'line',
       [cssClasses.TABS_BAR_CARD]: type === 'card',
       [cssClasses.TABS_BAR_BUTTON]: type === 'button',
-      [_concatInstanceProperty(_context10 = "".concat(cssClasses.TABS_BAR, "-")).call(_context10, tabPosition)]: tabPosition,
+      ["".concat(cssClasses.TABS_BAR, "-").concat(tabPosition)]: tabPosition,
       ["".concat(cssClasses.TABS_BAR, "-collapse")]: collapsible
     });
     const extra = this.renderExtra();
     const contents = collapsible ? this.renderCollapsedTab() : this.renderTabComponents(list);
-    return /*#__PURE__*/React.createElement("div", _Object$assign({
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       role: "tablist",
       "aria-orientation": tabPosition === "left" ? "vertical" : "horizontal",
       className: classNames,

package/lib/es/tabs/TabPane.js

@@ -1,16 +1,10 @@
-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 _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
-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;
 };
@@ -30,13 +24,10 @@ class TabPane extends PureComponent {
     this.ref = /*#__PURE__*/createRef(); // get direction from current item key to activeKey
 
     this.getDirection = (activeKey, itemKey, panes) => {
-      if (itemKey !== null && activeKey !== null && _Array$isArray(panes) && panes.length) {
-        const activeIndex = _findIndexInstanceProperty(panes).call(panes, pane => pane.itemKey === activeKey);
-
-        const itemIndex = _findIndexInstanceProperty(panes).call(panes, pane => pane.itemKey === itemKey);
-
-        const lastActiveIndex = _findIndexInstanceProperty(panes).call(panes, pane => pane.itemKey === this.lastActiveKey);
-
+      if (itemKey !== null && activeKey !== null && Array.isArray(panes) && panes.length) {
+        const activeIndex = panes.findIndex(pane => pane.itemKey === activeKey);
+        const itemIndex = panes.findIndex(pane => pane.itemKey === itemKey);
+        const lastActiveIndex = panes.findIndex(pane => pane.itemKey === this.lastActiveKey);
         this.lastActiveKey = activeKey;
 
         if (activeIndex === itemIndex) {
@@ -107,7 +98,7 @@ class TabPane extends PureComponent {
       [cssClasses.TABS_PANE]: true
     });
     const shouldRender = this.shouldRender();
-    return /*#__PURE__*/React.createElement("div", _Object$assign({
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       ref: this.ref,
       role: "tabpanel",
       id: "semiTabPanel".concat(itemKey),
@@ -125,7 +116,7 @@ class TabPane extends PureComponent {
       state: active ? 'enter' : 'leave'
     }, transitionStyle => /*#__PURE__*/React.createElement("div", {
       className: "".concat(cssClasses.TABS_PANE_MOTION_OVERLAY),
-      style: _Object$assign({}, transitionStyle),
+      style: Object.assign({}, transitionStyle),
       "x-semi-prop": "children"
     }, shouldRender ? children : null)) : shouldRender ? children : null);
   }

package/lib/es/tabs/TabPaneTransition.js

@@ -1,5 +1,4 @@
 import _toInteger from "lodash/toInteger";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable react/destructuring-assignment */
 import React from 'react';
@@ -23,7 +22,7 @@ const TabPaneTransition = function () {
   }
 
   if (mode === 'vertical') {
-    return /*#__PURE__*/React.createElement(Transition, _Object$assign({}, props, {
+    return /*#__PURE__*/React.createElement(Transition, Object.assign({}, props, {
       config: {
         tension: 612,
         friction: 32
@@ -62,7 +61,7 @@ const TabPaneTransition = function () {
     } : props.children);
   }
 
-  return /*#__PURE__*/React.createElement(Transition, _Object$assign({}, props, {
+  return /*#__PURE__*/React.createElement(Transition, Object.assign({}, props, {
     config: {
       tension: 612,
       friction: 32