Import debounce and throttle separately (#107)

ctrlplusb · Mar 29, 2017 · e792628 · e792628
1 parent 56fb3ad
commit e792628
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 13 deletions.
diff --git a/commonjs/sizeMe.js b/commonjs/sizeMe.js
@@ -20,7 +20,13 @@ var _invariant = require('invariant');
 
 var _invariant2 = _interopRequireDefault(_invariant);
 
-var _lodash = require('lodash');
+var _throttle = require('lodash/throttle');
+
+var _throttle2 = _interopRequireDefault(_throttle);
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
 
 var _resizeDetector = require('./resizeDetector');
 
@@ -197,7 +203,7 @@ function sizeMe() {
 
   (0, _invariant2.default)(refreshMode === 'throttle' || refreshMode === 'debounce', 'The refreshMode should have a value of "throttle" or "debounce"');
 
-  var refreshDelayStrategy = refreshMode === 'throttle' ? _lodash.throttle : _lodash.debounce;
+  var refreshDelayStrategy = refreshMode === 'throttle' ? _throttle2.default : _debounce2.default;
 
   return function WrapComponent(WrappedComponent) {
     var SizeMeRenderWrapper = renderWrapper(WrappedComponent);

diff --git a/src/sizeMe.js b/src/sizeMe.js
@@ -3,7 +3,8 @@
 import React, { Children, Component, PropTypes } from 'react'
 import ReactDOM from 'react-dom'
 import invariant from 'invariant'
-import { throttle, debounce } from 'lodash'
+import throttle from 'lodash/throttle'
+import debounce from 'lodash/debounce'
 import resizeDetector from './resizeDetector'
 
 const defaultConfig = {

diff --git a/umd/react-sizeme.js b/umd/react-sizeme.js
@@ -417,14 +417,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _debounce2 = __webpack_require__(5);
-
-var _debounce3 = _interopRequireDefault(_debounce2);
-
-var _throttle2 = __webpack_require__(28);
-
-var _throttle3 = _interopRequireDefault(_throttle2);
-
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -441,6 +433,14 @@ var _invariant = __webpack_require__(20);
 
 var _invariant2 = _interopRequireDefault(_invariant);
 
+var _throttle = __webpack_require__(28);
+
+var _throttle2 = _interopRequireDefault(_throttle);
+
+var _debounce = __webpack_require__(5);
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
 var _resizeDetector = __webpack_require__(8);
 
 var _resizeDetector2 = _interopRequireDefault(_resizeDetector);
@@ -616,7 +616,7 @@ function sizeMe() {
 
   (0, _invariant2.default)(refreshMode === 'throttle' || refreshMode === 'debounce', 'The refreshMode should have a value of "throttle" or "debounce"');
 
-  var refreshDelayStrategy = refreshMode === 'throttle' ? _throttle3.default : _debounce3.default;
+  var refreshDelayStrategy = refreshMode === 'throttle' ? _throttle2.default : _debounce2.default;
 
   return function WrapComponent(WrappedComponent) {
     var SizeMeRenderWrapper = renderWrapper(WrappedComponent);