perf: convert lodash-es to named imports for tree-shaking

Replace `import * as _ from "lodash-es"` with named imports like
`import { map, filter, keys } from "lodash-es"` across all files.
Remove unused lodash imports from 10 files that didn't use any
lodash functions. This ensures all bundlers (including esbuild)
can tree-shake unused lodash functions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: paddymul

packages/buckaroo-js-core/src/components/BuckarooWidgetInfinite.tsx

@@ -1,5 +1,4 @@
 import React, { useMemo, useState } from "react";
-import * as _ from "lodash-es";
 import { OperationResult } from "./DependentTabs";
 import { ColumnsEditor } from "./ColumnsEditor";
 

packages/buckaroo-js-core/src/components/DCFCell.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from "react";
-import * as _ from "lodash-es";
 import { OperationResult } from "./DependentTabs";
 import { ColumnsEditor } from "./ColumnsEditor";
 

packages/buckaroo-js-core/src/components/DFViewerParts/ChartCell.tsx

@@ -1,4 +1,4 @@
-import * as _ from "lodash-es";
+import { isArray } from "lodash-es";
 import React from "react";
 import { createPortal } from "react-dom";
 
@@ -125,7 +125,7 @@ export const getChartCell = (multiChartCellProps: ChartDisplayerA) => {
         const potentialHistogramArr = props.value;
         //for key "index", the value is "histogram"
         // this causes ReChart to blow up, so we check to see if it's an array
-        if (potentialHistogramArr === undefined || !_.isArray(potentialHistogramArr)) {
+        if (potentialHistogramArr === undefined || !isArray(potentialHistogramArr)) {
             return <span></span>;
         }
         const histogramArr = potentialHistogramArr as LineObservation[];

packages/buckaroo-js-core/src/components/DFViewerParts/DFViewerDataHelper.ts

@@ -1,5 +1,5 @@
 import { IDatasource, IGetRowsParams } from "@ag-grid-community/core";
-import * as _ from "lodash-es";
+import { keys, times, reduce } from "lodash-es";
 
 export type RawDataWrapper = {
   data: any[];
@@ -48,11 +48,11 @@ export const createDatasourceWrapper = (data: DFData, delay_in_milliseconds: num
 };
 
 export const dictOfArraystoDFData = (dict: Record<string, any[]>): DFData => {
-  const keys = _.keys(dict);
-  const length = dict[keys[0]].length;
+  const dictKeys = keys(dict);
+  const length = dict[dictKeys[0]].length;
 
-  return _.times(length, index => {
-    return _.reduce(keys, (result, key) => {
+  return times(length, index => {
+    return reduce(dictKeys, (result, key) => {
       result[key] = dict[key][index];
       return result;
     }, {} as Record<string, any>);

packages/buckaroo-js-core/src/components/DFViewerParts/DFViewerInfinite.tsx

@@ -4,7 +4,6 @@ import {
     useEffect,
     useRef,
 } from "react";
-import * as _ from "lodash-es";
 import { DFData, DFDataRow, DFViewerConfig, SDFT } from "./DFWhole";
 
 import { getCellRendererSelector, dfToAgrid, extractPinnedRows, extractSDFT } from "./gridUtils";

packages/buckaroo-js-core/src/components/DFViewerParts/DFWhole.ts

@@ -1,7 +1,6 @@
 // I'm not sure about adding underlying types too
 
 import { ColDef, ColGroupDef, GridOptions } from "@ag-grid-community/core";
-import * as _ from "lodash-es";
 
 type AGGrid_ColDef = ColDef;
 export type ColDefOrGroup = ColDef|ColGroupDef

packages/buckaroo-js-core/src/components/DFViewerParts/Displayer.ts

@@ -8,7 +8,7 @@ import {
     StringDisplayerA,
     ObjDisplayerA,
 } from "./DFWhole";
-import * as _ from "lodash-es";
+import { includes, isArray, isBoolean, isDate, isObject, map } from "lodash-es";
 
 import { HistogramCell } from "./HistogramCell";
 import { Base64PNGDisplayer, LinkCellRenderer, SVGDisplayer } from "./OtherRenderers";
@@ -43,12 +43,12 @@ export const getStringFormatter = (args: StringDisplayerA) => {
 };
 
 const dictDisplayer = (val: Record<string, any>): string => {
-    const objBody = _.map(val, (value, key) => `'${key}': ${objDisplayer(value)}`).join(",");
+    const objBody = map(val, (value, key) => `'${key}': ${objDisplayer(value)}`).join(",");
     return `{ ${objBody} }`;
 };
 
 export const isValidDate = (possibleDate: any): boolean => {
-    if (_.isDate(possibleDate) && isFinite(possibleDate.getTime())) {
+    if (isDate(possibleDate) && isFinite(possibleDate.getTime())) {
         return true;
     }
     return false;
@@ -72,11 +72,11 @@ export const dateDisplayerDefault = (d: Date): string => {
 const objDisplayer = (val: any | any[]): string => {
     if (val === undefined || val === null) {
         return "None";
-    } else if (_.isArray(val)) {
+    } else if (isArray(val)) {
         return `[ ${val.map(objDisplayer).join(", ")}]`;
-    } else if (_.isBoolean(val)) {
+    } else if (isBoolean(val)) {
         return boolDisplayer(val);
-    } else if (_.isObject(val)) {
+    } else if (isObject(val)) {
         return dictDisplayer(val);
     } else {
         return val.toString();
@@ -138,7 +138,7 @@ export const getFloatFormatter = (hint: FloatDisplayerA) => {
         }
 
         const res: string = floatFormatter.format(params.value);
-        if (!_.includes(res, ".")) {
+        if (!includes(res, ".")) {
             const padLength = res.length + hint.max_fraction_digits + 1;
             return res.padEnd(padLength);
         } else {
@@ -220,7 +220,7 @@ export function getCellRenderer(crArgs: CellRendererArgs) {
 }
 
 export function getFormatterFromArgs(dispArgs: DisplayerArgs) {
-    if (_.includes(cellRendererDisplayers, dispArgs.displayer)) {
+    if (includes(cellRendererDisplayers, dispArgs.displayer)) {
         return undefined;
     }
     const fArgs = dispArgs as FormatterArgs;

packages/buckaroo-js-core/src/components/DFViewerParts/HistogramCell.tsx

@@ -1,4 +1,4 @@
-import * as _ from "lodash-es";
+import { isArray } from "lodash-es";
 import React from "react";
 import { createPortal } from "react-dom";
 
@@ -91,7 +91,7 @@ export const HistogramCell = (props:
     const potentialHistogramArr = props.value;
     //for key "index", the value is "histogram"
     // this causes ReChart to blow up, so we check to see if it's an array
-    if (potentialHistogramArr === undefined || !_.isArray(potentialHistogramArr)) {
+    if (potentialHistogramArr === undefined || !isArray(potentialHistogramArr)) {
         return <span></span>;
     }
   const histogramArr = potentialHistogramArr as HistogramBar[];

packages/buckaroo-js-core/src/components/DFViewerParts/OtherRenderers.tsx

@@ -1,4 +1,3 @@
-import * as _ from "lodash-es";
 import { ValueFormatterFunc } from "@ag-grid-community/core";
 
 export const getTextCellRenderer = (formatter: ValueFormatterFunc<any>) => {

packages/buckaroo-js-core/src/components/DFViewerParts/SmartRowCache.test.ts

@@ -1,4 +1,3 @@
-import * as _ from "lodash-es";
 //import { describe, expect } from 'jest';
 import {
     Segment,