using per function lodash throttle

storybookjs · Mar 10, 2018 · a61b043 · a61b043
1 parent 535d0b9
commit a61b043
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/lib/ui/package.json b/lib/ui/package.json
@@ -28,6 +28,7 @@
     "lodash.debounce": "^4.0.8",
     "lodash.pick": "^4.4.0",
     "lodash.sortby": "^4.7.0",
+    "lodash.throttle": "^4.1.1",
     "prop-types": "^15.6.1",
     "qs": "^6.5.1",
     "react-fuzzy": "^0.5.2",

diff --git a/lib/ui/src/modules/ui/components/layout/index.js b/lib/ui/src/modules/ui/components/layout/index.js
@@ -2,7 +2,7 @@ import { localStorage } from 'global';
 import PropTypes from 'prop-types';
 import React from 'react';
 import SplitPane from 'react-split-pane';
-import _ from 'lodash'; /* eslint-disable-line import/no-extraneous-dependencies */
+import throttle from 'lodash.throttle';
 
 import USplit from './usplit';
 import Dimensions from './dimensions';
@@ -136,7 +136,7 @@ class Layout extends React.Component {
       isDragging: false,
     };
 
-    this.onThrottledResize = _.throttle(this.onResize.bind(this), 200);
+    this.onThrottledResize = throttle(this.onResize.bind(this), 200);
     this.onDragStart = this.onDragStart.bind(this);
     this.onDragEnd = this.onDragEnd.bind(this);
   }

diff --git a/yarn.lock b/yarn.lock
@@ -9729,6 +9729,10 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "~3.0.0"
 
+lodash.throttle@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
+
 lodash.union@~4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.union/-/lodash.union-4.6.0.tgz#48bb5088409f16f1821666641c44dd1aaae3cd88"