@equinor/echo-framework 4.2.0 → 4.3.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@equinor/echo-framework",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "peerDependencies": {
-    "@equinor/echo-base": ">= 4.2.0 < 5.0.0",
-    "@equinor/echo-components": ">= 4.2.0 < 5.0.0",
-    "@equinor/echo-core": ">= 4.2.0 < 5.0.0",
-    "@equinor/echo-search": ">= 4.2.0 < 5.0.0",
-    "@equinor/echo-utils": ">= 4.2.0 < 5.0.0",
+    "@equinor/echo-base": ">= 4.3.0 < 5.0.0",
+    "@equinor/echo-components": ">= 4.3.0 < 5.0.0",
+    "@equinor/echo-core": ">= 4.3.0 < 5.0.0",
+    "@equinor/echo-search": ">= 4.3.0 < 5.0.0",
+    "@equinor/echo-utils": ">= 4.3.0 < 5.0.0",
     "@equinor/eds-core-react": "0.49.0",
     "@equinor/eds-icons": "0.22.0",
     "@equinor/eds-tokens": "2.1.0",
@@ -19,11 +19,11 @@
     "react-router-dom": ">= 6.30.3 < 7",
     "zustand": ">= 4.4.7 < 5",
     "immer": ">= 11.1.4 < 12.0.0",
-    "msw": "2.12.10",
+    "msw": ">= 2.0.0 < 3",
     "date-fns": "4.1.0"
   },
   "dependencies": {
-    "dexie": "4.3.0",
+    "dexie": "4.4.2",
     "mark.js": "8.11.1",
     "ag-charts-community": "12.3.1",
     "ag-charts-react": "12.3.1",

package/src/index.d.ts

@@ -19,7 +19,7 @@ export { ReturnToExternalAppButton } from './lib/feature/echoView/ReturnToExtern
 export { fetchEquipmentFromApi } from './lib/feature/equipment/api/api-equipmentWithMeasuringPoints';
 export * from './lib/feature/equipment/index';
 export * from './lib/feature/globalSelection';
-export { SelectionActionBar } from './lib/feature/globalSelection/components/SelectionActionBar';
+export { ItemDetailsSelectionActionBar, SelectionActionBar } from './lib/feature/globalSelection/components/selectionActionBar/SelectionActionBar';
 export { PanTo3DButton } from './lib/feature/globalSelection/panToEcho3d/panTo3DButton';
 export { useIsAllIGlobalSelectionItemsHidden } from './lib/feature/globalSelection/selectionMenu/hooks/useIsAllIGlobalSelectionItemsHidden';
 export { useSelectionColorFrequencyByIds } from './lib/feature/globalSelection/selectionMenu/hooks/useSelectionColorFrequency';
@@ -137,8 +137,8 @@ declare const EchoFramework: Readonly<{
         usePlantAvailableIn3dWeb(plantCode?: string): boolean;
         useScreenOrientation(): import("./lib/types/hookLibrary").ScreenOrientation;
         useScreenValues(): {
-            isScreenMobileSize: boolean;
-            screenOrientation: import("./lib/types/hookLibrary").ScreenOrientation;
+            readonly isScreenMobileSize: boolean;
+            readonly screenOrientation: import("./lib/types/hookLibrary").ScreenOrientation;
         };
         useSelectionGroupLabelsPerItem: () => Map<string, string[]>;
         useTabTitle(): void;

package/src/lib/components/prepview/panels/objects/objects.logic.d.ts

@@ -0,0 +1,7 @@
+import type { GlobalSelectionTypes } from '../../../../feature/globalSelection/globalSelectionStore/globalSelectionStore.types';
+import type { PrepviewObject } from '../../types/workorder';
+export declare function fetchWorkOrderObjectsWithSelectionIds(workOrderId: string): Promise<{
+    workOrderObjects: PrepviewObject[];
+    tagIds: GlobalSelectionTypes.TagId[];
+    equipmentIds: GlobalSelectionTypes.EquipmentId[];
+}>;

package/src/lib/components/prepview/panels/objects/objects.utils.d.ts

@@ -0,0 +1,14 @@
+import { GlobalSelectionTypes } from '../../../../feature/globalSelection/globalSelectionStore/globalSelectionStore.types';
+import type { PrepviewObject } from '../../types/workorder';
+/**
+ * Extracts tag IDs from the given work order objects.
+ * @param workOrderObjects The work order objects to extract tag IDs from.
+ * @returns A promise that resolves to an array of tag IDs.
+ */
+export declare function extractTagIdsFromWorkOrderObjects(workOrderObjects: ReadonlyArray<PrepviewObject>): Promise<GlobalSelectionTypes.TagId[]>;
+/**
+ * Extracts equipment IDs from the given work order objects.
+ * @param workOrderObjects The work order objects to extract equipment IDs from.
+ * @returns An array of equipment IDs.
+ */
+export declare function extractEquipmentIdsFromWorkOrderObjects(workOrderObjects: ReadonlyArray<PrepviewObject>): GlobalSelectionTypes.EquipmentId[];

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/AddSelectionListWithSameNameDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AddSelectionListWithSameNameDialogProps {
+    readonly isOpen: boolean;
+    readonly onClose: () => void;
+    readonly onAddNewList: () => void | Promise<void>;
+}
+export declare const AddSelectionListWithSameNameDialog: React.FC<AddSelectionListWithSameNameDialogProps>;
+export {};

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/SelectionActionBarMultiple.d.ts

@@ -0,0 +1,9 @@
+import { GlobalSelectionTypes } from '../../../../../feature/globalSelection/globalSelectionStore/globalSelectionStore.types';
+export interface SelectionActionBarMultipleProps {
+    readonly selectionItemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    readonly hiddenSelectionItemIds?: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    readonly labelSelectionGroup: string;
+    readonly subLabelSelectionGroup?: string;
+    readonly className?: string;
+}
+export declare const SelectionActionBarMultiple: React.FC<SelectionActionBarMultipleProps>;

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/logic/selectionActionBarMultiple.colors.d.ts

@@ -0,0 +1,2 @@
+import { GlobalSelectionItemType } from '../../../../../../feature/globalSelection/globalSelectionStore/globalSelectionStore.types';
+export declare function getUniqueSelectionItemTypes(itemTypes: ReadonlyArray<GlobalSelectionItemType>): ReadonlyArray<GlobalSelectionItemType>;

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/logic/selectionActionBarMultiple.constants.d.ts

@@ -0,0 +1 @@
+export declare const OBJECT_LIST_FOR_WORK_ORDER_LABEL_PREFIX = "Object list for WO ";

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/logic/selectionActionBarMultiple.orchestration.d.ts

@@ -0,0 +1,10 @@
+import { Guid } from '@equinor/echo-utils';
+import { type GlobalSelectionTypes } from '../../../../../../feature/globalSelection/globalSelectionStore/globalSelectionStore.types';
+import { SelectionTreeTypes } from '../../../../../../feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.types';
+export declare function addSelectionItemsToNewSelectionGroup(args: {
+    readonly selectionItemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    readonly hiddenSelectionItemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    readonly label: string;
+    readonly subLabel: string;
+    readonly selectionGroups: ReadonlyArray<SelectionTreeTypes.Group>;
+}): Promise<Guid>;

package/src/lib/components/prepview/panels/objects/selectionActionBarMultiple/logic/selectionActionBarMultiple.utils.d.ts

@@ -0,0 +1,3 @@
+import { SelectionTreeTypes } from '../../../../../../feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.types';
+export declare function doesSelectionGroupLabelExist(label: string, groups: ReadonlyArray<SelectionTreeTypes.Group>): boolean;
+export declare function getNextAvailableGroupLabel(label: string, groups: ReadonlyArray<SelectionTreeTypes.Group>): string;

package/src/lib/components/prepview/panels/tagDocumentRefs/HorizontalDocumentGroups.d.ts

@@ -3,5 +3,5 @@ interface HorizontalDocumentGroupsProps {
     documentGroups: Array<PrepviewDocumentGroup>;
     tagNo: string;
 }
-declare function HorizontalDocumentGroups({ documentGroups, tagNo, }: HorizontalDocumentGroupsProps): import("react/jsx-runtime").JSX.Element;
+declare function HorizontalDocumentGroups({ documentGroups, tagNo }: HorizontalDocumentGroupsProps): import("react/jsx-runtime").JSX.Element;
 export { HorizontalDocumentGroups };

package/src/lib/feature/globalSelection/components/selectionActionBar/SelectionActionBar.d.ts

@@ -0,0 +1,12 @@
+import { GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
+export interface SelectionActionBarProps {
+    readonly itemId: GlobalSelectionTypes.ItemId;
+    readonly className?: string;
+    readonly showPopoverUpdateDelay?: boolean;
+}
+export declare const SelectionActionBar: React.FC<SelectionActionBarProps>;
+/**
+ * Simple wrapper to apply custom styles to the SelectionActionBar when used in the ItemDetails pages,
+ * without affecting the SelectionActionBar used elsewhere.
+ */
+export declare const ItemDetailsSelectionActionBar: (props: SelectionActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/feature/globalSelection/components/selectionActionBar/SelectionActionBarMenuItem.d.ts

@@ -0,0 +1,12 @@
+import { Guid } from '@equinor/echo-utils';
+import { GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
+import { type SelectionGroup } from '../../selectionMenu/selectionTreeStore/selectionTree.store.types';
+interface SelectionActionBarMenuItemProps {
+    readonly isInGroup: boolean;
+    readonly group: SelectionGroup;
+    readonly addToSelection: (groupId: Guid, itemId: GlobalSelectionTypes.ItemId) => void;
+    readonly removeFromSelection: (groupId: Guid, itemId: GlobalSelectionTypes.ItemId) => void;
+    readonly itemId: GlobalSelectionTypes.ItemId;
+}
+export declare const SelectionActionBarMenuItem: (props: SelectionActionBarMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/feature/globalSelection/globalSelection.api.d.ts

@@ -29,7 +29,7 @@ export declare const globalSelectionApi: Readonly<{
         itemsById: (args: {
             groupId?: import("@equinor/echo-utils").Guid;
             categoryId: GlobalSelectionCategoryId;
-            itemIds: GlobalSelectionTypes.ItemId[];
+            itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
         }) => void;
         /**
          * Removes all items by their IDs, from all groups, from the state.
@@ -109,8 +109,9 @@ export declare const globalSelectionApi: Readonly<{
          *
          */
         addItems: (args: {
-            itemIds: GlobalSelectionTypes.ItemId[];
+            itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
             groupId?: import("@equinor/echo-utils").Guid;
+            useDefaultSelectionTypeColors?: boolean;
         }) => Promise<void>;
     }>;
     search: {

package/src/lib/feature/globalSelection/globalSelectionColorService.d.ts

@@ -1,3 +1,4 @@
+import { SelectionColor } from './globalSelectionColorService.types';
 import { GlobalSelectionItemType } from './globalSelectionStore/globalSelectionStore.types';
 type ColorServiceState = {
     /**
@@ -43,8 +44,7 @@ export declare const SELECTION_COLOR_PICKER_COLORS: Readonly<string>[];
 declare const UNIFIED_COLOR_POOL: string[];
 export { UNIFIED_COLOR_POOL };
 /**
- * Should be only used in local selection context!
- *
+ * *
  * Returns the color associated with a given `GlobalSelectionItemType`.
  *
  * This function maps specific item types to their corresponding selection colors,
@@ -54,4 +54,4 @@ export { UNIFIED_COLOR_POOL };
  * @param itemType - The type of the global selection item for which to retrieve the color.
  * @returns The color string associated with the specified item type.
  */
-export declare function getLocalSelectionColorByItemType(itemType: GlobalSelectionItemType): string;
+export declare function getDefaultSelectionColorByItemType(itemType: GlobalSelectionItemType): SelectionColor;

package/src/lib/feature/globalSelection/globalSelectionColorService.types.d.ts

@@ -1,3 +1,4 @@
 import { Brand } from '@equinor/echo-utils';
 export declare const SELECTION_PLACEHOLDER_COLOR = "#B0B0B0";
+export type SelectionColor = string;
 export type HexColor = Brand<string, 'ItemIdString'>;

package/src/lib/feature/globalSelection/hooks/useSelectionAction.d.ts

@@ -1,5 +1,5 @@
+import type { SelectionBarFeedbackType } from '@equinor/echo-components';
 import { Guid } from '@equinor/echo-utils';
-import type { SelectionFeedbackType } from '../components/SelectionActionBar/selectionFeedback.types';
 import { GlobalSelectionTypes } from '../globalSelectionStore/globalSelectionStore.types';
 /**
  *
@@ -14,7 +14,7 @@ import { GlobalSelectionTypes } from '../globalSelectionStore/globalSelectionSto
  */
 export declare function useSelectionAction(showPopoverUpdateDelay?: boolean): {
     isLoading: boolean;
-    feedbackType: SelectionFeedbackType | null;
+    feedbackType: SelectionBarFeedbackType | null;
     addToSelection: (groupId: Guid, itemId: GlobalSelectionTypes.ItemId) => Promise<void>;
     removeFromSelection: (groupId: Guid, itemId: GlobalSelectionTypes.ItemId) => void;
     changeColor: (itemId: GlobalSelectionTypes.ItemId, color: string) => void;

package/src/lib/feature/globalSelection/index.d.ts

@@ -1,7 +1,7 @@
 export * from './globalSelectionStore/globalSelectionStore.types';
 export * from './selectionMenu/selectionTreeStore/selectionTree.api.types';
 export * from './selectionMenu/selectionTreeStore/selectionTree.store.types';
-export { isPdmsInternalTagType, PDMS_INTERNAL_TAG_TYPES } from './pdmsTag/pdmsTag.types';
+export { PDMS_INTERNAL_TAG_TYPES, isPdmsInternalTagType } from './pdmsTag/pdmsTag.types';
 export type { PdmsInternalTagType, PdmsTagId, PdmsTagSummaryDto, StidTagId } from './pdmsTag/pdmsTag.types';
 export { useAreAllItemsVisible } from './hooks/useAreAllItemsVisible';
 export { useGlobalSelectionByItemId } from './hooks/useGlobalSelectionByItemId';
@@ -18,7 +18,7 @@ export { useCurrentSelectionId } from './selectionMenu/hooks/useCurrentSelection
 export { useFetchSelectionHistory } from './selectionMenu/hooks/useFetchSelectionHistory';
 export { useGlobalSelectionGroups } from './selectionMenu/hooks/useGlobalSelectionGroups';
 export { useMostUsedSelectionColorByIds } from './selectionMenu/hooks/useSelectionColorFrequency';
-export { RemoveSelectionItemsConfirmDialog } from './components/RemoveSelectionItemsConfirmDialog';
+export { RemoveSelectionItemsConfirmDialog } from './components/selectionActionBar/RemoveSelectionItemsConfirmDialog';
 export { globalSelectionApi } from './globalSelection.api';
 export { globalSelectionInternal } from './globalSelection.internal';
 export { SELECTION_COLOR_PICKER_COLORS } from './globalSelectionColorService';

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/actions/addItems.action.d.ts

@@ -1,6 +1,11 @@
 import { Guid } from '@equinor/echo-utils';
 import { GlobalSelectionTypes } from '../../../globalSelectionStore/globalSelectionStore.types';
 import { SelectionTreeStore } from '../selectionTree.store.types';
+export type AddItemsActionArgs = {
+    readonly itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    readonly groupId?: Guid;
+    readonly useDefaultSelectionTypeColors?: boolean;
+};
 /**
  * Adds items to the selection tree store by categorizing them into tags, work orders,
  * equipments, and measuring points, then dispatching the appropriate add actions for each type.
@@ -10,7 +15,3 @@ import { SelectionTreeStore } from '../selectionTree.store.types';
  * @returns A promise that resolves when all items have been added to the store.
  */
 export declare function addItems(get: () => SelectionTreeStore, args: AddItemsActionArgs): Promise<void>;
-export type AddItemsActionArgs = {
-    itemIds: GlobalSelectionTypes.ItemId[];
-    groupId?: Guid;
-};

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/actions/removeAllItemsById.action.d.ts

@@ -10,6 +10,6 @@ type SetFunction = (set: (state: SelectionTreeStore) => void, shouldReplace?: bo
  * @returns {void}
  */
 export declare function removeAllItemsById(set: SetFunction, args: {
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
 }): void;
 export {};

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/actions/removeItemsById.action.d.ts

@@ -19,6 +19,6 @@ export declare function removeItemsById(set: SetFunction, args: RemoveItemsByIdA
 type RemoveItemsByIdArgs = {
     groupId?: Guid;
     categoryId: GlobalSelectionCategoryId;
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
 };
 export {};

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/actions/selectionTree.action.types.d.ts

@@ -2,9 +2,10 @@ import { ResultArray } from '@equinor/echo-search';
 import { Guid } from '@equinor/echo-utils';
 import { GlobalSelectionItemType, GlobalSelectionItemTypeToDataMap, GlobalSelectionTypes, SelectionItemTypeToItemIdMap } from '../../../globalSelectionStore/globalSelectionStore.types';
 type AddItemArgsBase<ItemIdType extends GlobalSelectionTypes.ItemId> = {
-    itemIds: Readonly<ItemIdType[]>;
-    replaceItems?: boolean;
-    getActionResult?: boolean;
+    readonly itemIds: Readonly<ItemIdType[]>;
+    readonly replaceItems?: boolean;
+    readonly useDefaultSelectionTypeColors?: boolean;
+    readonly getActionResult?: boolean;
 };
 type AddItemArgsExclusive = {
     groupId: Guid;
@@ -20,7 +21,7 @@ export type AddItemsResponse<T extends GlobalSelectionItemType> = {
     fetchResults: ResultArray<GlobalSelectionItemTypeToDataMap[T]>[];
     itemsAdded: Readonly<SelectionItemTypeToItemIdMap[T][]>;
     actionResult: SelectionTreeActionResult;
-    affectedGroupId?: Guid;
+    affectedGroupId: Guid | undefined;
 };
 export type SelectionTreeActionResult = 'ItemsUpdated' | 'ItemsAdded' | 'NewGroupCreated' | 'NoChanges';
 export {};

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.d.ts

@@ -1,5 +1,4 @@
 import { Guid } from '@equinor/echo-utils';
-import { GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
 import { SelectionGroup, SelectionTreeStore } from './selectionTree.store.types';
 /**
  * Zustand store hook for managing the selection tree state in the global selection feature.
@@ -34,13 +33,14 @@ export declare const useSelectionTreeStore: import("zustand").UseBoundStore<Omit
             guid: Guid | undefined;
         }) => void;
         addItems: (args: {
-            itemIds: GlobalSelectionTypes.ItemId[];
+            itemIds: ReadonlyArray<import("../..").GlobalSelectionTypes.ItemId>;
             groupId?: Guid;
+            useDefaultSelectionTypeColors?: boolean;
         }) => Promise<void>;
-        addTags: (args: import("./actions/selectionTree.action.types").AddItemArgs<GlobalSelectionTypes.TagId>) => import("./selectionTree.store.types").AddTagsReturnType;
-        addWorkOrders: (args: import("./actions/selectionTree.action.types").AddItemArgs<GlobalSelectionTypes.WorkOrderId>) => import("./selectionTree.store.types").AddWorkOrdersReturnType;
-        addEquipments: (args: import("./actions/selectionTree.action.types").AddItemArgs<GlobalSelectionTypes.EquipmentId>) => import("./selectionTree.store.types").AddEquipmentsReturnType;
-        addMeasuringPoints: (args: import("./actions/selectionTree.action.types").AddItemArgs<GlobalSelectionTypes.MeasuringPointId>) => import("./selectionTree.store.types").AddMeasuringPointsReturnType;
+        addTags: (args: import("./actions/selectionTree.action.types").AddItemArgs<import("../..").GlobalSelectionTypes.TagId>) => import("./selectionTree.store.types").AddTagsReturnType;
+        addWorkOrders: (args: import("./actions/selectionTree.action.types").AddItemArgs<import("../..").GlobalSelectionTypes.WorkOrderId>) => import("./selectionTree.store.types").AddWorkOrdersReturnType;
+        addEquipments: (args: import("./actions/selectionTree.action.types").AddItemArgs<import("../..").GlobalSelectionTypes.EquipmentId>) => import("./selectionTree.store.types").AddEquipmentsReturnType;
+        addMeasuringPoints: (args: import("./actions/selectionTree.action.types").AddItemArgs<import("../..").GlobalSelectionTypes.MeasuringPointId>) => import("./selectionTree.store.types").AddMeasuringPointsReturnType;
         createGroup: (args: {
             groupId?: string;
             label: string;
@@ -59,15 +59,15 @@ export declare const useSelectionTreeStore: import("zustand").UseBoundStore<Omit
         removeItemsById: (args: {
             groupId?: Guid;
             categoryId: import("./selectionTree.store.types").GlobalSelectionCategoryId;
-            itemIds: GlobalSelectionTypes.ItemId[];
+            itemIds: ReadonlyArray<import("../..").GlobalSelectionTypes.ItemId>;
         }) => void;
         removeAllItemsById: (args: {
-            itemIds: GlobalSelectionTypes.ItemId[];
+            itemIds: ReadonlyArray<import("../..").GlobalSelectionTypes.ItemId>;
         }) => void;
         moveItems: (args: {
             sourceGroupId: Guid;
             sourceCategoryId?: import("./selectionTree.store.types").GlobalSelectionCategoryId;
-            sourceItemId?: GlobalSelectionTypes.ItemId;
+            sourceItemId?: import("../..").GlobalSelectionTypes.ItemId;
             targetGroupId: Guid;
         }) => void;
         setVisibilityById: (args: {
@@ -85,7 +85,7 @@ export declare const useSelectionTreeStore: import("zustand").UseBoundStore<Omit
             categories: {
                 id: import("./selectionTree.store.types").GlobalSelectionCategoryId;
                 label: string;
-                items: Map<GlobalSelectionTypes.ItemIdString, {
+                items: Map<import("../..").GlobalSelectionTypes.ItemIdString, {
                     id: {
                         workOrderId: string;
                     } | {
@@ -102,7 +102,7 @@ export declare const useSelectionTreeStore: import("zustand").UseBoundStore<Omit
                     } | {
                         measuringPointId: string;
                     };
-                    type: import("../../globalSelectionStore/globalSelectionStore.types").GlobalSelectionItemType;
+                    type: import("../..").GlobalSelectionItemType;
                 }>;
             }[];
             groupId: Guid;

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.types.d.ts

@@ -35,8 +35,9 @@ export interface SelectionTreeStore extends SelectionTreeData {
         guid: Guid | undefined;
     }) => void;
     addItems: (args: {
-        itemIds: GlobalSelectionTypes.ItemId[];
+        itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
         groupId?: Guid;
+        useDefaultSelectionTypeColors?: boolean;
     }) => Promise<void>;
     addTags: (args: AddItemArgs<GlobalSelectionTypes.TagId>) => AddTagsReturnType;
     addWorkOrders: (args: AddItemArgs<GlobalSelectionTypes.WorkOrderId>) => AddWorkOrdersReturnType;
@@ -60,10 +61,10 @@ export interface SelectionTreeStore extends SelectionTreeData {
     removeItemsById: (args: {
         groupId?: Guid;
         categoryId: GlobalSelectionCategoryId;
-        itemIds: GlobalSelectionTypes.ItemId[];
+        itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     }) => void;
     removeAllItemsById: (args: {
-        itemIds: GlobalSelectionTypes.ItemId[];
+        itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     }) => void;
     moveItems: (args: {
         sourceGroupId: Guid;

package/src/lib/feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.utils.d.ts

@@ -50,7 +50,7 @@ export declare function findSelectionCategoryById(args: {
  */
 export declare function itemsNotFoundInSelectionTree(args: {
     groups: SelectionTreeTypes.Group[];
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
 }): GlobalSelectionTypes.ItemId[];
 /**
  * Get an array of group IDs where any of the item IDs are found.
@@ -64,7 +64,7 @@ export declare function itemsNotFoundInSelectionTree(args: {
  * @returns {Object[]} An array of group IDs, with labels and sublabels, where any of the item IDs are found.
  */
 export declare function getGroupIdsByItemIds(args: {
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     groups: SelectionTreeTypes.Group[];
 }): {
     id: Guid;
@@ -103,8 +103,8 @@ export declare function isSelectionEmpty(groups: SelectionTreeTypes.Group[]): bo
  * @param {GlobalSelectionTypes.ItemId[]} itemIds - The list of item IDs to be checked and potentially removed.
  * @returns {void}
  */
-export declare function removeStaleItemsFromGlobalSelection(groups: SelectionTreeTypes.Group[], itemIds: GlobalSelectionTypes.ItemId[]): void;
-export declare function getItemsByIdsFromGlobalSelectionStore(itemIds: GlobalSelectionTypes.ItemId[]): GlobalSelectionTypes.SelectionItem[];
+export declare function removeStaleItemsFromGlobalSelection(groups: SelectionTreeTypes.Group[], itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>): void;
+export declare function getItemsByIdsFromGlobalSelectionStore(itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>): GlobalSelectionTypes.SelectionItem[];
 /**
  * Returns an array of selection colors sorted by their frequency for the specified item IDs within a group.
  *
@@ -122,7 +122,7 @@ export declare function getItemsByIdsFromGlobalSelectionStore(itemIds: GlobalSel
  */
 export declare function getSelectionColorFrequencyByIds(args: {
     groupId: string;
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     allGroups: ReadonlyArray<SelectionTreeTypes.Group>;
 }): string[];
 /**
@@ -143,8 +143,9 @@ export declare function handleItemColorization(args: {
     itemType: GlobalSelectionItemType;
     treeState: SelectionTreeStore;
     affectedGroupId?: Guid;
-    itemIds: GlobalSelectionTypes.ItemId[];
+    itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     handleColorConflicts?: boolean;
+    useDefaultSelectionTypeColors?: boolean;
 }): string | undefined;
 /**
  * Assigns a color to a set of items within a specified group in the selection tree.
@@ -164,5 +165,6 @@ export declare function assignColorToItemsInGroup(args: {
     itemType: GlobalSelectionItemType;
     allGroups: ReadonlyArray<SelectionTreeTypes.Group>;
     groupId: string;
-    itemIdsToColor: GlobalSelectionTypes.ItemId[];
+    itemIdsToColor: ReadonlyArray<GlobalSelectionTypes.ItemId>;
+    useDefaultSelectionTypeColors?: boolean;
 }): string | undefined;

package/src/lib/feature/legend/components/BasicLegendRenderer.d.ts

@@ -1,6 +1,6 @@
 import { LegendId } from '../types/legendType';
 interface LegendSelectorMenuProps {
-    legendId: LegendId;
+    readonly legendId: LegendId;
 }
 export declare const BasicLegendRenderer: import("react").NamedExoticComponent<LegendSelectorMenuProps>;
 export {};

package/src/lib/feature/legend/components/LegendSelectorContainer.d.ts

@@ -0,0 +1,17 @@
+import { LegendChipProps } from '@equinor/echo-components';
+import { type LegendOptionConfig } from '../types/legendType';
+interface LegendSelectorContainerProps {
+    readonly selectedOption: LegendOptionConfig;
+    readonly onSelectedOptionChange?: (option: LegendOptionConfig) => void;
+    readonly options: ReadonlyArray<LegendOptionConfig>;
+    readonly legendChips: ReadonlyArray<LegendChipProps>;
+    /** Whether this is a marker or badge selector (affects icon displayed) */
+    readonly variant: 'marker' | 'badge';
+}
+/**
+ * A reusable container for legend selectors that handles both option selection
+ * and display option selection (how the badge text is rendered) based on LegendOptionConfigs.
+ * Display options are only available for badge variants with enableDisplayOptions: true.
+ */
+export declare const LegendSelectorContainer: (props: LegendSelectorContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/feature/legend/components/pdfMarkers/subComponents/ItemMarkerPopoverContainer.d.ts

@@ -0,0 +1,9 @@
+import { type LegendId } from '../../../types/legendType';
+interface ItemMarkerPopoverContainerProps {
+    legendId: LegendId;
+    elements: ReadonlyArray<React.ReactElement>;
+    isPopoverActive: boolean;
+    handleClose: () => void;
+}
+export declare const ItemMarkerPopoverContainer: ({ legendId, elements, isPopoverActive, handleClose }: ItemMarkerPopoverContainerProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/src/lib/feature/legend/components/popover/LegendPopoverContent.d.ts

@@ -1,41 +1,24 @@
-import { FC } from 'react';
-import { Marker } from '../../types/legendMarkerBadge.type';
 import { LegendDataId, LegendId } from '../../types/legendType';
 export interface LegendPopoverContentProps {
     legendId: LegendId;
     legendDataId: LegendDataId;
-    title: string | React.ReactNode;
-    description: string;
-    tertiary?: LegendPopoverTertiaryLabels | React.ReactNode;
     onPopoverClicked?: () => void;
     children?: React.ReactNode;
-    excludedLegendTitles?: ReadonlyArray<string>;
+    excludedChipLegendTitles?: ReadonlyArray<string>;
     showAddToSelectionButton?: boolean;
-    getMarkersForChipsCreation?: () => ReadonlyArray<Marker>;
 }
-export type LegendPopoverTertiaryLabels = {
-    first: string;
-    second?: string;
-    third?: string;
-};
 /**
  * Renders the content for a legend popover, typically used as the content for the ItemMarkerPopover component.
- *
- * Uses `legendId` and `legendDataId` to look up and render relevant `LegendChip` components for the given legend item.
- * Displays a title, description, and optional tertiary content (either a structured object with up to three strings, or a custom ReactNode).
- * Additional custom content can be rendered via `children`.
- * Optionally, chips can be created from markers provided by the `getMarkersForChipsCreation` callback.
+ * The content includes dynamically generated chips based on the markers associated with the provided legendId and legendDataId.
+ * It is possible to exclude certain chips based on their legend titles using props. Chips with excluded titles will not be rendered in the popover.
+ * The component also includes an optional "Add to Selection" button that allows users to add the item to their global selection groups.
  *
  * @component
- * @param {object} props - Component props
  * @param {LegendId} props.legendId - The identifier used to look up legend strategy.
  * @param {LegendDataId} props.legendDataId - The identifier for retrieving the markers.
- * @param {string | React.ReactNode} props.title - The main title of the popover.
- * @param {string} props.description - The description or supporting text.
- * @param {LegendPopoverTertiaryLabels | React.ReactNode} [props.tertiary] - Optional tertiary content. If an object, displays up to three labeled strings; if a ReactNode, renders as-is.
- * @param {() => void} [props.onPopoverClicked] - Optional callback for popover click events.
- * @param {React.ReactNode} [props.children] - Optional custom content to render below the predefined main content.
- * @param {ReadonlyArray<string>} [props.excludedLegendTitles] - Optional array of titles to exclude from the legend chips.
- * @param {() => ReadonlyArray<Marker>} [props.getMarkersForChipsCreation] - Optional callback that returns the markers to be used for chip creation.
+ * @param {() => void} [props.onPopoverClicked] - Optional callback for popover content click events.
+ * @param {React.ReactNode} [props.children] - Optional custom content to render inside the popover content area, will be above chips.
+ * @param {ReadonlyArray<string>} [props.excludedChipLegendTitles] - Optional array of titles to exclude from the legend chips.
+ * @param {boolean} [props.showAddToSelectionButton] - Optional flag to show or hide the "Add to Selection" button.
  */
-export declare const LegendPopoverContent: FC<LegendPopoverContentProps>;
+export declare const LegendPopoverContent: (props: LegendPopoverContentProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/feature/legend/components/popover/LegendPopoverContent.logic.d.ts

@@ -1,8 +1,7 @@
-import { LegendChipProps } from '@equinor/echo-components';
 import { LegendState } from '../../types/legendType';
 import { Marker } from './../../types/legendMarkerBadge.type';
 /**
- * Returns an array of visible LegendChipProps for the given markers and legend state.
+ * Returns an array of visible PopoverChip for the given markers and legend state.
  *
  * Filters out markers and badges that are hidden (using isHiddenMarker/isHiddenBadge) or whose titles match any value in the
  * excludedLegendTitles array (case-insensitive). Badge chips are only included if selectedMarkerOption !== selectedBadgeOption.
@@ -11,11 +10,18 @@ import { Marker } from './../../types/legendMarkerBadge.type';
  * @param {ReadonlyArray<Marker>} params.markers - The list of marker objects to process.
  * @param {LegendState} params.legend - The legend state, used for filtering and selection logic.
  * @param {ReadonlyArray<string>} [params.excludedLegendTitles] - Optional array of titles to exclude from the chips (case-insensitive).
- * @returns {LegendChipProps[]} The filtered and mapped array of LegendChipProps for rendering.
+ * @returns {PopoverChip[]} The filtered and mapped array of PopoverChip for rendering.
  */
-export declare function getLegendChipsFromMarkers({ markers, legendSelectedBadgeOption, legendSelectedMarkerOption, excludedLegendTitles }: {
+interface GetPopoverChipsParams {
     markers: ReadonlyArray<Marker>;
-    excludedLegendTitles?: ReadonlyArray<string>;
     legendSelectedBadgeOption?: LegendState['selectedBadgeOption'];
     legendSelectedMarkerOption?: LegendState['selectedMarkerOption'];
-}): LegendChipProps[];
+    excludedLegendTitles?: ReadonlyArray<string>;
+}
+interface PopoverChip {
+    text: string;
+    backgroundColor: string;
+    textColor: string;
+}
+export declare function getPopoverChips({ markers, legendSelectedBadgeOption, legendSelectedMarkerOption, excludedLegendTitles }: GetPopoverChipsParams): PopoverChip[];
+export {};

package/src/lib/feature/legend/hooks/useGroupedMarkers.utils.d.ts

@@ -1,9 +1,5 @@
 import { SelectionGroup } from '../../globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.types';
 import { Marker } from '../types/legendMarkerBadge.type';
-/**
- * Checks if a marker has badges from multiple different item IDs.
- */
-export declare const hasBadgesFromMultipleItemIds: (marker: Marker) => boolean;
 /**
  * Gets all potential group keys a marker could generate.
  * Used for per-marker hidden state subscriptions.

package/src/lib/feature/legend/hooks/useLegendMarker/useLegendMarker.utils.d.ts

@@ -18,4 +18,4 @@ export declare const useUniqueVisibleData: () => LegendDataId[];
  * Common logic for creating markers from data using strategy.
  * Selection-based grouping is handled at the viewport rendering level.
  */
-export declare const useCreateMarkers: (legendId: LegendId, data: LegendDataId[], isViewport?: boolean) => ReadonlyArray<Marker>;
+export declare const useCreateMarkers: (legendId: LegendId, data: LegendDataId[]) => ReadonlyArray<Marker>;

package/src/lib/feature/legend/hooks/useLegendUniqueBadges.d.ts

@@ -4,6 +4,4 @@ import { LegendId } from '../types/legendType';
  * Returns all unique badges for the given legendId, determined by unique title + color.
  * This will also return markers that are not visible on screen.
  */
-export declare function useLegendUniqueBadges(legendId: LegendId, options?: {
-    isViewport?: boolean;
-}): ReadonlyArray<Badge>;
+export declare function useLegendUniqueBadges(legendId: LegendId): ReadonlyArray<Badge>;

package/src/lib/feature/legend/hooks/useLegendUniqueMarkers.d.ts

@@ -4,6 +4,4 @@ import { LegendId } from '../types/legendType';
  * Returns all unique markers for the given legendId, determined by unique displayKey (title + color).
  * This will also return markers that are not visible on screen.
  */
-export declare function useLegendUniqueMarkers(legendId: LegendId, options?: {
-    isViewport?: boolean;
-}): ReadonlyArray<Marker>;
+export declare function useLegendUniqueMarkers(legendId: LegendId): ReadonlyArray<Marker>;