@equinor/echo-framework 0.18.6 → 0.18.7-beta-0

package/package.json

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

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

@@ -11,6 +11,7 @@ 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';
 export { PlantNoSelectionDialog } from './openIn3d/PlantNoSelectionDialog';

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

@@ -1,12 +1,14 @@
 /// <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/listItemAdditionalInfoRow/listItemAdditionalInfoRow.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface AdditionalInfoProps {
+    leftHandInfo: JSX.Element;
+    rightHandInfo?: JSX.Element;
+}
+export declare const ListItemAdditionalInfoRow: React.FC<AdditionalInfoProps>;
+export {};

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

@@ -1,7 +1,13 @@
-import { PrepviewNotificationDto, PrepviewWorkOrderDto, PunchDetails } from '../types';
-import * as workOrderApi from './attachment';
-export { workOrderApi };
-export declare function getWorkOrder(workOrderId: string): Promise<PrepviewWorkOrderDto>;
-export declare function getNotification(notificationId: string): Promise<PrepviewNotificationDto>;
-export declare function getPunch(instCode: string, punchId: string): Promise<PunchDetails>;
-export declare function getWorkType(instCode: string, workOrderId: string): Promise<string[]>;
+import { NotificationDetails, PrepviewAttachment, PrepviewDocumentGroup, PrepviewHistory, PrepviewObject, PrepviewOperation, PrepviewSafety, PrepviewTagInformation, PunchDetails, WorkOrderDetails } from '../types';
+export declare function getWorkOrderDetails(workOrderId: string): Promise<WorkOrderDetails>;
+export declare function getWorkType(workOrderId: string): Promise<string[]>;
+export declare function getNotificationDetails(notificationId: string): Promise<NotificationDetails>;
+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[]>;
+export declare function getAttachmentFile(type: string, id: string, attachment: PrepviewAttachment, isWorkOrder?: boolean): Promise<Blob>;
+export declare function getDocuments(itemId: string, isWorkOrder?: boolean): Promise<PrepviewDocumentGroup[]>;
+export declare function getHistory(itemId: string, isWorkOrder?: boolean): Promise<PrepviewHistory>;
+export declare function getSafetyCards(itemId: string, isWorkOrder?: boolean): Promise<PrepviewSafety[]>;
+export declare function getOperations(workOrderId: string): Promise<PrepviewOperation[]>;
+export declare function getObjects(workOrderId: string): Promise<PrepviewObject[]>;

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

@@ -1,6 +1,13 @@
 export declare function getWorkOrder(workOrderId: string): string;
-export declare function getNotification(notificationId: string): string;
+export declare function getWorkTypeUrl(workOrderId: string): string;
+export declare function getNotification(maintenanceRecordId: string): string;
 export declare function getPunch(instCode: string, punchId: string): string;
-export declare function getWorkTypeUrl(instCode: string, workOrderId: string): string;
+export declare function getTagInformation(itemId: string, isWorkOrder?: boolean): string;
+export declare function getAttachments(itemId: string, isWorkOrder?: boolean): string;
 export declare function getWorkorderAttachmentFile(orderTypeId: string, workorderId: string, attachmentId: string): string;
 export declare function getNotificationAttachmentFile(maintenanceRecordTypeId: string, maintenanceRecordId: string, attachmentId: string): string;
+export declare function getDocuments(itemId: string, isWorkOrder?: boolean): string;
+export declare function getHistory(itemId: string, isWorkOrder?: boolean): string;
+export declare function getSafetyCards(itemId: string, isWorkOrder?: boolean): string;
+export declare function getOperations(workOrderId: string): string;
+export declare function getObjects(workOrderId: string): string;

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

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

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

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

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

@@ -1,12 +1,11 @@
 import React from 'react';
-import { AdditionalDetailsDto, NotificationDetails, WorkOrderDetails } from '../../../types';
+import { NotificationDetails, WorkOrderDetails } from '../../../types';
 interface Props {
     workOrderDetails?: WorkOrderDetails;
     notificationDetails?: NotificationDetails;
-    additionalDetails: AdditionalDetailsDto;
     closePanel: () => void;
 }
-declare function TabsPanels({ workOrderDetails, notificationDetails, additionalDetails, closePanel, }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function TabsPanels({ workOrderDetails, notificationDetails, closePanel, }: 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

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

package/src/lib/components/prepview/notification/{index.d.ts → Notification.d.ts}

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { PrepviewNotificationDto } from '../types';
 interface NotificationProps {
-    notification: PrepviewNotificationDto;
+    notificationId: string;
     closePanel: () => void;
     headerAction?: React.ReactNode;
 }

package/src/lib/components/prepview/notification/header/NotificationHeader.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { NotificationDetails } from '../../types';
 interface NotificationHeaderProps {
-    notification: NotificationDetails;
+    notificationDetails: NotificationDetails;
     headerAction?: React.ReactNode;
 }
-declare function NotificationHeader(props: NotificationHeaderProps): JSX.Element | null;
+declare function NotificationHeader({ notificationDetails, headerAction }: NotificationHeaderProps): JSX.Element | null;
 export { NotificationHeader };

package/src/lib/components/prepview/panels/attachments/AttachmentItem.d.ts

@@ -0,0 +1,8 @@
+import { PrepviewAttachment } from '../../types';
+interface AttachmentItemProps {
+    recordType: string;
+    recordId: string;
+    attachment: PrepviewAttachment;
+}
+declare function AttachmentItem({ recordType, recordId, attachment, }: AttachmentItemProps): import("react/jsx-runtime").JSX.Element;
+export { AttachmentItem };

package/src/lib/components/prepview/panels/attachments/AttachmentTable.d.ts

@@ -0,0 +1,8 @@
+import type { PrepviewAttachment } from '../../types';
+interface AttachmentTableProps {
+    recordType: string;
+    recordId: string;
+    attachments: PrepviewAttachment[];
+}
+declare function AttachmentTable({ recordType, recordId, attachments, }: AttachmentTableProps): import("react/jsx-runtime").JSX.Element;
+export { AttachmentTable };

package/src/lib/components/prepview/panels/attachments/Attachments.d.ts

@@ -1,8 +1,11 @@
-import type { PrepviewAttachment } from '../../types';
 interface Props {
-    recordType: string;
     recordId: string;
-    attachments: PrepviewAttachment[];
+    recordType: string;
+    isWorkOrder?: boolean;
 }
-declare function AttachmentsPanel({ recordType, recordId, attachments }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * AttachmentsPanel
+ * this panel requires the user to have maintenance access to show data.
+ */
+declare function AttachmentsPanel({ recordId, recordType, isWorkOrder }: Props): import("react/jsx-runtime").JSX.Element;
 export { AttachmentsPanel };

package/src/lib/components/prepview/panels/history/TagHistory.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { PrepviewNotification, PrepviewPunch, PrepviewTagHistoryGroup, PrepviewWorkOrder } from '../../types';
 interface HistoryProps {
-    notificationGroups: PrepviewTagHistoryGroup<PrepviewNotification>[];
-    workOrderGroups: PrepviewTagHistoryGroup<PrepviewWorkOrder>[];
-    punchGroups: PrepviewTagHistoryGroup<PrepviewPunch>[];
+    itemId: string;
+    isWorkOrder?: boolean;
 }
-declare function TagHistoryPanel({ notificationGroups, workOrderGroups, punchGroups, }: HistoryProps): JSX.Element;
+declare function TagHistoryPanel({ itemId, isWorkOrder }: HistoryProps): JSX.Element;
 export { TagHistoryPanel };

package/src/lib/components/prepview/panels/history/TagHistoryGroup.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { NotificationGroup, PunchGroup, WorkOrderGroup } from '../../types';
+import { WorkItemType } from '../../utils';
+interface Props {
+    emptyText: string;
+    workItemType: WorkItemType;
+    groups: NotificationGroup[] | WorkOrderGroup[] | PunchGroup[];
+    statusCode: number;
+}
+declare function TagHistoryGroup({ groups, emptyText, workItemType, statusCode, }: Props): JSX.Element;
+export { TagHistoryGroup };

package/src/lib/components/prepview/panels/history/horizontalView/HorizontalTagHistory.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PrepviewNotification, PrepviewPunch, PrepviewTagHistoryGroup, PrepviewWorkOrder } from '../../../types';
+import { NotificationGroup, PunchGroup, WorkOrderGroup } from '../../../types';
 interface HorizontalTagHistoryProps {
-    notificationGroups: PrepviewTagHistoryGroup<PrepviewNotification>[];
-    workOrderGroups: PrepviewTagHistoryGroup<PrepviewWorkOrder>[];
-    punchGroups: PrepviewTagHistoryGroup<PrepviewPunch>[];
+    notificationGroups: NotificationGroup[];
+    workOrderGroups: WorkOrderGroup[];
+    punchGroups: PunchGroup[];
 }
 declare const HorizontalTagHistory: React.FC<HorizontalTagHistoryProps>;
 export { HorizontalTagHistory };

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PrepviewNotification, PrepviewPunch, PrepviewWorkOrder } from '../../../types';
+import { HistoricNotificationItem, HistoricWorkOrderItem, HistoricPunchItem } from '../../../types';
 import { WorkItemType } from '../../../utils';
-type Items = Array<PrepviewNotification | PrepviewWorkOrder | PrepviewPunch>;
+type Items = Array<HistoricNotificationItem | HistoricWorkOrderItem | HistoricPunchItem>;
 export interface ItemProps {
     itemType: WorkItemType;
     subType: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PrepviewPunch } from '../../../types';
+import { HistoricPunchItem } from '../../../types';
 interface PunchProps {
-    punch: PrepviewPunch;
+    punch: HistoricPunchItem;
 }
 declare const PunchItem: React.FC<PunchProps>;
 export { PunchItem };

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

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

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

@@ -1,6 +1,5 @@
-import { ObjectDto } from '../../types';
 interface Props {
-    objectDtos: ObjectDto[];
+    workOrderId: string;
 }
-declare function ObjectsPanel({ objectDtos }: Props): import("react/jsx-runtime").JSX.Element;
+declare function ObjectsPanel({ workOrderId }: Props): import("react/jsx-runtime").JSX.Element;
 export { ObjectsPanel };

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

@@ -0,0 +1,6 @@
+import { PrepviewObject } from '../../types';
+interface VerticalObjectProps {
+    objectDto: PrepviewObject;
+}
+declare function VerticalObject({ objectDto }: VerticalObjectProps): import("react/jsx-runtime").JSX.Element;
+export { VerticalObject };

package/src/lib/components/prepview/panels/operations/OperationItem.d.ts

@@ -0,0 +1,6 @@
+import { PrepviewOperation } from '../../types';
+interface OperationItemProps {
+    operation: PrepviewOperation;
+}
+declare function OperationItem({ operation }: OperationItemProps): import("react/jsx-runtime").JSX.Element;
+export { OperationItem };

package/src/lib/components/prepview/panels/operations/OperationTable.d.ts

@@ -0,0 +1,6 @@
+import { PrepviewOperation } from '../../types';
+interface OperationsTableProps {
+    operations: PrepviewOperation[];
+}
+declare function OperationsTable({ operations }: OperationsTableProps): import("react/jsx-runtime").JSX.Element;
+export { OperationsTable };

package/src/lib/components/prepview/panels/operations/Operations.d.ts

@@ -1,7 +1,5 @@
-import { PrepviewOperation } from '../../types';
 interface Props {
-    operations: PrepviewOperation[];
     workOrderId: string;
 }
-declare function OperationsPanel({ operations, workOrderId }: Props): import("react/jsx-runtime").JSX.Element;
+declare function OperationsPanel({ workOrderId }: Props): import("react/jsx-runtime").JSX.Element;
 export { OperationsPanel };

package/src/lib/components/prepview/panels/risk/Risk.d.ts

@@ -1,6 +1,6 @@
-import { PrepviewSafety } from '../../types';
 interface RiskTabProps {
-    safetyCards: PrepviewSafety[];
+    itemId: string;
+    isWorkOrder?: boolean;
 }
-declare function RiskPanel({ safetyCards }: RiskTabProps): import("react/jsx-runtime").JSX.Element;
+declare function RiskPanel({ itemId, isWorkOrder }: RiskTabProps): import("react/jsx-runtime").JSX.Element;
 export { RiskPanel };

package/src/lib/components/prepview/panels/risk/RiskItems.d.ts

@@ -0,0 +1,6 @@
+import { PrepviewSafety } from '../../types';
+interface RiskItemsProps {
+    safetyCards: PrepviewSafety[];
+}
+declare function RiskItems({ safetyCards }: RiskItemsProps): import("react/jsx-runtime").JSX.Element;
+export { RiskItems };

package/src/lib/components/prepview/panels/risk/RiskTable.d.ts

@@ -0,0 +1,6 @@
+import { PrepviewSafety } from '../../types';
+interface RiskTableProps {
+    safetyCards: PrepviewSafety[];
+}
+declare function RiskTable({ safetyCards }: RiskTableProps): import("react/jsx-runtime").JSX.Element;
+export { RiskTable };

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

@@ -1,7 +1,7 @@
-import type { PrepviewDocumentGroup } from '../../types';
 interface Props {
-    documentGroups: Array<PrepviewDocumentGroup>;
+    itemId: string;
     tagNo: string;
+    isWorkOrder?: boolean;
 }
-declare function TagDocumentRefsPanel({ documentGroups, tagNo }: Props): import("react/jsx-runtime").JSX.Element;
+declare function TagDocumentRefsPanel({ itemId, tagNo, isWorkOrder }: Props): import("react/jsx-runtime").JSX.Element;
 export { TagDocumentRefsPanel };

package/src/lib/components/prepview/panels/tagInformation/TagInformation.d.ts

@@ -1,11 +1,10 @@
-import { PrepviewTagInformation } from '../../types';
 interface Props {
-    tagInformation: PrepviewTagInformation;
-    noInformationFound: boolean;
+    itemId: string;
+    isWorkOrder?: boolean;
 }
 /**
  * TagInformationPanel
  * this panel requires the user to have maintenance access to show data.
  */
-declare function TagInformationPanel({ tagInformation, noInformationFound: notFound, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function TagInformationPanel({ itemId, isWorkOrder }: Props): import("react/jsx-runtime").JSX.Element;
 export { TagInformationPanel };

package/src/lib/components/prepview/punch/{index.d.ts → Punch.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { PunchDetails } from '../types';
 interface PunchProps {
-    punch: PunchDetails;
+    punchId: string;
+    instCode: string;
     closePanel: () => void;
 }
 declare function Punch(props: PunchProps): JSX.Element | null;

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

@@ -1,9 +1,4 @@
-export * from './attachment';
-export * from './common';
-export * from './document';
-export * from './notification';
-export * from './operation';
+export * from './shared';
 export * from './punch';
-export * from './safety';
-export * from './tag';
+export * from './notification';
 export * from './workorder';

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

@@ -1,17 +1,7 @@
-import { PrepviewAttachment } from './attachment';
-import { FetchStatus } from './common';
-import { PrepviewDocumentGroup } from './document';
-import { PrepviewPunch } from './punch';
-import { PrepviewSafety } from './safety';
-import { PrepviewTagInformation } from './tag';
-import { PrepviewTagHistoryGroup, PrepviewWorkOrder } from './workorder';
-export type PrepviewNotificationDto = {
-    details: NotificationDetails;
-    additionalDetails?: NotificationAdditionalDetails;
-};
+import { FetchStatus } from './shared';
 export type NotificationDetails = FetchStatus & {
     id: string;
-    isActive: boolean;
+    isActive: true;
     type: string;
     title: string;
     tagPlantId: string;
@@ -19,13 +9,13 @@ export type NotificationDetails = FetchStatus & {
     tagCategory: string;
     tagCategoryId: string;
     plantId: string;
+    planningPlant: string;
     createdDateTime: Date;
     requiredEndDateTime: Date;
     requiredEndDateStatus: string;
     requiredEndDateStatusDescription: string;
-    maintenancePlant: string;
-    planningPlant: string;
     activeStatusIds: string;
+    maintenancePlant: string;
     unsafeFailureMode: string;
     plannerGroup: string;
     mainWorkCenter: string;
@@ -38,40 +28,3 @@ export type NotificationDetails = FetchStatus & {
     longText: string;
     instCode: string;
 };
-export type NotificationAdditionalDetails = {
-    attachments: FetchStatus & {
-        attachments: Array<PrepviewAttachment>;
-    };
-    documents: FetchStatus & {
-        documentGroups: Array<PrepviewDocumentGroup>;
-    };
-    history: FetchStatus & {
-        notificationGroups: FetchStatus & {
-            groups: PrepviewTagHistoryGroup<PrepviewNotification>[];
-        };
-        punchGroups: FetchStatus & {
-            groups: PrepviewTagHistoryGroup<PrepviewPunch>[];
-        };
-        workOrderGroups: FetchStatus & {
-            groups: PrepviewTagHistoryGroup<PrepviewWorkOrder>[];
-        };
-    };
-    safetyCards: FetchStatus & {
-        safetyCards: Array<PrepviewSafety>;
-    };
-    tagInformation: FetchStatus & PrepviewTagInformation;
-};
-export type PrepviewNotification = {
-    id: string;
-    type: string;
-    title: string;
-    isActive?: boolean;
-    planningPlant: string;
-    requiredEndDateTime: Date;
-    mainWorkCenter?: string;
-    requiredEndDateStatus?: string;
-    activeStatusIds: string;
-    mainWorkCenterId: string;
-    changedDateTime?: Date;
-    createdDateTime: Date;
-};

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

@@ -1,6 +1,6 @@
-import { FetchStatus } from './common';
+import { FetchStatus } from './shared';
 export type PunchDetails = FetchStatus & {
-    id: string;
+    id: number;
     tagNo: string;
     tagDescription: string;
     tagArea: string;
@@ -14,14 +14,4 @@ export type PunchDetails = FetchStatus & {
     typeDescription: string;
     priorityId: string;
     projectName: string;
-    statusCode: number;
-};
-export type PrepviewPunch = {
-    id: string;
-    type: string;
-    statusId: string;
-    tagNo: string;
-    tagArea: string;
-    description: string;
-    updatedAt?: Date;
 };

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

@@ -0,0 +1,130 @@
+/// <reference types="react" />
+import { FileDto } from "@equinor/echo-search";
+export type FetchStatus = {
+    statusCode?: 'Forbidden' | number;
+};
+export type ContentPickerGroup = {
+    title?: string;
+    items: ContentPickerItem[];
+};
+export type ContentPickerItem = {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+};
+export type PrepviewTagInformation = {
+    id: string;
+    functionalLocation: string;
+    location: string;
+    area: string;
+    overallCriticality: string;
+    abcIndicator: string;
+    redundancy: string;
+    consequenceHse: string;
+    consequenceProd: string;
+    consequenceCost: string;
+    consequenceFail: string;
+    repairStrategy: string;
+    criticalSparePartDemandTime: string;
+    unsafeFailure: string[];
+};
+export type PrepviewAttachment = {
+    id: string;
+    fileName: string;
+    fileSize: number;
+    createdDateTime: Date;
+};
+export type PrepviewDocumentGroup = {
+    type: string;
+    documents: Array<PrepviewDocument>;
+};
+export type PrepviewDocument = {
+    docNo: string;
+    docTitle: string;
+    revStatus: string;
+    revNo: string;
+    revDate: Date;
+    files: Array<FileDto>;
+};
+export type PrepviewSafety = {
+    title: string;
+    description: string;
+    caseDate: Date;
+    country: string;
+    url: string;
+    severity: number;
+};
+export type PrepviewHistory = {
+    notificationGroups: {
+        groups: NotificationGroup[];
+        statusCode: number;
+    };
+    workOrderGroups: {
+        groups: WorkOrderGroup[];
+        statusCode: number;
+    };
+    punchGroups: {
+        groups: PunchGroup[];
+        statusCode: number;
+    };
+};
+export type NotificationGroup = {
+    type: string;
+    items: HistoricNotificationItem[];
+};
+export type HistoricNotificationItem = {
+    id: string;
+    type: string;
+    title: string;
+    planningPlant: string;
+    isActive: true;
+    mainWorkCenter: string;
+    requiredEndDateTime: Date;
+    requiredEndDateStatus: string;
+    mainWorkCenterId: string;
+    activeStatusIds: string;
+    createdDateTime: Date;
+    changedDateTime: Date;
+};
+export type WorkOrderGroup = {
+    type: string;
+    items: HistoricWorkOrderItem[];
+};
+export type HistoricWorkOrderItem = {
+    id: string;
+    orderType: string;
+    isActive: true;
+    maintenancePlanDate: Date;
+    planningPlant: string;
+    description: string;
+    workCenterId: string;
+    type: string;
+    activeStatusIds: string;
+    title: string;
+    mainWorkCenterId: string;
+    createdDateTime: Date;
+    changedDateTime: Date;
+};
+export type PunchGroup = {
+    type: string;
+    items: [
+        {
+            id: string;
+            type: string;
+            statusId: string;
+            tagNo: string;
+            tagArea: string;
+            description: string;
+            updatedAt: Date;
+        }
+    ];
+};
+export type HistoricPunchItem = {
+    id: string;
+    type: string;
+    statusId: string;
+    tagNo: string;
+    tagArea: string;
+    description: string;
+    updatedAt: Date;
+};