Merge pull request #1564 from silx-kit/lodash-es

Switch to `lodash-es` for ESM and tree-shaking

apps/storybook/package.json

@@ -19,7 +19,7 @@
     "@react-three/fiber": "8.15.12",
     "d3-format": "3.1.0",
     "greenlet": "1.1.0",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "ndarray": "1.0.19",
     "normalize.css": "8.0.1",
     "react": "18.2.0",
@@ -36,7 +36,7 @@
     "@storybook/react": "7.6.4",
     "@storybook/react-vite": "7.6.4",
     "@types/d3-format": "~3.0.4",
-    "@types/lodash": "~4.14.202",
+    "@types/lodash-es": "~4.17.12",
     "@types/ndarray": "1.0.14",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",

apps/storybook/src/AxialSelectToZoom.stories.tsx

@@ -13,7 +13,7 @@ import {
   Zoom,
 } from '@h5web/lib';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/DataCurve.stories.tsx

@@ -10,7 +10,7 @@ import {
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import { useState } from 'react';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/ErrorBars.stories.tsx

@@ -8,7 +8,7 @@ import {
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/Glyphs.stories.tsx

@@ -9,7 +9,7 @@ import {
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/HeatmapMesh.stories.tsx

@@ -10,7 +10,7 @@ import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import { COLOR_SCALE_TYPES, toTypedNdArray } from '@h5web/shared/vis-utils';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import ndarray from 'ndarray';
 import { LinearFilter, NearestFilter } from 'three';
 

apps/storybook/src/Line.stories.tsx

@@ -8,7 +8,7 @@ import {
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import type { Meta, StoryObj } from '@storybook/react';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/TiledHeatmapMesh/checkerboard-api.ts

@@ -1,7 +1,7 @@
 import type { Size } from '@h5web/lib';
 import { getLayerSizes, TilesApi } from '@h5web/lib';
 import greenlet from 'greenlet';
-import { clamp } from 'lodash';
+import { clamp } from 'lodash-es';
 import type { NdArray } from 'ndarray';
 import ndarray from 'ndarray';
 import { createFetchStore } from 'react-suspense-fetch';

apps/storybook/src/TiledHeatmapMesh/mandlebrot-api.ts

@@ -2,7 +2,7 @@ import type { Size } from '@h5web/lib';
 import { getLayerSizes, TilesApi } from '@h5web/lib';
 import type { Domain } from '@h5web/shared/vis-models';
 import greenlet from 'greenlet';
-import { clamp } from 'lodash';
+import { clamp } from 'lodash-es';
 import type { NdArray } from 'ndarray';
 import ndarray from 'ndarray';
 import { createFetchStore } from 'react-suspense-fetch';

packages/app/package.json

@@ -54,7 +54,7 @@
     "@react-three/fiber": "8.15.12",
     "axios": "1.6.2",
     "d3-format": "3.1.0",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "ndarray": "1.0.19",
     "ndarray-ops": "1.2.2",
     "react-error-boundary": "4.0.11",
@@ -73,7 +73,7 @@
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.5.1",
     "@types/d3-format": "~3.0.4",
-    "@types/lodash": "~4.14.202",
+    "@types/lodash-es": "~4.17.12",
     "@types/ndarray": "1.0.14",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",

packages/app/src/dimension-mapper/AxisMapper.tsx

@@ -1,7 +1,7 @@
 import { ToggleGroup } from '@h5web/lib';
 import type { AxisMapping } from '@h5web/shared/nexus-models';
 import type { Axis } from '@h5web/shared/vis-models';
-import { isNumber } from 'lodash';
+import { isNumber } from 'lodash-es';
 
 import styles from './DimensionMapper.module.css';
 import type { DimensionMapping } from './models';

packages/app/src/dimension-mapper/DimensionMapper.tsx

@@ -1,5 +1,5 @@
 import type { AxisMapping } from '@h5web/shared/nexus-models';
-import { isNumber } from 'lodash';
+import { isNumber } from 'lodash-es';
 
 import AxisMapper from './AxisMapper';
 import styles from './DimensionMapper.module.css';

packages/app/src/dimension-mapper/utils.ts

@@ -1,5 +1,5 @@
 import type { Axis } from '@h5web/shared/vis-models';
-import { isNumber } from 'lodash';
+import { isNumber } from 'lodash-es';
 
 export function isAxis(elem: number | Axis): elem is Axis {
   return !isNumber(elem);

packages/app/src/metadata-viewer/MetadataViewer.tsx

@@ -1,7 +1,7 @@
 import { isAbsolutePath, isDataset } from '@h5web/shared/guards';
 import { EntityKind } from '@h5web/shared/hdf5-models';
 import { buildEntityPath } from '@h5web/shared/hdf5-utils';
-import { capitalize } from 'lodash';
+import { capitalize } from 'lodash-es';
 import { memo, Suspense } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 

packages/app/src/vis-packs/core/hooks.ts

@@ -7,7 +7,7 @@ import type {
   Value,
 } from '@h5web/shared/hdf5-models';
 import type { NumArray } from '@h5web/shared/vis-models';
-import { castArray } from 'lodash';
+import { castArray } from 'lodash-es';
 import type { NdArray, TypedArray } from 'ndarray';
 import { useMemo } from 'react';
 

packages/app/src/vis-packs/core/line/config.tsx

@@ -3,7 +3,7 @@ import { isDefined } from '@h5web/shared/guards';
 import type { AxisScaleType } from '@h5web/shared/vis-models';
 import { ScaleType } from '@h5web/shared/vis-models';
 import { useMap } from '@react-hookz/web';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 import { createContext, useContext, useState } from 'react';
 import type { StoreApi } from 'zustand';
 import { createStore, useStore } from 'zustand';

packages/app/src/vis-packs/core/utils.ts

@@ -3,7 +3,7 @@ import type { ArrayValue, NumericLikeType } from '@h5web/shared/hdf5-models';
 import { DTypeClass } from '@h5web/shared/hdf5-models';
 import type { Axis, Domain, NumArray } from '@h5web/shared/vis-models';
 import { createArrayFromView } from '@h5web/shared/vis-utils';
-import { isNumber } from 'lodash';
+import { isNumber } from 'lodash-es';
 import type { NdArray, TypedArray } from 'ndarray';
 import ndarray from 'ndarray';
 

packages/app/src/vis-packs/nexus/containers/NxScatterContainer.tsx

@@ -3,7 +3,7 @@ import {
   assertGroup,
   assertNumDims,
 } from '@h5web/shared/guards';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 
 import { useScatterConfig } from '../../core/scatter/config';
 import MappedScatterVis from '../../core/scatter/MappedScatterVis';

packages/app/src/vis-packs/nexus/containers/NxSpectrumContainer.tsx

@@ -1,6 +1,6 @@
 import { ScaleType } from '@h5web/lib';
 import { assertGroup, isAxisScaleType } from '@h5web/shared/guards';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 
 import DimensionMapper from '../../../dimension-mapper/DimensionMapper';
 import { useDimMappingState } from '../../../dimension-mapper/hooks';

packages/lib/package.json

@@ -64,7 +64,7 @@
     "d3-interpolate": "3.0.1",
     "d3-scale": "4.0.2",
     "d3-scale-chromatic": "3.0.0",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "ndarray": "1.0.19",
     "ndarray-ops": "1.2.2",
     "react-aria-menubutton": "7.0.3",
@@ -85,7 +85,7 @@
     "@types/d3-interpolate": "~3.0.4",
     "@types/d3-scale": "~4.0.8",
     "@types/d3-scale-chromatic": "~3.0.3",
-    "@types/lodash": "~4.14.202",
+    "@types/lodash-es": "~4.17.12",
     "@types/ndarray": "~1.0.14",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",

packages/lib/src/interactions/hooks.ts

@@ -1,6 +1,6 @@
 import { useEventListener, useSyncedRef, useToggle } from '@react-hookz/web';
 import { useThree } from '@react-three/fiber';
-import { castArray } from 'lodash';
+import { castArray } from 'lodash-es';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Vector3 } from 'three';
 

packages/lib/src/interactions/interaction.ts

@@ -1,4 +1,4 @@
-import { castArray } from 'lodash';
+import { castArray } from 'lodash-es';
 import type { ModifierKey } from 'react';
 
 import type { InteractionConfig } from './models';

packages/lib/src/vis/heatmap/utils.ts

@@ -1,7 +1,7 @@
 import type { Domain, NumArray } from '@h5web/shared/vis-models';
 import { ScaleType } from '@h5web/shared/vis-models';
 import { getDims, toTypedNdArray } from '@h5web/shared/vis-utils';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import type { NdArray } from 'ndarray';
 import ndarray from 'ndarray';
 import type { MagnificationTextureFilter } from 'three';

packages/lib/src/vis/matrix/HeaderCells.tsx

@@ -1,4 +1,4 @@
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import { useContext } from 'react';
 
 import { SettingsContext } from './context';

packages/lib/src/vis/scaleGamma.ts

@@ -7,7 +7,7 @@ import type {
   ScalePower,
   UnknownReturnType,
 } from 'd3-scale';
-import { isNumber } from 'lodash';
+import { isNumber } from 'lodash-es';
 
 import type { ScaleGammaConfig } from './models';
 

packages/lib/src/vis/tiles/Tile.tsx

@@ -1,5 +1,5 @@
 import type { ThreeEvent } from '@react-three/fiber';
-import { throttle } from 'lodash';
+import { throttle } from 'lodash-es';
 import { memo } from 'react';
 import type { MagnificationTextureFilter } from 'three';
 import { Vector2 } from 'three';

packages/lib/src/vis/tiles/TiledHeatmapMesh.tsx

@@ -1,4 +1,4 @@
-import { clamp, range } from 'lodash';
+import { clamp, range } from 'lodash-es';
 import { useRef } from 'react';
 import type { Group } from 'three';
 

packages/lib/src/vis/utils.ts

@@ -22,7 +22,7 @@ import {
 } from '@visx/scale';
 import { range, tickStep } from 'd3-array';
 import type { ScaleLinear, ScaleThreshold } from 'd3-scale';
-import { clamp } from 'lodash';
+import { clamp } from 'lodash-es';
 import type { IUniform } from 'three';
 import { BufferAttribute } from 'three';
 

packages/shared/package.json

@@ -28,22 +28,22 @@
   },
   "peerDependencies": {
     "d3-format": "3.1.0",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "ndarray": "1.0.19",
     "ndarray-ops": "1.2.2",
     "react": ">=18"
   },
   "devDependencies": {
     "@types/d3-format": "~3.0.4",
-    "@types/lodash": "~4.14.202",
+    "@types/lodash-es": "~4.17.12",
     "@types/ndarray": "~1.0.14",
     "@types/ndarray-ops": "~1.2.7",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
     "d3-format": "3.1.0",
     "eslint": "8.56.0",
     "eslint-config-galex": "4.5.2",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "ndarray": "1.0.19",
     "ndarray-ops": "1.2.2",
     "react": "18.2.0",

packages/shared/src/guards.ts

@@ -1,4 +1,4 @@
-import { isTypedArray as isTypedArrayLodash } from 'lodash';
+import { isTypedArray as isTypedArrayLodash } from 'lodash-es';
 import type { Data, NdArray, TypedArray } from 'ndarray';
 
 import type {

packages/shared/src/mock-values.ts

@@ -1,4 +1,4 @@
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import type { NdArray } from 'ndarray';
 import ndarray from 'ndarray';