@electerm/electerm-react 2.1.26 → 2.2.0

package/client/components/common/animate-text.jsx

@@ -3,7 +3,6 @@
  */
 
 import React from 'react'
-import './animate-text.styl'
 
 export default class AnimateText extends React.PureComponent {
   constructor (props) {
@@ -13,7 +12,7 @@ export default class AnimateText extends React.PureComponent {
 
   componentDidUpdate () {
     const dom = this.textRef.current
-    dom.className = (this.props.className || 'animate-text-wrap') + ' animated bounceIn'
+    dom.className = (this.props.className || 'animate-text-wrap')
     this.timer = setTimeout(() => {
       if (dom) {
         dom.className = this.props.className || 'animate-text-wrap'

package/client/components/sftp/address-bar.jsx

@@ -90,7 +90,6 @@ function renderHistory (props, type) {
   }
   const cls = classnames(
     'sftp-history',
-    'animated',
     `sftp-history-${type}`,
     { focused }
   )

package/client/components/sftp/file-icon.jsx

@@ -2,7 +2,7 @@
  * file/folder icon by ext or name
  */
 
-import { getIconForFile, getIconForFolder } from 'vscode-icons-js'
+import { getIconForFile, getIconForFolder } from 'electerm-icons'
 // import Icon from '@ant-design/icons'
 
 export default function FileIcon ({ file, ...extra }) {

package/client/components/sftp/sftp-entry.jsx

@@ -1064,7 +1064,6 @@ export default class Sftp extends Component {
     }
     const cls = classnames(
       'sftp-history',
-      'animated',
       `sftp-history-${type}`,
       { focused }
     )

package/client/components/sidebar/index.jsx

@@ -189,7 +189,7 @@ export default memo(function Sidebar (props) {
                   className='control-icon-wrap'
                 >
                   <UpCircleOutlined
-                    className='iblock font18 control-icon hvr-bob upgrade-icon'
+                    className='iblock font18 control-icon upgrade-icon'
                     onClick={handleShowUpgrade}
                   />
                 </div>

package/client/components/sidebar/sidebar.styl

@@ -95,44 +95,6 @@
     &:hover
       color text-light
 
-// Hover.css (http://ianlunn.github.io/Hover/)
-// Version: 2.3.2
-// Author: Ian Lunn @IanLunn
-// Author URL: http://ianlunn.co.uk/
-// Github: https://github.com/IanLunn/Hover
-// Hover.css Copyright Ian Lunn 2017. Generated with Sass.
-
-// Bob
-@keyframes hvr-bob
-  0%
-    transform translateY(-8px)
-
-  50%
-    transform translateY(-4px)
-
-  100%
-    transform translateY(-8px)
-
-@keyframes hvr-bob-float
-  100%
-    transform translateY(-8px)
-
-.hvr-bob
-  transform perspective(1px) translateZ(0)
-  box-shadow 0 0 1px rgba(0, 0, 0, 0)
-  animation-name hvr-bob-float, hvr-bob
-  animation-duration .3s, 1.5s
-  animation-delay 0s, .3s
-  animation-timing-function ease-out, ease-in-out
-  animation-iteration-count 1, infinite
-  animation-fill-mode forwards
-  animation-direction normal, alternate
-
-.hvr-bob-fast
-  transform perspective(2px) translateZ(0)
-  animation-duration .15s, .3s
-  animation-delay 0s, .15s
-
 .btns .upgrade-icon
   color success
 .close-info-modal

package/client/components/sidebar/transfer-list.jsx

@@ -23,7 +23,6 @@ export default memo(function TransferList (props) {
   }
   const color = fileTransfers.some(item => item.error) ? 'red' : 'green'
   const bdProps = {
-    className: len ? 'hvr-bob hvr-bob-fast' : '',
     count: len,
     size: 'small',
     offset: [-10, -5],
@@ -35,16 +34,19 @@ export default memo(function TransferList (props) {
     transferHistory,
     transferTab
   }
+  const popProps = {
+    placement: 'right',
+    destroyOnHidden: true,
+    overlayClassName: 'transfer-list-card',
+    content: <TransferModal {...transferModalProps} />
+  }
   return (
     <div
       className='control-icon-wrap'
       title={e('fileTransfers')}
     >
       <Popover
-        placement='right'
-        destroyTooltipOnHide
-        overlayClassName='transfer-list-card'
-        content={<TransferModal {...transferModalProps} />}
+        {...popProps}
       >
         <Badge
           {...bdProps}

package/client/components/terminal/command-tracker-addon.js

@@ -71,6 +71,12 @@ export class CommandTrackerAddon {
     }
   }
 
+  clearCommand () {
+    this.activeCommand = ''
+    this.currentCommand = ''
+    this.cursorPosition = 0
+  }
+
   getCurrentCommand () {
     return this.activeCommand || this.currentCommand
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "2.1.26",
+  "version": "2.2.0",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",

package/client/components/common/animate-text.styl

@@ -1,39 +0,0 @@
-// animate.css -http://daneden.me/animate
-// Version - 3.5.2
-// Licensed under the MIT license - http://opensource.org/licenses/MIT
-// Copyright (c) 2017 Daniel Eden
-
-.animated
-  animation-duration 1s
-  animation-fill-mode both
-
-.animated.bounceIn
-  animation-duration .45s
-
-@keyframes bounceIn
-  from, 20%, 40%, 60%, 80%, to
-    animation-timing-function cubic-bezier(0.215, 0.610, 0.355, 1.000)
-
-  0%
-    opacity 0
-    transform scale3d(.3, .3, .3)
-
-  20%
-    transform scale3d(1.1, 1.1, 1.1)
-
-  40%
-    transform scale3d(.9, .9, .9)
-
-  60%
-    opacity 1
-    transform scale3d(1.03, 1.03, 1.03)
-
-  80%
-    transform scale3d(.97, .97, .97)
-
-  to
-    opacity 1
-    transform scale3d(1, 1, 1)
-
-.bounceIn
-  animation-name bounceIn