@equinor/echo-components 0.8.3 → 0.8.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.8.3",
+  "version": "0.8.6",
   "dependencies": {
     "chart.js": "4.4.0",
     "@floating-ui/react": "0.25.4",

package/src/__mocks__/notificationItem.d.ts

@@ -0,0 +1,4 @@
+import { NotificationItem } from '../types';
+export declare const activeNotificationItemMock: NotificationItem;
+export declare const completeNotificationItemMock: NotificationItem;
+export declare const completeNotificationItemMockLongDesc: NotificationItem;

package/src/components/contextMenu/ContextMenu.d.ts

@@ -1,4 +1,6 @@
 import React, { CSSProperties } from 'react';
+import { TagIconChipsProps } from '../../elements/tagIcon/TagIconWithChips';
+export type StatusChipsProps = Omit<TagIconChipsProps, 'icon' | 'legendColor'>;
 interface ContextMenuProps {
     icon: JSX.Element;
     legendColor: string;
@@ -11,6 +13,7 @@ interface ContextMenuProps {
     selectedClassName?: string;
     selected: boolean;
     children?: React.ReactNode;
+    statusChips?: StatusChipsProps;
 }
 /**
  * Component that renders full context menu functionality, meant for displaying tag context menu.

package/src/components/index.d.ts

@@ -22,7 +22,9 @@ export * from './searchBar';
 export * from './sidebarButton/SidebarButton';
 export * from './sidesheet';
 export * from './splitView';
+export * from './subseaStatusLabel/SubseaStatusLabel';
 export * from './tagContextMenu/TagContextMenu';
 export * from './timePicker/TimePicker';
 export * from './workOrderListItem/WorkOrderListItem';
 export * from './workOrderListItem/WorkOrderStatusLabel';
+export * from './notificationListItem/NotificationListItem';

package/src/components/notificationListItem/NotificationListItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { NotificationItem } from '../../types';
+export interface NotificationListItemProps {
+    notification: NotificationItem;
+    onCardClick?: () => void;
+    itemAction?: React.ReactNode;
+    isHeader?: boolean;
+}
+declare function NotificationListItem(props: NotificationListItemProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationListItem };

package/src/components/subseaStatusLabel/SubseaStatusLabel.d.ts

@@ -0,0 +1,5 @@
+interface SubseaStatusLabelProps {
+    isActive: boolean;
+}
+export declare function SubseaStatusLabel({ isActive }: SubseaStatusLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/elements/index.d.ts

@@ -5,4 +5,6 @@ export * from './roundIconButton/RoundIconButton';
 export { SliderField } from './sliderField/SliderField';
 export { TagIcon } from './tagIcon/TagIcon';
 export { TagIconShadowWrapper } from './tagIcon/TagIconShadow';
+export { TagIconWithChips } from './tagIcon/TagIconWithChips';
+export type { ChipProps, TagIconChipsProps } from './tagIcon/TagIconWithChips';
 export * from './textIconButton/TextIconButton';

package/src/elements/tagIcon/TagIcon.d.ts

@@ -13,4 +13,4 @@ interface TagIconProps {
  * @return {*}  {JSX.Element} Wrapped icon with provided color
  */
 export declare const TagIcon: React.FC<TagIconProps>;
-export default TagIcon;
+export {};

package/src/elements/tagIcon/TagIconWithChips.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ChipsProps {
+    icon: JSX.Element;
+    legendColor: string;
+    chips: ChipProps[];
+}
+export interface TagIconChipsProps extends ChipsProps {
+    isChipsEnabled: boolean;
+}
+export interface ChipProps {
+    title: string;
+    color: string;
+}
+export declare const TagIconWithChips: React.FC<TagIconChipsProps>;

package/src/types/colorMap.d.ts

@@ -0,0 +1,4 @@
+export type ColorMap = {
+    color: string;
+    background: string;
+};

package/src/types/index.d.ts

@@ -11,3 +11,4 @@ export * from './menuItem';
 export * from './optionsItem';
 export * from './radioButtonItem';
 export * from './workOrderItem';
+export * from './notificationItem';

package/src/types/notificationItem.d.ts

@@ -0,0 +1,12 @@
+export interface NotificationItem {
+    id: string;
+    type: string;
+    isActive: boolean;
+    title?: string;
+    planningPlant?: string;
+    mainWorkCenter?: string;
+    requiredEndDateTime?: Date;
+    requiredEndDateStatus?: string;
+    requiredEndDateStatusDescription?: string;
+    failureImpact?: string;
+}

package/src/types/workOrderItem.d.ts

@@ -13,7 +13,3 @@ export interface WorkOrderItem {
     earlyStartDate?: Date;
     earlyFinishDate?: Date;
 }
-export type RequiredEndDateColor = {
-    color: string;
-    background: string;
-};

package/src/utils/colors.d.ts

@@ -0,0 +1,4 @@
+import { ColorMap } from "../types/colorMap";
+declare function setRequiredEndDateColor(requiredEndDateStatus: string | undefined): ColorMap;
+declare function setfailureImpactColor(failureImpactStatus: string | undefined): ColorMap;
+export { setRequiredEndDateColor, setfailureImpactColor };

package/src/utils/index.d.ts

@@ -1,2 +1,4 @@
+export * from './colors';
 export * from './date';
+export * from './notification';
 export * from './workorder';

package/src/utils/notification.d.ts

@@ -0,0 +1,2 @@
+declare function setNotificationIconName(type: string): "notifications_m1" | "notifications_m2" | "notifications_m3" | "notifications_m4" | "notifications_m5" | "notifications_m6" | "notifications_m9" | "notifications_main_group";
+export { setNotificationIconName };

package/src/utils/workorder.d.ts

@@ -1,4 +1,2 @@
-import { RequiredEndDateColor } from '../types';
 declare function setWorkOrderIconName(type: string): "workorders_pm01" | "workorders_pm02" | "workorders_pm03" | "workorders_pm04" | "workorders_pm05" | "workorders_pm06" | "workorders_pm10" | "workorders_pm15" | "workorders_pm20" | "workorders_main_group";
-declare function setRequiredEndDateColor(requiredEndDateStatus: string | undefined): RequiredEndDateColor;
-export { setRequiredEndDateColor, setWorkOrderIconName };
+export { setWorkOrderIconName };