@equinor/echo-components 0.11.13 → 0.11.14-beta12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.11.13",
+  "version": "0.11.14-beta12",
   "dependencies": {
     "chart.js": "4.4.3",
     "react-datepicker": "4.25.0",
@@ -20,5 +20,6 @@
     "zustand": ">= 4.4.7 < 5"
   },
   "main": "./index.cjs.js",
-  "type": "commonjs"
-}
+  "type": "commonjs",
+  "types": "./index.cjs.d.ts"
+}

package/src/components/itemMarker/ItemMarker.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { ChipProps } from '../../elements';
-import { IconSize, ItemMarkerIconType, ItemMarkerPosition, ItemMarkerSize } from './utils/itemMarkerUtils';
+import { ItemMarkerIconType, ItemMarkerPosition, ItemMarkerSize } from './utils/itemMarkerUtils';
 export interface ItemMarkerProps {
     icon: ItemMarkerIconType;
     size?: ItemMarkerSize;
@@ -10,7 +10,6 @@ export interface ItemMarkerProps {
     chips?: ChipProps[];
     backgroundColor?: string;
     iconColor?: string;
-    iconSize?: IconSize;
     hasPointer?: boolean;
     pointerPosition?: ItemMarkerPosition;
     style?: CSSProperties;
@@ -24,14 +23,13 @@ export interface ItemMarkerProps {
  * Renders an item marker with optional chips.
  *
  * @param {ItemMarkerIconType} icon - Icon to use.
- * @param {ItemMarkerSize} size - Size of the item marker (optional).
+ * @param {ItemMarkerSize} size - Size of the item marker. Default value is set to 36 (optional).
  * @param {boolean} isTransparent - If true, marker is visible; if false, transparent (optional).
  * @param {boolean} isActive - Indicates active state (optional).
  * @param {boolean} isChipsEnabled - Shows chips if true (optional).
  * @param {ChipProps[]} chips - Chips to display (optional).
  * @param {string} backgroundColor - The itemMarker's background color (optional).
  * @param {string} iconColor - Background color of the icon (optional).
- * @param {IconSize} iconSize - Size of the icon (optional).
  * @param {boolean} hasPointer - If true, marker includes a pointer (optional).
  * @param {ItemMarkerPosition} pointerPosition - ItemMarker's pointer position (optional).
  * @param {CSSProperties} style - Custom styles for itemMarker and chips (optional).

package/src/components/itemMarker/ItemMarkerContent.d.ts

@@ -1,4 +1,4 @@
-import { IconSize, ItemMarkerIconType, ItemMarkerPosition, ItemMarkerSize } from './utils/itemMarkerUtils';
+import { ItemMarkerIconType, ItemMarkerPosition, ItemMarkerSize } from './utils/itemMarkerUtils';
 export type ItemMarkerContentProps = {
     icon: ItemMarkerIconType;
     size?: ItemMarkerSize;
@@ -6,9 +6,8 @@ export type ItemMarkerContentProps = {
     pointerPosition?: ItemMarkerPosition;
     backgroundColor?: string;
     iconColor?: string;
-    iconSize?: IconSize;
     isActive?: boolean;
     isTransparent?: boolean;
     onClick?: () => void;
 };
-export declare const ItemMarkerContent: ({ icon, size, hasPointer, pointerPosition, backgroundColor, iconColor, iconSize, isActive, isTransparent, onClick }: ItemMarkerContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemMarkerContent: ({ icon, size, hasPointer, pointerPosition, backgroundColor, iconColor, isActive, isTransparent, onClick }: ItemMarkerContentProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/itemMarker/ItemMarkerIcon.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { IconSize, ItemMarkerIconType, ItemMarkerSize } from './utils/itemMarkerUtils';
+import { ItemMarkerIconType, ItemMarkerSize } from './utils/itemMarkerUtils';
 interface ItemMarkerIconProps {
     icon: ItemMarkerIconType;
     isActive?: boolean;
     backgroundColor?: string;
     iconColor?: string;
-    iconSize?: IconSize;
     size?: ItemMarkerSize;
 }
 export declare const ItemMarkerIcon: React.FC<ItemMarkerIconProps>;

package/src/components/itemMarker/utils/itemMarkerUtils.d.ts

@@ -15,3 +15,4 @@ export declare enum ItemMarkerPosition {
     BottomLeft = "BottomLeft"
 }
 export declare const getPointerPositionClass: (position: ItemMarkerPosition | undefined) => string | undefined;
+export declare const getIconSize: (markerSize: ItemMarkerSize) => number;

package/src/components/itemMarkerPopover/itemMarkerPopover.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 export type ItemMarkerPopover = {
     items: JSX.Element[] | string[];
     isOpen: boolean;
@@ -6,5 +7,8 @@ export type ItemMarkerPopover = {
     title: string;
     closeOnOutsideClick?: boolean;
     containerHasMultipleItemMarkers?: boolean;
+    zIndex?: number;
+    className?: string;
+    style?: CSSProperties;
 };
-export declare const ItemMarkerPopover: ({ items, isOpen, handleClose, togglePopover, title, closeOnOutsideClick, containerHasMultipleItemMarkers }: ItemMarkerPopover) => false | import("react/jsx-runtime").JSX.Element;
+export declare const ItemMarkerPopover: ({ items, isOpen, handleClose, togglePopover, title, closeOnOutsideClick, containerHasMultipleItemMarkers, zIndex, className, style }: ItemMarkerPopover) => false | import("react/jsx-runtime").JSX.Element;

package/src/icons/echoAssets/general.d.ts

@@ -3,3 +3,7 @@ export declare const map_legend_info: IconData;
 export declare const edit_points: IconData;
 export declare const em_drawing_tool: IconData;
 export declare const eraser: IconData;
+export declare const em_drawing_group: IconData;
+export declare const em_drawing_ungroup: IconData;
+export declare const em_drawing_new_group: IconData;
+export declare const em_drawing_move_group: IconData;