chore: Remove dependency on lodash

jperals · jperals · commit 10863abc6a75 · 2025-12-22T20:15:43.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -75,7 +75,6 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^15.0.7",
     "@types/jest-image-snapshot": "^6.1.0",
-    "@types/lodash": "^4.17.16",
     "@types/node": "^18.19.4",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
@@ -104,7 +103,6 @@
     "jest-image-snapshot": "^6.1.0",
     "jsdom": "^20.0.3",
     "lint-staged": "^15.5.0",
-    "lodash": "^4.17.21",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.2.5",
     "puppeteer-core": "^24.10.2",
diff --git a/pages/01-cartesian-chart/axes-and-thresholds.page.tsx b/pages/01-cartesian-chart/axes-and-thresholds.page.tsx
@@ -2,11 +2,11 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { addDays, subYears } from "date-fns";
-import { range } from "lodash";
 
 import ColumnLayout from "@cloudscape-design/components/column-layout";
 
 import { CartesianChart } from "../../lib/components";
+import range from "../../lib/components/internal/utils/range";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
 import { Page, PageSection } from "../common/templates";
diff --git a/pages/01-cartesian-chart/chart-size.page.tsx b/pages/01-cartesian-chart/chart-size.page.tsx
@@ -1,9 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { range } from "lodash";
-
 import { CartesianChart, CartesianChartProps } from "../../lib/components";
+import range from "../../lib/components/internal/utils/range";
 import { PageSettingsForm, useChartSettings } from "../common/page-settings";
 import { FitSizeDemo, Page, PageSection } from "../common/templates";
 import pseudoRandom from "../utils/pseudo-random";
diff --git a/pages/01-cartesian-chart/line-dash-styles.page.tsx b/pages/01-cartesian-chart/line-dash-styles.page.tsx
@@ -1,9 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { range } from "lodash";
-
 import { CartesianChart, CartesianChartProps } from "../../lib/components";
+import range from "../../lib/components/internal/utils/range";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/02-pie-chart/controlled-visibility.page.tsx b/pages/02-pie-chart/controlled-visibility.page.tsx
@@ -1,9 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { sum } from "lodash";
-
 import { PieChart, PieChartProps } from "../../lib/components";
+import sum from "../../lib/components/internal/sum";
 import { PageSettings, PageSettingsForm, SeriesFilter, useChartSettings } from "../common/page-settings";
 import { Page, PageSection } from "../common/templates";
 
diff --git a/pages/02-pie-chart/segment-titles-and-descriptions.page.tsx b/pages/02-pie-chart/segment-titles-and-descriptions.page.tsx
@@ -1,14 +1,13 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { range } from "lodash";
-
 import Checkbox from "@cloudscape-design/components/checkbox";
 import ColumnLayout from "@cloudscape-design/components/column-layout";
 import FormField from "@cloudscape-design/components/form-field";
 import Select from "@cloudscape-design/components/select";
 
 import { PieChart, PieChartProps } from "../../lib/components";
+import range from "../../lib/components/internal/utils/range";
 import { PageSettings, PageSettingsForm, useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
 
diff --git a/pages/03-core/core-dual-axis-chart.page.tsx b/pages/03-core/core-dual-axis-chart.page.tsx
@@ -1,10 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
 import Link from "@cloudscape-design/components/link";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { dateFormatter } from "../common/formatters";
 import { PageSettingsForm, useChartSettings } from "../common/page-settings";
diff --git a/pages/03-core/core-legend-horizontal-alignment.page.tsx b/pages/03-core/core-legend-horizontal-alignment.page.tsx
@@ -1,12 +1,11 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
 import ColumnLayout from "@cloudscape-design/components/column-layout";
 import SpaceBetween from "@cloudscape-design/components/space-between";
 
 import { CoreChartProps } from "../../lib/components/core/interfaces";
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { PageSettingsForm, useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/03-core/core-legend.page.tsx b/pages/03-core/core-legend.page.tsx
@@ -3,7 +3,6 @@
 
 import { useRef, useState } from "react";
 import Highcharts from "highcharts";
-import { omit } from "lodash";
 
 import Link from "@cloudscape-design/components/link";
 import SpaceBetween from "@cloudscape-design/components/space-between";
@@ -12,6 +11,7 @@ import { CoreChartProps } from "../../lib/components/core/interfaces";
 import { colors } from "../../lib/components/internal/chart-styles";
 import { LegendItem } from "../../lib/components/internal/components/interfaces";
 import { ChartSeriesMarker } from "../../lib/components/internal/components/series-marker";
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { CoreLegend } from "../../lib/components/internal-do-not-use/core-legend";
 import { dateFormatter } from "../common/formatters";
diff --git a/pages/03-core/dynamic-chart-type.page.tsx b/pages/03-core/dynamic-chart-type.page.tsx
@@ -3,11 +3,11 @@
 
 import { useState } from "react";
 import Highcharts from "highcharts";
-import { omit } from "lodash";
 
 import SpaceBetween from "@cloudscape-design/components/space-between";
 import Toggle from "@cloudscape-design/components/toggle";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart, { CoreChartProps } from "../../lib/components/internal-do-not-use/core-chart";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
diff --git a/pages/03-core/events-sync-demo.page.tsx b/pages/03-core/events-sync-demo.page.tsx
@@ -3,7 +3,6 @@
 
 import { useRef, useState } from "react";
 import Highcharts from "highcharts";
-import { omit } from "lodash";
 
 import ColumnLayout from "@cloudscape-design/components/column-layout";
 import {
@@ -12,11 +11,12 @@ import {
   colorChartsPaletteCategorical3,
 } from "@cloudscape-design/design-tokens";
 
+import { LegendItem } from "../../lib/components/internal/components/interfaces";
 import { ChartSeriesMarker } from "../../lib/components/internal/components/series-marker";
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { CoreLegend } from "../../lib/components/internal-do-not-use/core-legend";
 import { CoreChartProps } from "../../src/core/interfaces";
-import { LegendItem } from "../../src/internal/components/interfaces";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/03-core/in-iframe.page.tsx b/pages/03-core/in-iframe.page.tsx
@@ -1,10 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
 import ColumnLayout from "@cloudscape-design/components/column-layout";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
diff --git a/pages/03-core/no-data-states.page.tsx b/pages/03-core/no-data-states.page.tsx
@@ -2,10 +2,10 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import Highcharts from "highcharts";
-import { omit } from "lodash";
 
 import Box from "@cloudscape-design/components/box";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { PageSettingsForm, useChartSettings } from "../common/page-settings";
 import { FramedDemo, Page, PageSection } from "../common/templates";
diff --git a/pages/03-core/simple-zooming.page.tsx b/pages/03-core/simple-zooming.page.tsx
@@ -3,7 +3,6 @@
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import Highcharts from "highcharts";
-import { omit } from "lodash";
 
 import { KeyCode } from "@cloudscape-design/component-toolkit/internal";
 import BreadcrumbGroup from "@cloudscape-design/components/breadcrumb-group";
@@ -12,6 +11,7 @@ import SpaceBetween from "@cloudscape-design/components/space-between";
 import { colorChartsBlue1400, colorChartsLineTick } from "@cloudscape-design/design-tokens";
 
 import { CoreChartProps } from "../../lib/components/core/interfaces";
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { dateFormatter } from "../common/formatters";
 import { PageSettings, PageSettingsForm, useChartSettings } from "../common/page-settings";
diff --git a/pages/03-core/solidgauge.page.tsx b/pages/03-core/solidgauge.page.tsx
@@ -1,8 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { PageSettingsForm, useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/06-visual-tests/cartesian-tooltip.page.tsx b/pages/06-visual-tests/cartesian-tooltip.page.tsx
@@ -1,10 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
 import Button from "@cloudscape-design/components/button";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { dateFormatter } from "../common/formatters";
 import { useChartSettings } from "../common/page-settings";
diff --git a/pages/06-visual-tests/in-iframe.page.tsx b/pages/06-visual-tests/in-iframe.page.tsx
@@ -1,8 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/06-visual-tests/pie-tooltip.page.tsx b/pages/06-visual-tests/pie-tooltip.page.tsx
@@ -1,10 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import { omit } from "lodash";
-
 import Button from "@cloudscape-design/components/button";
 
+import omit from "../../lib/components/internal/utils/omit";
 import CoreChart from "../../lib/components/internal-do-not-use/core-chart";
 import { useChartSettings } from "../common/page-settings";
 import { Page } from "../common/templates";
diff --git a/pages/app/app-context.tsx b/pages/app/app-context.tsx
@@ -3,10 +3,11 @@
 
 import { createContext, useEffect } from "react";
 import { useSearchParams } from "react-router-dom";
-import mapValues from "lodash/mapValues";
 
 import { applyDensity, applyMode, Density, disableMotion, Mode } from "@cloudscape-design/global-styles";
 
+import mapValues from "../../lib/components/internal/utils/map-values";
+
 interface AppUrlParams {
   mode: Mode;
   density: Density;
diff --git a/pages/common/permutations.tsx b/pages/common/permutations.tsx
@@ -1,10 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import flatten from "lodash/flatten";
-
 import SpaceBetween from "@cloudscape-design/components/space-between";
 
+import flatten from "../../lib/components/internal/utils/flatten";
+
 export type ComponentPermutations<Props> = {
   [prop in keyof Props]: ReadonlyArray<Props[prop]>;
 };
diff --git a/scripts/utils.js b/scripts/utils.js
@@ -1,22 +1,42 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import lodash from "lodash";
 import fs from "node:fs";
 import path from "node:path";
 
-export function pascalCase(text) {
-  return capitalize(lodash.camelCase(text));
+/**
+ * Converts string to camelCase
+ */
+function camelCase(str) {
+  return str
+    .replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => {
+      return index === 0 ? word.toLowerCase() : word.toUpperCase();
+    })
+    .replace(/\s+/g, "");
 }
 
-export function dashCase(text) {
-  return lodash.kebabCase(text);
+/**
+ * Converts string to kebab-case
+ */
+function kebabCase(str) {
+  return str
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .replace(/[\s_]+/g, "-")
+    .toLowerCase();
 }
 
 function capitalize(text) {
   return text[0].toUpperCase() + text.slice(1);
 }
 
+export function pascalCase(text) {
+  return capitalize(camelCase(text));
+}
+
+export function dashCase(text) {
+  return kebabCase(text);
+}
+
 export function listPublicDirs(baseDir) {
   return fs
     .readdirSync(baseDir)
diff --git a/src/core/__tests__/chart-core-navigation-cartesian.test.tsx b/src/core/__tests__/chart-core-navigation-cartesian.test.tsx
@@ -2,12 +2,12 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import highcharts from "highcharts";
-import { range } from "lodash";
 import { vi } from "vitest";
 
 import { KeyCode } from "@cloudscape-design/component-toolkit/internal";
 
 import "highcharts/modules/accessibility";
+import range from "../../internal/utils/range";
 import { CoreChartTestProps, createChartWrapper, renderChart } from "./common";
 
 const seriesShort2: Highcharts.SeriesOptionsType[] = [
diff --git a/src/internal/sum.ts b/src/internal/sum.ts
@@ -0,0 +1,9 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+/**
+ * Calculates the sum of values in an array
+ */
+export default function sum(array: number[]): number {
+  return array.reduce((acc, val) => acc + val, 0);
+}
diff --git a/src/internal/utils/flatten.ts b/src/internal/utils/flatten.ts
@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+/**
+ * Flattens array a single level deep
+ */
+export default function flatten<T>(array: (T | T[])[]): T[] {
+  return array.reduce<T[]>((acc, val) => {
+    if (Array.isArray(val)) {
+      acc.push(...val);
+    } else {
+      acc.push(val);
+    }
+    return acc;
+  }, []);
+}
diff --git a/src/internal/utils/map-values.ts b/src/internal/utils/map-values.ts
@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+/**
+ * Creates an object with the same keys as object and values generated
+ * by running each own enumerable string keyed property of object thru iteratee
+ */
+export default function mapValues<T, U>(
+  object: Record<string, T>,
+  iteratee: (value: T, key: string) => U,
+): Record<string, U> {
+  const result: Record<string, U> = {};
+
+  for (const key in object) {
+    if (Object.prototype.hasOwnProperty.call(object, key)) {
+      result[key] = iteratee(object[key], key);
+    }
+  }
+
+  return result;
+}
diff --git a/src/internal/utils/omit.ts b/src/internal/utils/omit.ts
@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+/**
+ * Creates an object composed of the own and inherited enumerable property paths
+ * of object that are not omitted
+ */
+export default function omit<T extends Record<string, any>, K extends keyof T>(object: T, keys: K[] | K): Omit<T, K> {
+  const keysToOmit = Array.isArray(keys) ? keys : [keys];
+  const result = {} as Omit<T, K>;
+
+  for (const key in object) {
+    if (Object.prototype.hasOwnProperty.call(object, key) && !keysToOmit.includes(key as any)) {
+      (result as any)[key] = object[key];
+    }
+  }
+
+  return result;
+}
diff --git a/src/internal/utils/range.ts b/src/internal/utils/range.ts
