Use specific lodash imports

Author: mtraynham

lib/components/tree.component.ts

@@ -8,9 +8,8 @@ import { TreeDraggedElement } from '../models/tree-dragged-element.model';
 import { TreeOptions } from '../models/tree-options.model';
 import { TreeViewportComponent } from './tree-viewport.component';
 
-import * as _ from 'lodash';
-
-const { includes, pick }  = _;
+import includes from 'lodash/includes';
+import pick from 'lodash/pick';
 
 @Component({
   selector: 'Tree, tree-root',

lib/models/tree-node.model.ts

@@ -4,8 +4,10 @@ import { TreeOptions } from './tree-options.model';
 import { ITreeNode } from '../defs/api';
 import { TREE_EVENTS } from '../constants/events';
 
-import * as _ from 'lodash';
-const { first, last, some, every } = _;
+import first from 'lodash/first';
+import last from 'lodash/last';
+import some from 'lodash/some';
+import every from 'lodash/every';
 
 export class TreeNode implements ITreeNode {
   @computed get isHidden() { return this.treeModel.isHidden(this); };

lib/models/tree-options.model.ts

@@ -3,7 +3,10 @@ import { TreeModel } from './tree.model';
 import { KEYS } from '../constants/keys';
 import { ITreeOptions } from '../defs/api';
 
-import * as _ from 'lodash';
+import defaultsDeep from 'lodash/defaultsDeep';
+import get from 'lodash/get';
+import omit from 'lodash/omit';
+import isNumber from 'lodash/isNumber';
 
 export interface IActionHandler {
   (tree: TreeModel, node: TreeNode, $event: any, ...rest);
@@ -91,10 +94,10 @@ export class TreeOptions {
   actionMapping: IActionMapping;
 
   constructor(private options: ITreeOptions = {}) {
-    this.actionMapping = _.defaultsDeep({}, this.options.actionMapping, defaultActionMapping);
+    this.actionMapping = defaultsDeep({}, this.options.actionMapping, defaultActionMapping);
     if (options.rtl) {
-      this.actionMapping.keys[KEYS.RIGHT] = <IActionHandler>_.get(options, ['actionMapping', 'keys', KEYS.RIGHT]) || TREE_ACTIONS.DRILL_UP;
-      this.actionMapping.keys[KEYS.LEFT] = <IActionHandler>_.get(options, ['actionMapping', 'keys', KEYS.LEFT]) || TREE_ACTIONS.DRILL_DOWN;
+      this.actionMapping.keys[KEYS.RIGHT] = <IActionHandler>get(options, ['actionMapping', 'keys', KEYS.RIGHT]) || TREE_ACTIONS.DRILL_UP;
+      this.actionMapping.keys[KEYS.LEFT] = <IActionHandler>get(options, ['actionMapping', 'keys', KEYS.LEFT]) || TREE_ACTIONS.DRILL_DOWN;
     }
   }
 
@@ -103,7 +106,7 @@ export class TreeOptions {
       return this.options.getNodeClone(node);
     }
 
-    return _.omit(Object.assign({}, node.data), ['id']);
+    return omit(Object.assign({}, node.data), ['id']);
   }
 
   allowDrop(element, to, $event?): boolean {
@@ -143,6 +146,6 @@ export class TreeOptions {
   }
 
   get dropSlotHeight(): number {
-    return _.isNumber(this.options.dropSlotHeight) ? this.options.dropSlotHeight : 2;
+    return isNumber(this.options.dropSlotHeight) ? this.options.dropSlotHeight : 2;
   }
 }

lib/models/tree.model.ts

@@ -6,9 +6,12 @@ import { TreeVirtualScroll } from './tree-virtual-scroll.model';
 import { ITreeModel, IDType, IDTypeDictionary } from '../defs/api';
 import { TREE_EVENTS } from '../constants/events';
 
-import * as _ from 'lodash';
-
-const { first, last, compact, find, includes, isString, isFunction } = _;
+import first from 'lodash/first';
+import last from 'lodash/last';
+import compact from 'lodash/compact';
+import find from 'lodash/find';
+import isString from 'lodash/isString';
+import isFunction from 'lodash/isFunction';
 
 @Injectable()
 export class TreeModel implements ITreeModel {

rollup.config.js

@@ -14,7 +14,20 @@ export default {
   external: [
     '@angular/core',
     '@angular/common',
-    'lodash',
+    'lodash/compact',
+    'lodash/defaultsDeep',
+    'lodash/every',
+    'lodash/find',
+    'lodash/first',
+    'lodash/get',
+    'lodash/includes',
+    'lodash/isFunction',
+    'lodash/isNumber',
+    'lodash/isString',
+    'lodash/last',
+    'lodash/omit',
+    'lodash/pick',
+    'lodash/some',
     'mobx', 
     'mobx-angular'
   ],

tsconfig.json

@@ -4,6 +4,7 @@
     "moduleResolution": "node",
     "target": "es5",
     "outDir": "dist/",
+    "allowSyntheticDefaultImports": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "inlineSourceMap": true,