@equinor/echo-components 0.11.14-beta30 → 0.11.14-beta33

package/package.json

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

package/src/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './horizontalTabView';
 export * from './iconLink/compactIconLink/CompactIconLink';
 export * from './iconLink/inlineTagIconLink/InlineTagIconLink';
 export * from './itemMarker/ItemMarker';
+export type { ItemMarkerChipProps } from './itemMarker/ItemMarkerChip';
 export * from './itemMarker/ItemMarkerExpanded';
 export * from './itemMarker/ItemMarkerIcon';
 export * from './itemMarker/MultipleItemMarkers';

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ChipProps } from '../../elements/tagIcon/Chip';
+import { ItemMarkerChipProps } from './ItemMarkerChip';
 export interface ChipsContainerProps {
-    chips: ChipProps[];
+    chips: ItemMarkerChipProps[];
     className?: string;
     children?: ReactNode;
     isTransparent?: boolean;

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import { ChipProps } from '../../elements';
+import { ItemMarkerChipProps } from './ItemMarkerChip';
 import { ItemMarkerIconType, ItemMarkerPosition, ItemMarkerSize } from './utils/itemMarkerUtils';
 export interface ItemMarkerProps {
     icon: ItemMarkerIconType;
@@ -7,7 +7,7 @@ export interface ItemMarkerProps {
     isTransparent?: boolean;
     isActive?: boolean;
     isChipsEnabled?: boolean;
-    chips?: ChipProps[];
+    chips?: ItemMarkerChipProps[];
     backgroundColor?: string;
     iconColor?: string;
     hasPointer?: boolean;
@@ -27,7 +27,7 @@ export interface ItemMarkerProps {
  * @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 {ItemMarkerChipProps[]} chips - Chips to display (optional).
  * @param {string} backgroundColor - The itemMarker's background color (optional).
  * @param {string} iconColor - Background color of the icon (optional).
  * @param {boolean} hasPointer - If true, marker includes a pointer (optional).

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

@@ -4,6 +4,7 @@ export interface ItemMarkerChipProps {
     id?: string;
     textColor?: string;
     className?: string;
-    onClick?: () => void;
+    itemId?: string;
+    onClick?: (itemId: string) => void;
 }
 export declare const ItemMarkerChip: React.FC<ItemMarkerChipProps>;

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { ChipProps } from '../../elements/tagIcon/Chip';
+import { ItemMarkerChipProps } from './ItemMarkerChip';
 export interface ItemMarkerChipsProps {
-    chips: ChipProps[];
+    chips: ItemMarkerChipProps[];
     maxNumberOfChips?: number;
     className?: string;
     style?: CSSProperties;

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

@@ -5,6 +5,7 @@ export interface MultipleItemMarkersProps {
     isTransparent?: boolean;
     pointerPosition?: ItemMarkerPosition;
     className?: string;
+    onClick?: () => void;
 }
 /**
  * Generic component that renders multiple item markers
@@ -14,6 +15,7 @@ export interface MultipleItemMarkersProps {
  * @param {boolean} isTransparent - Boolean that determines whether the marker is transparent. When set to true, the marker is displayed; when false, the marker is made transparent (optional).
  * @param {ItemMarkerPosition} pointerPosition - A value that determines the position of the pointer relative to the marker. This specifies where the pointer should be placed (optional).
  * @param {string} className - Use for styling (optional).
+ * @param {() => void} onClick - Click handler for the itemMarker (optional).
  *
  * @returns {JSX.Element} The rendered component
  */

package/src/components/itemMarkerAndPopoverWrapper/itemMarkerAndPopoverWrapper.d.ts

@@ -1,9 +1,12 @@
+import { CSSProperties } from 'react';
 type ItemMarkerAndPopoverWrapperProps = {
     title: string;
     items: JSX.Element[];
     itemMarker: JSX.Element;
     closeOnOutsideClick?: boolean;
     containerHasMultipleItemMarkers?: boolean;
+    popoverZIndex?: number;
+    popoverStyle?: CSSProperties;
 };
 /**
  *
@@ -12,7 +15,9 @@ type ItemMarkerAndPopoverWrapperProps = {
  * @param {JSX.Element} itemMarker - Item marker component. This can also be the MultipleIconMarkers component.
  * @param {boolean} closeOnOutsideClick - If true, popover will close on outside click (optional).
  * @param {boolean} containerHasMultipleItemMarkers - If true, styling takes into account the hover and such of the MultipleItemMarkers component.
- * @returns  {JSX.Element} Component
+ * @param {number} popoverZIndex - Z-index of the popover.
+ * @param {CSSProperties} popoverStyle - style of the popover.
+ * @returns {JSX.Element} Component
  */
-export declare const ItemMarkerAndPopoverWrapper: ({ title, items, itemMarker, closeOnOutsideClick, containerHasMultipleItemMarkers }: ItemMarkerAndPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemMarkerAndPopoverWrapper: ({ title, items, itemMarker, closeOnOutsideClick, containerHasMultipleItemMarkers, popoverZIndex, popoverStyle }: ItemMarkerAndPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/sidesheet/sheetTopArea/SheetTopArea.d.ts

@@ -11,7 +11,7 @@ interface SheetTopAreaProps extends Partial<SheetOrientationActionsProps> {
     /** If omitted, all orientation toggles are rendered. */
     enabledOrientations?: EnabledOrientations;
 }
-declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous, enabledOrientations }: SheetTopAreaProps): JSX.Element | null;
+declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous, enabledOrientations, side }: SheetTopAreaProps): JSX.Element | null;
 interface SheetOrientationActionsProps {
     orientation: SideSheetOrientation;
     enabledOrientations: EnabledOrientations;
@@ -19,6 +19,7 @@ interface SheetOrientationActionsProps {
      * Providing this function allows the developer to control sheet orientation.
      */
     onOrientationChange: (orientationTarget: SideSheetOrientation) => void;
+    side?: 'left' | 'right';
 }
 export { SheetTopArea };
 export type { SheetTopAreaProps };