feat: remove lodash

Author: runjuu

package.json

@@ -43,14 +43,14 @@
     ]
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.115",
     "@types/react": "^16.4.7",
     "@types/react-dom": "^16.0.7",
     "husky": "^1.2.0",
     "less": "^3.9.0",
     "lint-staged": "^8.1.0",
     "normalize.css": "^8.0.1",
     "parcel-bundler": "^1.10.3",
+    "parcel-plugin-bundle-visualiser": "^1.2.0",
     "prettier": "1.15.3",
     "react": "^16.4.2",
     "react-dom": "^16.4.2",
@@ -62,7 +62,6 @@
     "typescript": "^3.1.6"
   },
   "dependencies": {
-    "lodash": "^4.17.11",
     "rxjs": "^6.3.3"
   },
   "peerDependencies": {

src/Bar.tsx

@@ -1,8 +1,13 @@
 import * as React from 'react';
-import { omit } from 'lodash';
 
-import { BarActionType, ChildProps, Coordinate, ExpandInteractiveArea } from './types';
+import {
+  BarActionType,
+  ChildProps,
+  Coordinate,
+  ExpandInteractiveArea,
+} from './types';
 import { withResizerContext } from './context';
+import { omit } from './utils';
 
 type Props = React.HTMLAttributes<HTMLDivElement> &
   Pick<ChildProps, 'context' | 'size' | 'innerRef'> & {
@@ -60,8 +65,7 @@ class BarComponent extends React.PureComponent<Props> {
   }
 
   private get renderProps() {
-    return omit(
-      this.props,
+    return omit(this.props, [
       'expandInteractiveArea',
       'onStatusChanged',
       'children',
@@ -70,7 +74,7 @@ class BarComponent extends React.PureComponent<Props> {
       'innerRef',
       'context',
       'size',
-    );
+    ]);
   }
 
   private isActivated: boolean = false;

src/Container/index.tsx

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { Subject, merge, animationFrameScheduler } from 'rxjs';
 import { filter, share, observeOn, map } from 'rxjs/operators';
-import { omit } from 'lodash';
 
 import {
   BarAction,
   ChildProps,
   ResizerContext,
   SizeRelatedInfo,
 } from '../types';
+import { omit } from '../utils';
 import { ResizerProvider } from '../context';
 
 import { Resizer } from './Resizer';
@@ -79,7 +79,7 @@ class Container extends React.PureComponent<Props> {
   }
 
   private get renderProps() {
-    return omit(this.props, 'vertical', 'beforeApplyResizer');
+    return omit(this.props, ['vertical', 'beforeApplyResizer']);
   }
 
   private get contextValue(): ResizerContext {

src/Section.tsx

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { omit } from 'lodash';
 import { Subscription } from 'rxjs';
 import { filter, map, tap } from 'rxjs/operators';
 
 import { ChildProps, SizeInfo } from './types';
 import { withResizerContext } from './context';
-import { isValidNumber } from './utils';
+import { isValidNumber, omit } from './utils';
 
 type Props = ChildProps & React.HTMLAttributes<HTMLDivElement>;
 
@@ -59,8 +58,7 @@ class SectionComponent extends React.PureComponent<Props> {
   }
 
   render() {
-    const props = omit(
-      this.props,
+    const props = omit(this.props, [
       'innerRef',
       // ChildProps
       'defaultSize',
@@ -69,7 +67,7 @@ class SectionComponent extends React.PureComponent<Props> {
       'size',
       'minSize',
       'maxSize',
-    );
+    ]);
 
     const { vertical } = this.props.context;
 

src/context.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { noop } from 'lodash';
+import { EMPTY } from 'rxjs';
 
 import { Omit, ChildProps, ResizerContext } from './types';
-import { EMPTY } from 'rxjs';
+import { noop } from './utils';
 
 export const {
   Provider: ResizerProvider,

src/utils.ts

@@ -1,5 +1,20 @@
-import { isFinite as _isFinite } from 'lodash';
-
 export function isValidNumber(num?: number): num is number {
-  return _isFinite(num);
+  return typeof num === 'number' && num === num;
+}
+
+export function omit<T extends { [key in string]: any }>(
+  obj: T,
+  paths: string[],
+): T {
+  const newObj = {} as T;
+
+  Object.keys(obj)
+    .filter((path) => paths.indexOf(path) === -1)
+    .forEach((path) => {
+      newObj[path] = obj[path];
+    });
+
+  return newObj;
 }
+
+export function noop() {}