fix: replace 'lodash' with 'lodash-es' to reduce bundle size (#2993)

Signed-off-by: Akshat Patel <[email protected]>
Co-authored-by: Akshat Patel <[email protected]>
Co-authored-by: Akshat Patel <[email protected]>

Author: danielsogl

package-lock.json

@@ -121,7 +121,6 @@
     "karma-coverage-istanbul-reporter": "3.0.2",
     "karma-jasmine": "4.0.0",
     "karma-jasmine-html-reporter": "1.7.0",
-    "lodash-es": "4.17.21",
     "ng-packagr": "14.2.2",
     "postcss": "8.4.14",
     "postcss-loader": "7.0.0",
@@ -145,7 +144,7 @@
     "@floating-ui/dom": "1.6.3",
     "@ibm/telemetry-js": "^1.5.0",
     "flatpickr": "4.6.13",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "tslib": "2.3.0"
   }
 }

package.json

@@ -1,7 +1,5 @@
 import { expect } from "chai";
-
 import merge from "lodash/merge";
-
 import ComponentTests from "../exported-tests/component-tests";
 
 const defaults = {
@@ -35,7 +33,7 @@ class CheckboxExportedTests extends ComponentTests {
 							afterClickState
 						});
 					}),
-				runComparison: results => {
+					runComparison: results => {
 					// tslint:disable-next-line
 					expect(results.initialState).to.be.false;
 					// tslint:disable-next-line

src/checkbox/checkbox-exported-tests.ts

@@ -11,6 +11,6 @@
 		"@floating-ui/dom",
 		"@ibm/telemetry-js",
 		"flatpickr",
-    "lodash"
+		"lodash-es"
 	]
 }

src/ng-package.json

@@ -22,7 +22,7 @@
     "@floating-ui/dom": "1.6.3",
     "@ibm/telemetry-js": "^1.5.0",
     "flatpickr": "4.6.13",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "tslib": "2.3.0"
   }
 }

src/package.json

@@ -1,15 +1,9 @@
 /* tslint:disable variable-name */
 
 import { CommonModule } from "@angular/common";
-import { moduleMetadata, Meta } from "@storybook/angular";
-import {
-	TreeviewModule,
-	TreeViewComponent,
-	TreeNodeComponent
-} from "./";
-import cloneDeep from "lodash-es/cloneDeep";
+import { Meta, moduleMetadata } from "@storybook/angular";
 import { IconModule } from "../icon";
-
+import { TreeNodeComponent, TreeViewComponent, TreeviewModule } from "./";
 import { IconTreeviewDemoComponent } from "./stories/app-treeview-icons.component";
 
 export default {
@@ -186,7 +180,6 @@ const nodes = [
 	}
 ];
 
-
 const Template = (args) => ({
 	props: args,
 	template: `

src/treeview/treeview.stories.ts

@@ -1,6 +1,6 @@
 import { Directive, Input, OnChanges, SimpleChanges } from "@angular/core";
 import { NavigationExtras, RouterLinkWithHref } from "@angular/router";
-import { keys } from "lodash";
+import keys from "lodash/keys";
 
 @Directive({
 	// tslint:disable-next-line