@equinor/echo-framework 0.18.7 → 0.18.9

package/package.json

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

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-import { ColorMap, SideSheetOrientation } from '@equinor/echo-components';
-import { PrepviewEvents } from './context/PrepviewContext';
+import React from 'react';
+import { ColorMap, SideSheetOrientation, WorkOrderDateType } from '@equinor/echo-components';
+import { WorkItemType } from './utils';
+import { HistoricNotificationItem, HistoricPunchItem, HistoricWorkOrderItem, ItemTypes } from './types';
 interface PrepviewProps {
     orientation: SideSheetOrientation;
     instCode?: string;
@@ -8,11 +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/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/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/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/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/workorder/WorkOrder.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { ColorMap, WorkOrderDateType } from '@equinor/echo-components';
 interface WorkOrderProps {
     workOrderId: string;
-    closePanel: () => void;
     headerAction?: React.ReactNode;
+    colorMap?: ColorMap;
+    workOrderDateType?: WorkOrderDateType;
 }
 declare function WorkOrder(props: WorkOrderProps): JSX.Element | null;
 export { WorkOrder };

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/prepview/workorder/header/WorkOrderHeader.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { ColorMap, WorkOrderDateType } from '@equinor/echo-components';
 import { WorkOrderDetails } from '../../types';
 interface WorkOrderHeaderProps {
     workOrderDetails: WorkOrderDetails;
     headerAction?: React.ReactNode;
+    colorMap?: ColorMap;
+    workOrderDateType?: WorkOrderDateType;
 }
-declare function WorkOrderHeader({ workOrderDetails, headerAction, }: WorkOrderHeaderProps): JSX.Element | null;
+declare function WorkOrderHeader(props: WorkOrderHeaderProps): JSX.Element | null;
 export { WorkOrderHeader };

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 {};