@equinor/echo-framework 0.18.8 → 0.18.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-framework",
-  "version": "0.18.8",
+  "version": "0.18.10",
   "peerDependencies": {
     "@equinor/echo-base": ">= 0.7.0 < 0.8.0",
     "@equinor/echo-components": ">= 0.11.0 < 0.12.0",

package/src/index.d.ts

@@ -4,6 +4,7 @@ import { getLegendStatusColor } from './lib/feature/legend/utils/legendUtils';
 import './lib/globalStyles.css';
 import { getPlantsInfo, getTagDetails } from './lib/services/api';
 export * from './lib/components';
+export { PrepviewButton } from './lib/components/prepviewButton/prepviewButton';
 export { RequestProCoSysAccess } from './lib/components/requestAccess/RequestProCoSysAccess';
 export { RequestSapAccess } from './lib/components/requestAccess/RequestSapAccess';
 export * from './lib/coreApplication';

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

@@ -10,7 +10,6 @@ export * from './footer';
 export * from './fullScreenButtons';
 export * from './labelledValueGrid';
 export * from './lazyLoading';
-export { ListItem } from './listItem/listItem';
 export * from './listItemAdditionalInfoRow/listItemAdditionalInfoRow';
 export * from './mediator';
 export { OpenIn3dWarningDialog } from './openIn3d/OpenIn3dWarningDialog';
@@ -21,6 +20,7 @@ export * from './panel';
 export * from './panelButton';
 export * from './plantSelector';
 export * from './prepview';
+export * from './prepviewButton';
 export * from './projectSelector';
 export * from './realTimeData';
 export * from './router';

package/src/lib/components/prepview/Prepview.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { ColorMap, SideSheetOrientation, WorkOrderDateType } from '@equinor/echo-components';
-import { PrepviewEvents } from './context/PrepviewContext';
+import { WorkItemType } from './utils';
+import { HistoricNotificationItem, HistoricPunchItem, HistoricWorkOrderItem, ItemTypes } from './types';
 interface PrepviewProps {
     orientation: SideSheetOrientation;
     instCode?: string;
@@ -8,12 +9,14 @@ interface PrepviewProps {
     workOrderOperationId?: string;
     notificationId?: string;
     punchId?: string;
-    closePanel: () => void;
+    tagClicked: (tagId: string, instCode: string) => void;
+    packageClicked?: (type: ItemTypes, itemNumber: string, projectNumber: string) => void;
+    historicItemClicked?: (item: HistoricNotificationItem | HistoricWorkOrderItem | HistoricPunchItem, itemType: WorkItemType) => void;
     headerAction?: React.ReactNode;
-    events?: PrepviewEvents;
     colorMap?: ColorMap;
     workOrderDateType?: WorkOrderDateType;
 }
 declare function Prepview(props: PrepviewProps): JSX.Element | null;
 export { MaintenanceApiNameForWorkOrders, WorkItemType } from './utils';
+export * from './types/shared';
 export { Prepview };

package/src/lib/components/prepview/api/api.d.ts

@@ -1,7 +1,9 @@
-import { NotificationDetails, PrepviewAttachment, PrepviewDocumentGroup, PrepviewHistory, PrepviewObject, PrepviewOperation, PrepviewSafety, PrepviewTagInformation, PunchDetails, WorkOrderDetails } from '../types';
+import { NotificationDetails, PrepviewAttachment, PrepviewDocumentGroup, PrepviewHistory, PrepviewObject, PrepviewOperation, PrepviewSafety, PrepviewTagInformation, PunchDetails, SubseaNotificationDetails, SubseaWorkOrderDetails, WorkOrderDetails } from '../types';
 export declare function getWorkOrderDetails(workOrderId: string): Promise<WorkOrderDetails>;
+export declare function getSubseaWorkOrderDetails(workOrderId: string): Promise<SubseaWorkOrderDetails>;
 export declare function getWorkType(workOrderId: string): Promise<string[]>;
 export declare function getNotificationDetails(notificationId: string): Promise<NotificationDetails>;
+export declare function getSubseaNotificationDetails(notificationId: string): Promise<SubseaNotificationDetails>;
 export declare function getPunchDetails(instCode: string, punchId: string): Promise<PunchDetails>;
 export declare function getTagInformation(itemId: string, isWorkOrder?: boolean): Promise<PrepviewTagInformation>;
 export declare function getAttachments(itemId: string, isWorkOrder?: boolean): Promise<PrepviewAttachment[]>;

package/src/lib/components/prepview/api/resources.d.ts

@@ -1,6 +1,8 @@
 export declare function getWorkOrder(workOrderId: string): string;
+export declare function getSubseaWorkOrder(workOrderId: string): string;
 export declare function getWorkTypeUrl(workOrderId: string): string;
 export declare function getNotification(maintenanceRecordId: string): string;
+export declare function getSubseaNotification(maintenanceRecordId: string): string;
 export declare function getPunch(instCode: string, punchId: string): string;
 export declare function getTagInformation(itemId: string, isWorkOrder?: boolean): string;
 export declare function getAttachments(itemId: string, isWorkOrder?: boolean): string;

package/src/lib/components/prepview/common/additionalInformation/AdditionalDetails.d.ts

@@ -2,7 +2,6 @@ import type { NotificationDetails, WorkOrderDetails } from '../../types';
 interface Props {
     workOrderDetails?: WorkOrderDetails;
     notificationDetails?: NotificationDetails;
-    closePanel: () => void;
 }
-declare function AdditionalDetails({ workOrderDetails, notificationDetails, closePanel, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function AdditionalDetails({ workOrderDetails, notificationDetails, }: Props): import("react/jsx-runtime").JSX.Element;
 export { AdditionalDetails };

package/src/lib/components/prepview/common/additionalInformation/tabsPanels/NotificationPanels.d.ts

@@ -1,7 +1,6 @@
 import { NotificationDetails } from '../../../types';
 interface NotificationPanelsProps {
     details: NotificationDetails;
-    closePanel: () => void;
 }
-declare function NotificationPanels({ details, closePanel }: NotificationPanelsProps): import("react/jsx-runtime").JSX.Element;
+declare function NotificationPanels({ details }: NotificationPanelsProps): import("react/jsx-runtime").JSX.Element;
 export { NotificationPanels };

package/src/lib/components/prepview/common/additionalInformation/tabsPanels/TabsPanels.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { NotificationDetails, WorkOrderDetails } from '../../../types';
 interface Props {
     workOrderDetails?: WorkOrderDetails;
     notificationDetails?: NotificationDetails;
-    closePanel: () => void;
 }
-declare function TabsPanels({ workOrderDetails, notificationDetails, closePanel, }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function TabsPanels({ workOrderDetails, notificationDetails }: Props): import("react/jsx-runtime").JSX.Element | null;
 interface TabsListProps {
     tabListRef: React.RefObject<HTMLDivElement>;
 }

package/src/lib/components/prepview/common/additionalInformation/tabsPanels/WorkOrderPanels.d.ts

@@ -1,7 +1,6 @@
 import { WorkOrderDetails } from '../../../types';
 interface WorkOrderPanelsProps {
     details: WorkOrderDetails;
-    closePanel: () => void;
 }
-declare function WorkOrderPanels({ details, closePanel }: WorkOrderPanelsProps): import("react/jsx-runtime").JSX.Element;
+declare function WorkOrderPanels({ details }: WorkOrderPanelsProps): import("react/jsx-runtime").JSX.Element;
 export { WorkOrderPanels };

package/src/lib/components/prepview/common/contentPicker/ContentPicker.d.ts

@@ -3,6 +3,7 @@ import type { ContentPickerGroup } from '../../types';
 interface ContentPickerProps {
     groups: ContentPickerGroup[];
     listItemStyle?: CSSProperties;
+    infoLabelText?: string;
 }
-declare function ContentPicker({ groups, listItemStyle }: ContentPickerProps): import("react/jsx-runtime").JSX.Element;
+declare function ContentPicker({ groups, listItemStyle, infoLabelText, }: ContentPickerProps): import("react/jsx-runtime").JSX.Element;
 export { ContentPicker };

package/src/lib/components/prepview/common/info/index.d.ts

@@ -1,3 +1,4 @@
 export * from './block';
 export * from './section';
 export * from './list';
+export * from './label';

package/src/lib/components/prepview/common/info/label/InfoLabel.d.ts

@@ -0,0 +1,5 @@
+interface InfoLabelProps {
+    text: string;
+}
+declare function InfoLabel({ text }: InfoLabelProps): import("react/jsx-runtime").JSX.Element;
+export { InfoLabel };

package/src/lib/components/prepview/common/info/label/index.d.ts

@@ -0,0 +1 @@
+export * from './InfoLabel';

package/src/lib/components/prepview/context/PrepviewContext.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { ColorMap, SideSheetOrientation } from '@equinor/echo-components';
+import { HistoricNotificationItem, HistoricPunchItem, HistoricWorkOrderItem, ItemTypes } from '../types';
 import { WorkItemType } from '../utils';
-export interface PrepviewEvents {
-    onClickHistoricItem?: (instCode: string, id: string, type: WorkItemType) => void;
-}
 interface PrepviewContext {
     instCode: string;
     orientation: SideSheetOrientation;
     isWorkOrder: boolean;
     workOrderOperationId?: string;
-    events: PrepviewEvents;
     colorMap?: ColorMap;
+    tagClicked: (tagId: string, instCode: string) => void;
+    packageClicked?: (type: ItemTypes, itemNumber: string, projectNumber: string) => void;
+    historicItemClicked?: (item: HistoricNotificationItem | HistoricWorkOrderItem | HistoricPunchItem, itemType: WorkItemType) => void;
 }
 export declare const PrepviewContext: React.Context<PrepviewContext>;
 export declare const usePrepviewContext: () => PrepviewContext;

package/src/lib/components/prepview/hooks/index.d.ts

@@ -1,4 +1,3 @@
 export * from './useFetch';
 export * from './useOnClickDownload';
 export * from './useIsMobile';
-export * from './useSetActiveSearchItem';

package/src/lib/components/prepview/notification/Notification.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 interface NotificationProps {
     notificationId: string;
-    closePanel: () => void;
     headerAction?: React.ReactNode;
 }
 declare function Notification(props: NotificationProps): JSX.Element | null;

package/src/lib/components/prepview/notification/details/DetailsNotification.d.ts

@@ -3,7 +3,6 @@ import type { NotificationDetails } from '../../types';
 export interface Props {
     details: NotificationDetails;
     isLoading?: boolean;
-    closePanel: () => void;
 }
-declare function DetailsNotification({ details, closePanel }: Props): JSX.Element;
+declare function DetailsNotification({ details }: Props): JSX.Element;
 export { DetailsNotification };

package/src/lib/components/prepview/panels/history/items/Items.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { HistoricNotificationItem, HistoricWorkOrderItem, HistoricPunchItem } from '../../../types';
 import { WorkItemType } from '../../../utils';
 type Items = Array<HistoricNotificationItem | HistoricWorkOrderItem | HistoricPunchItem>;

package/src/lib/components/prepview/panels/history/items/PunchItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { HistoricPunchItem } from '../../../types';
 interface PunchProps {
     punch: HistoricPunchItem;

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/components/prepview/punch/Punch.d.ts

@@ -2,7 +2,6 @@
 interface PunchProps {
     punchId: string;
     instCode: string;
-    closePanel: () => void;
 }
 declare function Punch(props: PunchProps): JSX.Element | null;
 export { Punch };

package/src/lib/components/prepview/punch/details/Details.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import type { PunchDetails } from '../../types';
+import { PunchDetails } from '../../types';
 export interface Props {
     details: PunchDetails;
     isLoading?: boolean;
-    closePanel: () => void;
 }
-declare function Details({ details, closePanel }: Props): JSX.Element;
+declare function Details({ details }: Props): JSX.Element;
 export { Details };

package/src/lib/components/prepview/types/notification.d.ts

@@ -28,3 +28,8 @@ export type NotificationDetails = FetchStatus & {
     longText: string;
     instCode: string;
 };
+export type SubseaNotificationDetails = FetchStatus & {
+    hasAttachment: boolean;
+    hasB30Document: boolean;
+    hasActivityLongText: boolean;
+};

package/src/lib/components/prepview/types/shared.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { FileDto } from "@equinor/echo-search";
+export declare enum ItemTypes {
+    tag = "tag",
+    mcPack = "mcPack",
+    commPack = "commPack"
+}
 export type FetchStatus = {
     statusCode?: 'Forbidden' | number;
 };
@@ -107,17 +112,7 @@ export type HistoricWorkOrderItem = {
 };
 export type PunchGroup = {
     type: string;
-    items: [
-        {
-            id: string;
-            type: string;
-            statusId: string;
-            tagNo: string;
-            tagArea: string;
-            description: string;
-            updatedAt: Date;
-        }
-    ];
+    items: HistoricPunchItem[];
 };
 export type HistoricPunchItem = {
     id: string;
@@ -127,4 +122,5 @@ export type HistoricPunchItem = {
     tagArea: string;
     description: string;
     updatedAt: Date;
+    instCode: string;
 };

package/src/lib/components/prepview/types/workorder.d.ts

@@ -34,6 +34,11 @@ export type WorkOrderDetails = FetchStatus & {
     longText: string;
     instCode: string;
 };
+export type SubseaWorkOrderDetails = FetchStatus & {
+    hasPrts: boolean;
+    hasB30Document: boolean;
+    recordTypeIds?: string[];
+};
 export type PrepviewOperation = {
     operationNumber: string;
     title: string;

package/src/lib/components/prepview/workorder/WorkOrder.d.ts

@@ -2,7 +2,6 @@
 import { ColorMap, WorkOrderDateType } from '@equinor/echo-components';
 interface WorkOrderProps {
     workOrderId: string;
-    closePanel: () => void;
     headerAction?: React.ReactNode;
     colorMap?: ColorMap;
     workOrderDateType?: WorkOrderDateType;

package/src/lib/components/prepview/workorder/details/DetailsWorkOrder.d.ts

@@ -3,7 +3,6 @@ import type { WorkOrderDetails } from '../../types';
 export interface Props {
     workOrderDetails: WorkOrderDetails;
     isLoading?: boolean;
-    closePanel: () => void;
 }
-declare function DetailsWorkOrder({ workOrderDetails, closePanel }: Props): JSX.Element;
+declare function DetailsWorkOrder({ workOrderDetails }: Props): JSX.Element;
 export { DetailsWorkOrder };

package/src/lib/components/prepviewButton/index.d.ts

@@ -0,0 +1 @@
+export * from './prepviewButton';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PrepviewButtonProps {
+    workOrderId?: string | undefined;
+    notificationId?: string | undefined;
+    punchId?: string | undefined;
+}
+export declare const PrepviewButton: React.FC<PrepviewButtonProps>;

package/src/lib/types/eventTypes/index.d.ts

@@ -1,7 +1,9 @@
 export type { FullScreenModeEvent } from './fullScreenModeEvent';
 export type { LeftPanelNavigationUpdateEvent } from './leftPanelNavigationUpdateEvent';
 export type { LegendChangedEvent, LegendStatusesChangedEvent } from './legendEvent';
+export type { OnMainSearchTriggerEvent } from './onMainSearchTriggerEvent';
 export type { PlantEvent } from './plantEvent';
+export type { PrepviewEvent } from './prepviewEvent';
 export type { SearchItemDetailsClosedEvent } from './searchDetailsContainerEvents';
 export type { SetMainSearchTextEvent } from './setMainSearchTextEvent';
 export type { ToasterEvent } from './toasterEvent';

package/src/lib/types/eventTypes/onClickTagsTrigger.d.ts

@@ -0,0 +1,3 @@
+export interface OnClickTagsTriggerEvent {
+    tagId: string;
+}

package/src/lib/types/eventTypes/onMainSearchTriggerEvent.d.ts

@@ -0,0 +1,3 @@
+export interface OnMainSearchTriggerEvent {
+    searchText: string;
+}

package/src/lib/types/eventTypes/prepviewEvent.d.ts

@@ -0,0 +1,5 @@
+export interface PrepviewEvent {
+    notificationId?: string;
+    workOrderId?: string;
+    punchId?: string;
+}

package/src/lib/types/navigation/internalApplicationLinks.d.ts

@@ -1,8 +1,7 @@
 export declare enum InternalApplicationLinks {
     Ayelix = "/ayelix",
     Events = "/events",
-    OfflineCamera = "/camera",
-    OnlineCamera = "/newcamera",
+    TagScanner = "/tagscanner",
     MyTasks = "/MyTasks",
     Media = "/media",
     MissionPlanner = "/missionplanner",

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface ListItemProps {
-    title: string;
-    showIcon?: boolean;
-    iconName?: string;
-    iconColor?: string;
-    iconBackgroundColor?: string;
-    visualText?: string;
-    description?: string;
-    additionalInfo?: JSX.Element;
-    label?: JSX.Element;
-}
-export declare const ListItem: React.FC<ListItemProps>;
-export {};

package/src/lib/components/prepview/hooks/useSetActiveSearchItem.d.ts

@@ -1,10 +0,0 @@
-export declare enum ItemTypes {
-    tag = "tag",
-    mcPack = "mcPack",
-    commPack = "commPack"
-}
-type ActiveSearchFunction = (type: ItemTypes, itemNumber: string, instCode: string) => void;
-type ActivePackageSearchFunction = (type: ItemTypes, itemNumber: string, projectNumber: string) => void;
-export declare function useSetActiveSearchItem(): ActiveSearchFunction;
-export declare function useSetActivePackageItemInState(): ActivePackageSearchFunction;
-export {};