@equinor/echo-framework 0.26.7 → 0.26.9

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@equinor/echo-framework",
-  "version": "0.26.7",
+  "version": "0.26.9",
   "peerDependencies": {
-    "@equinor/echo-base": ">= 0.26.6 < 0.27.0",
-    "@equinor/echo-components": ">= 0.26.6 < 0.27.0",
-    "@equinor/echo-core": ">= 0.26.6 < 0.27.0",
-    "@equinor/echo-search": ">= 0.26.6 < 0.27.0",
-    "@equinor/echo-utils": ">= 0.26.7 < 0.27.0",
+    "@equinor/echo-base": ">= 0.26.8 < 0.27.0",
+    "@equinor/echo-components": ">= 0.26.9 < 0.27.0",
+    "@equinor/echo-core": ">= 0.26.8 < 0.27.0",
+    "@equinor/echo-search": ">= 0.26.8 < 0.27.0",
+    "@equinor/echo-utils": ">= 0.26.9 < 0.27.0",
     "@equinor/eds-core-react": "0.43.0",
     "@equinor/eds-icons": "0.22.0",
     "react": ">= 17.0.2",
@@ -19,13 +19,13 @@
     "react-router-dom": "5.3.4",
     "zustand": ">= 4.4.7 < 5",
     "immer": "10.1.1",
-    "ag-charts-enterprise": "11.3.2"
+    "ag-charts-enterprise": "12.0.2"
   },
   "dependencies": {
     "dexie": "4.0.11",
     "mark.js": "8.11.1",
-    "ag-charts-community": "11.3.2",
-    "ag-charts-react": "11.3.2"
+    "ag-charts-community": "12.0.2",
+    "ag-charts-react": "12.0.2"
   },
   "main": "./index.cjs.js",
   "type": "commonjs",

package/src/index.d.ts

@@ -17,10 +17,12 @@ export * from './lib/feature/equipment/index';
 export * from './lib/feature/globalSelection';
 export { SelectionActionBar } from './lib/feature/globalSelection/components/SelectionActionBar';
 export { PanTo3DButton } from './lib/feature/globalSelection/panToEcho3d/panTo3DButton';
+export { useGlobalSelectionColorsSortedByFrequency } from './lib/feature/globalSelection/selectionMenu/hooks/useGlobalSelectionColorsSortedByFrequency';
 export { useIsAllIGlobalSelectionItemsHidden } from './lib/feature/globalSelection/selectionMenu/hooks/useIsAllIGlobalSelectionItemsHidden';
 export { GlobalSelectionCategoryId } from './lib/feature/globalSelection/selectionMenu/selectionTreeStore/selectionTree.store.types';
 export * from './lib/feature/legacyLegend/index';
 export { PositionalLegendMarkers } from './lib/feature/legend/components/pdfMarkers/PositionalLegendMarkers';
+export { PopoverLoading } from './lib/feature/legend/components/pdfMarkers/subComponents/components/PopoverLoading';
 export * from './lib/feature/legend/index';
 export { legendVisibleTagsSubscribeToStore } from './lib/feature/legend/legendVisibleDataAsTagsStore';
 export type { LegendDataId, LegendEquipmentId, LegendState, LegendTagId } from './lib/feature/legend/types/legendType';
@@ -52,6 +54,7 @@ export * from './lib/services/locationService/locationService';
 export { createSimpleStore } from './lib/services/stores/createSimpleStore';
 export * from './lib/services/userSetting';
 export * from './lib/types/api-echohub';
+export { dataAccessLinks } from './lib/types/dataAccess/dataAccessLinks';
 export type { EchoHubPlant } from './lib/types/echoHubPlant';
 export * from './lib/types/eventTypes';
 export * from './lib/types/extensions';

package/src/lib/__mocks__/mockedProjects.d.ts

@@ -0,0 +1,16 @@
+export declare const mockedProjects: {
+    projectCode: string;
+    stidDeliveryCode: number;
+    description: string;
+    isRevProject: string;
+    filter: {
+        value: string;
+        text: string;
+    };
+    instCode: string;
+    insertedDate: string;
+    insertedBy: string;
+    updatedDate: string;
+    updatedBy: string;
+    validFlg: string;
+}[];

package/src/lib/__mocks__/mockedTags.d.ts

@@ -0,0 +1,5 @@
+import { TagSummaryDto } from '@equinor/echo-search';
+export declare const mockedArchivedTags: TagSummaryDto[];
+export declare const mockedNonArchivedTags: TagSummaryDto[];
+export declare const mockedTags: TagSummaryDto[];
+export declare const estimatedTagCount: number;

package/src/lib/__mocks__/mockedWorkOrders.d.ts

@@ -0,0 +1,4 @@
+import { WorkOrderDetailsDto } from '@equinor/echo-search';
+export declare const mockedOpenWorkOrders: WorkOrderDetailsDto[];
+export declare const mockedClosedWorkOrders: WorkOrderDetailsDto[];
+export declare const mockedWorkOrders: WorkOrderDetailsDto[];

package/src/lib/__mocks__/plants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Start Mock Data
+ *
+ * Just some quick data as a Proof of Concept.
+ * When continuing on this, we should extract it to a data folder,
+ * and have helper functions for getting the data in the handlers below.
+ */
+export interface Plant {
+    instCode: string;
+    hasTr2000: boolean;
+    description: string;
+    sapPlantId: string;
+    proCoSysPlantId: string;
+}
+export declare const mockedInstCodeName = "MockedInstCode";
+export declare const mockedSapPlantId = "1234";
+export declare const plants: Plant[];

package/src/lib/components/echoLogo/echoLogo.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface Props {
     className?: string;
+    subtitle?: string | React.ReactNode;
 }
 export declare const EchoLogo: React.FC<Props>;
 export {};

package/src/lib/components/fullScreenButtons/FullScreenModeButton.d.ts

@@ -1,2 +1,9 @@
 import React from 'react';
-export declare const FullScreenModeButton: React.FC;
+interface FullScreenModeButtonProps {
+    active?: boolean;
+    dataTestId?: string;
+    onClick?: () => void;
+    toolTipDisabled?: boolean;
+}
+export declare const FullScreenModeButton: React.FC<FullScreenModeButtonProps>;
+export {};

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

@@ -2,5 +2,5 @@ import { PrepviewObject } from '../../types';
 interface HorizontalObjectProps {
     objects: PrepviewObject[];
 }
-declare function HorizontalObject({ objects }: HorizontalObjectProps): import("react/jsx-runtime").JSX.Element;
+declare function HorizontalObject({ objects }: Readonly<HorizontalObjectProps>): import("react/jsx-runtime").JSX.Element;
 export { HorizontalObject };

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

@@ -1,5 +1,5 @@
 interface Props {
     workOrderId: string;
 }
-declare function ObjectsPanel({ workOrderId }: Props): import("react/jsx-runtime").JSX.Element;
+declare function ObjectsPanel({ workOrderId }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export { ObjectsPanel };

package/src/lib/feature/equipment/hooks/useOpenEquipmentDetails.d.ts

@@ -1,11 +1,34 @@
 /**
- *  Opens equipment details panel on the left side of the screen
- * @returns {function}
+ * Custom hook that returns a function to open equipment details in a side panel.
+ *
+ * The returned function accepts an `OpenEquipmentArgs` object, which specifies the equipment to display,
+ * the panel to use, and additional options such as toggling and navigation behavior.
+ *
+ * If `allowToggle` is true and the equipment is already open in the specified panel, the panel will be closed.
+ * Otherwise, the panel will be activated and populated with the equipment details.
+ *
+ * @returns A function that opens equipment details in the left panel based on the provided arguments.
+ *
+ * @example
+ * const openEquipmentDetails = useOpenEquipmentDetails();
+ * openEquipmentDetails({ equipmentId: '123', tagNo: 'TAG-001', plantNo: 'PLANT-01' });
+ *
+ * Returns a function that opens the equipment details panel with the specified arguments.
+ * @param args - The arguments for opening the equipment details panel.
+ * @param args.equipmentId - The unique identifier of the equipment to display.
+ * @param args.tagNo - (Optional) The tag number of the equipment.
+ * @param args.plantNo - (Optional) The plant number associated with the equipment.
+ * @param args.panelKey - (Optional) The key of the panel to open. Defaults to the core search panel if not provided.
+ * @param args.keepLastNavigationItem - (Optional) Whether to keep the last navigation item in the panel.
+ * @param args.allowToggle - (Optional) If true, toggles the panel open/closed if the same item is already open.
+ *
+ * @returns A function that, when called with the above arguments, opens the equipment details panel accordingly.
  */
 export declare function useOpenEquipmentDetails(): (args: {
     equipmentId: string;
-    tagNo: string | undefined;
-    plantNo: string | undefined;
+    tagNo?: string;
+    plantNo?: string;
     panelKey?: string;
     keepLastNavigationItem?: boolean;
+    allowToggle?: boolean;
 }) => void;

package/src/lib/feature/globalSelection/components/AddToSelectionMenuTrigger/AddToSelectionMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { Guid } from '@equinor/echo-utils';
+import { SelectionGroup } from '../../selectionMenu/selectionTreeStore/selectionTree.store.types';
+interface AddToSelectionMenuItemProps {
+    group: SelectionGroup;
+    onAddToSelection: (groupId: Guid) => void;
+}
+export declare const AddToSelectionMenuItem: (props: AddToSelectionMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/feature/globalSelection/components/AddToSelectionMenuTrigger/AddToSelectionMenuTrigger.d.ts

@@ -0,0 +1,6 @@
+import { Guid } from '@equinor/echo-utils';
+interface AddToSelectionMenuTriggerProps {
+    onAddToSelection: (groupId: Guid) => void;
+}
+export declare const AddToSelectionMenuTrigger: (props: AddToSelectionMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,9 +1,8 @@
+import { Guid } from '@equinor/echo-utils';
 import { GlobalSelectionTypes } from '../globalSelectionStore/globalSelectionStore.types';
 export interface SelectionActionBarProps {
     itemId: GlobalSelectionTypes.ItemId;
-    onAddItemClick: () => void;
+    onAddItemClick: (groupId: Guid) => void;
     className?: string;
-    darkBackground?: boolean;
-    buttonSize?: 'medium' | 'small';
 }
 export declare const SelectionActionBar: React.FC<SelectionActionBarProps>;

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

@@ -66,6 +66,7 @@ export declare const globalSelectionApi: Readonly<{
          * @param {AddItemArgs} args - The arguments for adding tags.
          * @param {Array<string>} args.itemIds - The IDs of the items to add tags to.
          * @param {boolean} [args.replaceItems=false] - Whether to replace existing items with the new tags.
+         * @param {Guid} args.groupId - Optional. The ID of the list to which the items should be added. If not provided, it will be added to the "Local Selection".
          * @returns {Promise<AddTagsResponse>} response The response of the add tags action.
          * @returns {Array<Object>} response.tagFetchResults - The results of the tag fetch operation.
          * @returns {string} response.actionResult - The result of the action, if 'getActionResult' is set to true. It can be the following:
@@ -79,7 +80,7 @@ export declare const globalSelectionApi: Readonly<{
          * Adds work orders to a specified list in the selection menu panel.
          *
          * @param {Object} args - The arguments for adding work orders.
-         * @param {Guid} args.groupId - Optional. The ID of the list to which the work orders should be added. If not provided, it will be added to the "Local Selection".
+         * @param {Guid} args.groupId - Optional. The ID of the list to which the items should be added. If not provided, it will be added to the "Local Selection".
          * @param {Readonly<Readonly<GlobalSelectionTypes.WorkOrderId>[]>} args.items - An array of WorkOrderId objects representing the work orders to be added.
          */
         workOrders: (args: import("./selectionMenu/selectionTreeStore/actions/selectionTree.action.types").AddItemArgs<GlobalSelectionTypes.WorkOrderId>) => import("./selectionMenu/selectionTreeStore/selectionTree.store.types").AddWorkOrdersReturnType;
@@ -103,12 +104,13 @@ export declare const globalSelectionApi: Readonly<{
          * Adds items to a specified list in the selection menu panel.
          *
          * @param {Object} args - The arguments for adding items.
-         * @param {Guid} args.groupId - Optional. The ID of the list to which the items should be added. If not provided, the default list ID is used.
+         * @param {Guid} args.groupId - Optional. The ID of the list to which the items should be added. If not provided, it will be added to the "Local Selection".
          * @param {GlobalSelectionTypes.ItemId[]} args.itemIds - ItemIds to be added. Only tags or work orders can be added for now.
          *
          */
         addItems: (args: {
             itemIds: GlobalSelectionTypes.ItemId[];
+            groupId?: import("@equinor/echo-utils").Guid;
         } & import("./selectionMenu/selectionTreeStore/actions/selectionTree.action.types").AddByGroupIdAndLabel) => void;
     }>;
     search: {
@@ -155,6 +157,12 @@ export declare const globalSelectionApi: Readonly<{
             isVisible: boolean;
         }) => void;
     }>;
+    color: Readonly<{
+        setByItemIds: (args: {
+            itemIds: Readonly<Readonly<GlobalSelectionTypes.ItemId>>[];
+            color: string;
+        }) => void;
+    }>;
     errorStatus: Readonly<{
         /**
          * Sets the error status for specific items in the selection menu panel.

package/src/lib/feature/globalSelection/globalSelectionStore/globalSelectionStore.repository.d.ts

@@ -1,8 +1,11 @@
 import { PersistOptions } from 'zustand/middleware';
+import { PersistedSelectionGroup } from '../selectionMenu/selectionTreeStore/selectionTree.store.types';
 import { GlobalSelectionStore } from './globalSelectionStore.types';
-declare function loadAndPopulateStoreMetadata(store: GlobalSelectionStore): Promise<void>;
+declare function loadAndPopulateStoreMetadataFromDisk(store: GlobalSelectionStore): Promise<void>;
+declare function loadAndPopulateStoreMetadataFromApi(store: GlobalSelectionStore, data: PersistedSelectionGroup[]): Promise<void>;
 export declare const globalSelectionRepository: {
-    loadAndPopulateStoreMetadata: typeof loadAndPopulateStoreMetadata;
+    loadAndPopulateStoreMetadataFromDisk: typeof loadAndPopulateStoreMetadataFromDisk;
+    loadAndPopulateStoreMetadataFromApi: typeof loadAndPopulateStoreMetadataFromApi;
     persistOptions: PersistOptions<GlobalSelectionStore, GlobalSelectionStore>;
 };
 export {};

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

@@ -40,7 +40,11 @@ export interface GlobalSelectionMetaData {
     errorStatus?: string;
     systemStatus: SelectionItemSystemStatus;
 }
-type GlobalSelectionGenericItem<T extends GlobalSelectionItemType> = {
+export interface GlobalSelectionItemIdMetadata {
+    itemId: GlobalSelectionTypes.ItemId;
+    metaData: Partial<PersistedGlobalSelectionMetaData>;
+}
+export type GlobalSelectionGenericItem<T extends GlobalSelectionItemType> = {
     id: GlobalSelectionTypes.ItemId;
     type: T;
     data: GlobalSelectionTypes.ItemTypeToDataMap[T];
@@ -71,6 +75,10 @@ export interface GlobalSelectionStore extends GlobalSelectionStoreData {
     removeItemsFromSelection: (args: {
         itemIds: ReadonlyArray<GlobalSelectionTypes.ItemId>;
     }) => void;
+    setColorByItemIds: (args: {
+        itemIds: Readonly<Readonly<GlobalSelectionTypes.ItemId>>[];
+        color: string;
+    }) => void;
     setVisibilityByItemIds: (args: {
         itemIds: Readonly<Readonly<GlobalSelectionTypes.ItemId>>[];
         isVisible: boolean;
@@ -78,10 +86,7 @@ export interface GlobalSelectionStore extends GlobalSelectionStoreData {
     setAllItemsVisibility: (args: {
         isVisible: boolean;
     }) => void;
-    setItemMetaData: (args: ReadonlyArray<{
-        itemId: GlobalSelectionTypes.ItemId;
-        metaData: Partial<GlobalSelectionMetaData>;
-    }>) => void;
+    setItemMetaData: (args: ReadonlyArray<GlobalSelectionItemIdMetadata>) => void;
     resetItemErrorStatuses: () => void;
     getStoredItemIds: () => Readonly<GlobalSelectionTypes.ItemId[]>;
     resetState: () => void;
@@ -97,6 +102,7 @@ export type GlobalSelectionAddItemResult<DataType> = {
     fetchResult: DataType;
     actionResult: GlobalSelectionActionResult;
 };
+export type PersistedGlobalSelectionMetaData = Pick<GlobalSelectionMetaData, 'color' | 'isHiddenByUser'>;
 export declare namespace GlobalSelectionTypes {
     type WorkOrderId = Pick<GlobalSelectionWorkOrderDto, 'workOrderId'>;
     type EquipmentId = Pick<GlobalSelectionEquipmentDto, 'equipmentId'>;

package/src/lib/feature/globalSelection/globalSelectionStore/globalSelectionStore.utils.d.ts

@@ -34,6 +34,7 @@ declare function mapToId(item: GlobalSelectionTypes.MeasuringPointId): GlobalSel
 declare function mapToId(item: GlobalSelectionTypes.ItemId): GlobalSelectionTypes.ItemId;
 declare function itemIdToString(itemId: GlobalSelectionTypes.ItemId): GlobalSelectionTypes.ItemIdString;
 export declare function mapIdToItemType(itemId: GlobalSelectionTypes.ItemId): GlobalSelectionItemType;
+export declare function sortByFrequency(list: string[]): string[];
 /**
  * A utility object that provides various functions for handling global selections.
  *
@@ -44,6 +45,7 @@ export declare function mapIdToItemType(itemId: GlobalSelectionTypes.ItemId): Gl
  * @property {Function} idsEqual - Compares two global selection item IDs for equality.
  * @property {Function} mapToId - Maps an object to its global selection item ID.
  * @property {Function} itemIdToString - Converts a global selection item id object to a string, each value is concatenated by a '-'
+ * @property {Function} sortByFrequency - Sorts and aggregates a list of strings.
  */
 export declare const globalSelectionUtils: Readonly<{
     isMeasuringPointId: typeof isMeasuringPointId;
@@ -54,5 +56,6 @@ export declare const globalSelectionUtils: Readonly<{
     mapToId: typeof mapToId;
     mapIdToItemType: typeof mapIdToItemType;
     itemIdToString: typeof itemIdToString;
+    sortByFrequency: typeof sortByFrequency;
 }>;
 export {};

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

@@ -8,6 +8,7 @@ export { useGlobalSelectionLists } from './hooks/useGlobalSelectionLists';
 export { useGlobalSelectionTags } from './hooks/useGlobalSelectionTags';
 export { useGlobalSelectionWorkOrders } from './hooks/useGlobalSelectionWorkOrders';
 export { useSelectionCategoriesByGroupId } from './hooks/useSelectionCategoriesByGroupId';
+export { useMoveSelectionTreeItems } from './selectionMenu/hooks/useMoveSelectionTreeItems';
 export { useSelectionMenuGroups } from './selectionMenu/hooks/useSelectionMenuGroups';
 export { loadEchoViewIdAndSelectionIdFromUrl } from '../../services/echoViewService/loadEchoViewIdAndSelectionIdFromUrl';
 export { RemoveSelectionItemsConfirmDialog } from './components/RemoveSelectionItemsConfirmDialog';

package/src/lib/feature/globalSelection/selectionMenu/hooks/useGlobalSelectionColorsSortedByFrequency.d.ts

@@ -0,0 +1,2 @@
+import { SelectionTreeTypes } from '../selectionTreeStore/selectionTree.store.types';
+export declare function useGlobalSelectionColorsSortedByFrequency(categories: SelectionTreeTypes.Category[]): string[];

package/src/lib/feature/globalSelection/selectionMenu/hooks/useMoveSelectionTreeItems.d.ts

@@ -0,0 +1,10 @@
+import { Guid } from '@equinor/echo-utils';
+import { GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
+import { GlobalSelectionCategoryId } from '../selectionTreeStore/selectionTree.store.types';
+type MoveSelectionArgs = {
+    sourceGroupId: Guid;
+    sourceCategoryId?: GlobalSelectionCategoryId;
+    sourceItemId?: GlobalSelectionTypes.ItemId;
+};
+export declare const useMoveSelectionTreeItems: (args: MoveSelectionArgs) => ((newGroupId: Guid) => void) | undefined;
+export {};

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

@@ -1,11 +1,15 @@
 import { ResultArray } from '@equinor/echo-search';
+import { Guid } from '@equinor/echo-utils';
 import { GlobalSelectionItemType, GlobalSelectionItemTypeToDataMap, GlobalSelectionTypes, SelectionItemTypeToItemIdMap } from '../../../globalSelectionStore/globalSelectionStore.types';
+/**
+ * @deprecated A group should not be created with label and subLabel.
+ * Use `groupId` instead to specify the group.
+ * This type will be removed in the future.
+ */
 export type AddByGroupIdAndLabel = {
-    groupId?: string;
     label: string;
     subLabel: string;
 } | {
-    groupId?: string;
     label?: undefined;
     subLabel?: undefined;
 };
@@ -13,6 +17,7 @@ export type AddItemArgs<ItemIdType extends GlobalSelectionTypes.ItemId> = {
     itemIds: Readonly<ItemIdType[]>;
     replaceItems?: boolean;
     getActionResult?: boolean;
+    groupId?: Guid;
 } & AddByGroupIdAndLabel;
 export type AddItemsResponse<T extends GlobalSelectionItemType> = {
     fetchResults: ResultArray<GlobalSelectionItemTypeToDataMap[T]>[];

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

@@ -1,5 +1,5 @@
 import { Guid } from '@equinor/echo-utils';
-import { GlobalSelectionItemType, GlobalSelectionTypes, SelectionItemTypeToItemIdMap } from '../../globalSelectionStore/globalSelectionStore.types';
+import { GlobalSelectionItemType, GlobalSelectionTypes, PersistedGlobalSelectionMetaData, SelectionItemTypeToItemIdMap } from '../../globalSelectionStore/globalSelectionStore.types';
 import { AddByGroupIdAndLabel, AddItemArgs, AddItemsResponse, SelectionTreeActionResult } from './actions/selectionTree.action.types';
 export declare enum GlobalSelectionCategoryId {
     Tags = "DEFAULT_TAG_LIST_ID",
@@ -12,6 +12,11 @@ export type SelectionTreeItem<T extends GlobalSelectionItemType> = {
     readonly id: SelectionItemTypeToItemIdMap[T];
     readonly type: T;
 };
+export type PersistedSelectionTreeItem<T extends GlobalSelectionItemType> = {
+    readonly id: SelectionItemTypeToItemIdMap[T];
+    readonly type: T;
+    readonly metaData: PersistedGlobalSelectionMetaData;
+};
 export interface SelectionBase {
     readonly groupId: Guid;
     readonly label: string;
@@ -25,7 +30,7 @@ export interface SelectionCategory {
 export interface PersistedSelectionCategory {
     readonly id: GlobalSelectionCategoryId;
     readonly label: string;
-    readonly items: SelectionTreeItem<GlobalSelectionItemType>[];
+    readonly items: PersistedSelectionTreeItem<GlobalSelectionItemType>[];
 }
 export interface SelectionGroup extends SelectionBase {
     readonly categories: SelectionCategory[];
@@ -40,6 +45,7 @@ export interface SelectionTreeStore {
     groups: SelectionGroup[];
     addItems: (args: {
         itemIds: GlobalSelectionTypes.ItemId[];
+        groupId?: Guid;
     } & AddByGroupIdAndLabel) => void;
     addTags: (args: AddItemArgs<GlobalSelectionTypes.TagId>) => AddTagsReturnType;
     addWorkOrders: (args: AddItemArgs<GlobalSelectionTypes.WorkOrderId>) => AddWorkOrdersReturnType;
@@ -57,6 +63,9 @@ export interface SelectionTreeStore {
     findGroupIdByLabel: (args: {
         label: string;
     }) => Guid | undefined;
+    findGroupById: (args: {
+        id: Guid;
+    }) => SelectionGroup | undefined;
     removeItemsById: (args: {
         groupId?: Guid;
         categoryId: GlobalSelectionCategoryId;

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

@@ -1,5 +1,5 @@
 import { Guid } from '@equinor/echo-utils';
-import { GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
+import { GlobalSelectionItemType, GlobalSelectionTypes } from '../../globalSelectionStore/globalSelectionStore.types';
 import { GlobalSelectionCategoryId, SelectionTreeTypes } from './selectionTree.store.types';
 /**
  * Check if an item ID is present in the selection tree.
@@ -61,7 +61,7 @@ export declare function itemsNotFoundInSelectionTree(args: {
  * @param {Object} args - The function arguments.
  * @param {GlobalSelectionTypes.ItemId[]} args.itemIds - The array of item IDs to search for.
  * @param {SelectionTreeTypes.Group[]} args.groups - The selection tree groups to search within.
- * @returns {string[]} An array of group IDs, with labels and sublabels, where any of the item IDs are found.
+ * @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[];
@@ -71,6 +71,16 @@ export declare function getGroupIdsByItemIds(args: {
     label: string;
     subLabel?: string;
 }[];
+/**
+ * Checks if the items in a given group's category are the same as the provided item IDs.
+ *
+ * @param args - The arguments object.
+ * @param args.itemIds - An array of item IDs to compare.
+ * @param args.groups - An array of groups to search within.
+ * @param args.groupId - The ID of the group to check.
+ * @param args.categoryId - The ID of the category within the group to check.
+ * @returns `true` if the items in the group are the same as the provided item IDs, otherwise `false`.
+ */
 export declare function areItemsTheSameInGroup<ItemType extends GlobalSelectionTypes.ItemId>(args: {
     itemIds: ItemType[];
     groups: SelectionTreeTypes.Group[];
@@ -93,3 +103,4 @@ export declare function removeGroupIfEmpty(allGroups: SelectionTreeTypes.Group[]
  * @returns {void}
  */
 export declare function removeItemsFromGlobalSelection(groups: SelectionTreeTypes.Group[], itemIds: GlobalSelectionTypes.ItemId[]): void;
+export declare function getItemsByIdsFromGlobalSelectionStore(itemIds: GlobalSelectionTypes.ItemId[]): GlobalSelectionTypes.GenericItem<GlobalSelectionItemType>[];

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

@@ -2,18 +2,13 @@ import React from 'react';
 import { LegendDataId, LegendId } from '../../../types/legendType';
 interface MultipleMarkersByLegendsProps {
     itemId: LegendDataId;
-    /**
-     * Flag to indicate if the marker should have a pointer, currently in lower right corner.
-     */
     hasPointer: boolean;
-    setOpenItem: (value: PopoverContent | undefined) => void;
-    /**
-     * We use active for the icon. So several icons might be active if they have the same tagNo on the PDF, but only 1 of them is open.
-     */
-    activeItem: ActiveItem | undefined;
-    openPopover?: PopoverContent;
-    popoverElements?: ReadonlyArray<JSX.Element>;
+    onOpenPopover: RequestPopoverHandler;
+    onClosePopover: () => void;
+    currentPopover?: PopoverContent;
+    positionString: string;
 }
+export type RequestPopoverHandler = (itemId: LegendDataId, legendId: LegendId, positionString: string, fetchPopoverContent: () => Promise<ReadonlyArray<React.JSX.Element>>) => void;
 export interface PopoverContent {
     elements: ReadonlyArray<JSX.Element>;
     activeItem: ActiveItem;
@@ -24,15 +19,16 @@ export interface PopoverContent {
 interface ActiveItem {
     itemId: LegendDataId;
     legendId: LegendId;
+    positionString: string;
 }
 /**
  * Renders 1 marker for each legend.
  *
  * @param {LegendDataId} itemId - The ID of the legend item.
  * @param {boolean} hasPointer - Flag to indicate if the marker should have a pointer, currently in lower right corner.
- * @param {string} popoverOffset - The offset for the popover.
+ * @param {RequestPopoverHandler} onOpenPopover - Callback invoked when a marker is clicked; fetchPopoverContent should be called to fetch/populate the popover.
+ * @param {() => void} onClosePopover - Callback invoked to close the popover
  * @param {(value: PopoverContent | undefined) => void} setOpenItem - Callback function to handle opening the popover.
- * @param {ActiveItem | undefined} activeItem - We use active for the icon. Several icons might be active if they have the same tagNo on the PDF, but only 1 of them is open.
  */
 export declare const MultipleMarkersByLegendsComponent: React.FC<MultipleMarkersByLegendsProps>;
 export declare const MultipleMarkersByLegends: React.NamedExoticComponent<MultipleMarkersByLegendsProps>;

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

@@ -0,0 +1,2 @@
+declare const PopoverLoading: React.FC;
+export { PopoverLoading };

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

@@ -0,0 +1,7 @@
+import { LegendDataId, LegendId } from '../../../../types/legendType';
+import { PopoverContent } from '../MultipleMarkersByLegends';
+export declare function usePopoverHandler(): {
+    currentPopover: PopoverContent | undefined;
+    handleOpenPopover: (itemId: LegendDataId, legendId: LegendId, positionString: string, fetchPopoverContent: () => Promise<ReadonlyArray<React.JSX.Element>>) => Promise<void>;
+    handleClosePopover: () => void;
+};

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

@@ -9,6 +9,7 @@ export interface LegendPopoverContentProps {
     onPopoverClicked?: () => void;
     children?: React.ReactNode;
     excludedLegendTitles?: ReadonlyArray<string>;
+    showAddToSelectionButton?: boolean;
 }
 export type LegendPopoverTertiaryLabels = {
     first: string;

package/src/lib/feature/legend/types/legendStrategy.type.d.ts

@@ -22,9 +22,14 @@ export interface LegendStrategy {
      */
     useMarkers: (itemIds: ReadonlyArray<LegendDataId>) => ReadonlyArray<Marker>;
     /**
-     * Returns the paginable popover content for the given itemId. One tagId can for example have multiple work-orders.
+     * Returns popover content that supports pagination for the given itemId.
+     *
+     * This function is asynchronous because the popover content may depend on data that needs to be fetched before rendering,
+     * such as related equipment, work orders, or other resources.
+     * @param {LegendDataId} itemId - The identifier for the legend item for which to render popover content.
+     * @returns A Promise resolving to one or more React elements to display in the popover.
      */
-    popoverContent: (itemId: LegendDataId) => React.JSX.Element | ReadonlyArray<React.JSX.Element>;
+    popoverContent: (itemId: LegendDataId) => Promise<React.JSX.Element | ReadonlyArray<React.JSX.Element>>;
     /**
      * Returns the custom legend component for the legend, if this is omitted the default basicLegendRenderer will be used
      */

package/src/lib/feature/measuringPoint/components/measuringPointDetails/measuringPointHistoryList/hooks/useMeasuringChartConfig.d.ts

@@ -2,7 +2,7 @@ import { AgCartesianChartOptions } from 'ag-charts-community';
 import { MeasurementDto } from '../../../../types/measuringPoint';
 import { ActiveStyle, HandleInterpolationChange } from '../types/activeStyleType';
 export declare function useMeasuringChartConfig(measurements: MeasurementDto[], activeStyle: ActiveStyle, setActiveStyle: (style: ActiveStyle) => void, isFullscreen: boolean): {
-    chartConfig: AgCartesianChartOptions;
+    chartConfig: AgCartesianChartOptions<any, unknown>;
     sortedMeasurements: import("../utils/measuringPointHistoryListUtils").SortedMeasurement[];
     pointCount: number;
     setPointCount: import("react").Dispatch<import("react").SetStateAction<number>>;

package/src/lib/feature/measuringPoint/hooks/useOpenMeasuringPointDetails.d.ts

@@ -1,8 +1,30 @@
 import { MeasuringPointData } from '@equinor/echo-search';
 import { MeasurementDto } from '../types/measuringPoint';
 /**
- *  Opens measuring point details panel on the left side of the screen
- * @returns {function} A function to open the measuring point details panel
+ * Custom hook that provides a function to open the measuring point details panel.
+ *
+ * The returned function, `openMeasuringPointDetails`, opens the measuring point details panel with the specified arguments.
+ * It can optionally toggle the panel, keep the last navigation item, and pass measurement data to the details component.
+ *
+ * @returns A function to open the measuring point details panel.
+ *
+ * @example
+ * const openMeasuringPointDetails = useOpenMeasuringPointDetails();
+ * openMeasuringPointDetails({
+ *   measuringPointProps: { measuringPointId: 123, ... },
+ *   panelKey: 'MY_PANEL',
+ *   keepLastNavigationItem: true,
+ *   measurements: [...],
+ *   allowToggle: false
+ * });
+ *
+ * @function
+ * @param {Object} args - Arguments for opening the measuring point details panel.
+ * @param {MeasuringPointProps} args.measuringPointProps - The properties of the measuring point, including its ID and position.
+ * @param {string} [args.panelKey] - The key of the panel to open. Defaults to ECHO_CORE_SEARCH if not provided.
+ * @param {boolean} [args.keepLastNavigationItem] - Whether to keep the last navigation item in the panel.
+ * @param {MeasurementDto[]} [args.measurements] - Optional array of measurement data associated with the measuring point. If not provided, the UI component will fetch the measurements.
+ * @param {boolean} [args.allowToggle] - Whether to allow toggling the panel open/closed if the item is already open.
  */
 export declare function useOpenMeasuringPointDetails(): (args: MeasuringPointArgs) => void;
 type MeasuringPointArgs = {
@@ -10,5 +32,6 @@ type MeasuringPointArgs = {
     measurements?: MeasurementDto[];
     panelKey?: string;
     keepLastNavigationItem?: boolean;
+    allowToggle?: boolean;
 };
 export {};

package/src/lib/feature/workOrder/components/WorkOrderPanelSafeX/WorkOrderPanelSafeX.d.ts

@@ -0,0 +1,5 @@
+interface WorkOrderPanelSafeXProps {
+    readonly workOrderId: string;
+}
+export declare const WorkOrderPanelSafeX: ({ workOrderId }: WorkOrderPanelSafeXProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/feature/workOrder/components/WorkOrderPanelSafeX/api/api-prepview-workOrder-safetyCards.d.ts

@@ -0,0 +1,6 @@
+import { PrepViewSafetyCard } from '../types/workOrder-safetyCards';
+interface PrepviewWorkOrderSafetyCardsRequest {
+    readonly workOrderId: string;
+}
+export declare const getPrepviewWorkOrderSafetyCards: (args: PrepviewWorkOrderSafetyCardsRequest) => Promise<PrepViewSafetyCard[]>;
+export {};