@equinor/echo-components 6.2.0 → 6.2.1-edsv2-beta-1

package/index.d.ts

@@ -1 +1 @@
-export * from "./src/index";
+export * from "./src\\index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "6.2.0",
+  "version": "6.2.1-edsv2-beta-1",
   "dependencies": {
     "chart.js": "4.5.1",
     "react-datepicker": "9.1.0",
@@ -8,10 +8,10 @@
     "react-window": "1.8.11"
   },
   "peerDependencies": {
-    "@equinor/echo-utils": ">= 6.2.0 < 7.0.0",
-    "@equinor/eds-core-react": "0.49.0",
-    "@equinor/eds-icons": "0.22.0",
-    "@equinor/eds-tokens": "2.1.0",
+    "@equinor/echo-utils": ">= 6.2.1 < 7.0.0",
+    "@equinor/eds-core-react": "2.6.1",
+    "@equinor/eds-icons": "1.4.0",
+    "@equinor/eds-tokens": "2.2.0",
     "classnames": "2.5.1",
     "lodash": ">= 4.17.21 < 5",
     "react": ">= 19.2.4",

package/src/components/legend/MainLegend.d.ts

@@ -4,27 +4,27 @@ interface MainLegendProps {
     /**
      * Layer legends appearing above the main legend
      */
-    legends: React.ReactNode[];
+    readonly legends: readonly React.ReactNode[];
     /**
      * Layer information
      */
-    layers: LayerInfo[];
+    readonly layers: readonly LayerInfo[];
     /**
      * Styling for the main legend
      */
-    legendStyle?: CSSProperties;
+    readonly legendStyle?: CSSProperties;
     /**
      * Styling for the content of the legend
      */
-    legendContentStyle?: CSSProperties;
+    readonly legendContentStyle?: CSSProperties;
     /**
      * Custom styling for the legend.
      */
-    legendClassName?: string;
+    readonly legendClassName?: string;
     /**
      * Custom styling for the legend content.
      */
-    legendContentClassName?: string;
+    readonly legendContentClassName?: string;
 }
 declare const MainLegend: ({ legends, layers, legendStyle, legendContentStyle, legendContentClassName, legendClassName }: MainLegendProps) => import("react/jsx-runtime").JSX.Element;
 export { MainLegend };

package/src/components/legend/MainLegend.utils.d.ts

@@ -0,0 +1,9 @@
+import type { LayerInfo } from '../../types';
+export declare const DEFAULT_MAX_ICONS_ON_LEGEND = 5;
+export declare const DEFAULT_REM_SIZE_PX = 16;
+export declare const LEGEND_ICON_WIDTH_REM = 1.125;
+export declare const LEGEND_ICON_MARGIN_REM = 0.625;
+export declare const LEGEND_ICON_WIDTH_PX = 18;
+export declare const LEGEND_ICON_WIDTH_WITH_MARGIN_REM: number;
+export declare function calculateMaxIconsOnLegend(containerWidthPx: number, remSizePx: number): number;
+export declare function separateLayers(layers: readonly LayerInfo[], maxIconsOnLegend: number): readonly [readonly LayerInfo[], readonly LayerInfo[]];

package/src/components/legend/useMaxIconsOnLegend.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+interface UseMaxIconsOnLegendConfig {
+    readonly iconContainer: RefObject<HTMLDivElement | null>;
+    readonly isMobile: boolean;
+}
+interface MaxIconsOnLegendState {
+    readonly maxIconsOnLegend: number;
+}
+export declare function useMaxIconsOnLegend({ iconContainer, isMobile }: UseMaxIconsOnLegendConfig): MaxIconsOnLegendState;
+export {};

package/src/components/rightPanel/panelWrapper/OverflowPanelComponent.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface OverflowPanelComponentProps {
+    readonly component: FC<Record<string, unknown>>;
+}
+export declare const OverflowPanelComponent: FC<OverflowPanelComponentProps>;
+export {};

package/src/components/rightPanel/panelWrapper/panelWrapper.utils.d.ts

@@ -0,0 +1,4 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { MenuItem } from '../../../types/menuItem';
+export declare function areMenuItemsEqual(firstMenuItems: readonly MenuItem[], secondMenuItems: readonly MenuItem[]): boolean;
+export declare function setMenuItemsWhenChanged(setMenuItems: Dispatch<SetStateAction<MenuItem[]>>, nextMenuItems: MenuItem[]): void;

package/src/components/selectTextOnFocusAutocomplete/SelectTextOnFocusAutocomplete.d.ts

@@ -1,11 +1,12 @@
 import { Autocomplete } from '@equinor/eds-core-react';
 import React from 'react';
-interface SelectTextOnFocusAutocompleteProps<T> extends Omit<React.ComponentProps<typeof Autocomplete<T>>, 'ref'> {
+type AutocompleteProps<T> = React.ComponentProps<typeof Autocomplete<T>>;
+type SelectTextOnFocusAutocompleteProps<T> = Omit<AutocompleteProps<T>, 'ref'> & {
     ariaPressed?: boolean;
     style?: React.CSSProperties;
     wrapperClassName?: string;
     children?: React.ReactNode;
-}
+};
 /**
  * A reusable component that wraps the EDS Autocomplete in a button.
  * When the button is clicked or activated with keyboard (Enter/Space),