@equinor/echo-components 0.11.1 → 0.11.4

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.11.1",
+  "version": "0.11.4",
   "dependencies": {
-    "chart.js": "4.4.1",
+    "chart.js": "4.4.2",
     "react-window": "1.8.10",
     "react-datepicker": "4.25.0"
   },
@@ -16,7 +16,7 @@
     "lodash": ">= 4.17.21 < 5",
     "react-sortablejs": "6.1.4",
     "sortablejs": ">= 1.15.1 < 2",
-    "classnames": "2.3.2"
+    "classnames": "2.5.1"
   },
   "main": "./index.cjs.js",
   "type": "commonjs"

package/src/__mocks__/workOrderItem.d.ts

@@ -1,4 +1,5 @@
 import { WorkOrderItem } from '../types';
 export declare const activeWorkOrderItemMock: WorkOrderItem;
+export declare const basicFinishWorkOrderItemMock: WorkOrderItem;
 export declare const completedWorkOrderItemMock: WorkOrderItem;
 export declare const completedWorkOrderItemMockLongDesc: WorkOrderItem;

package/src/components/autohiddenContent/AutohiddenContent.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+type AutohiddenContentProps = {
+    /** The hiding methods can be:
+     *  - Apply 'opacity: 0' to the element. (default)
+     *  - A rerender pass to remove the element from the DOM. This method will likely shift layout.
+     */
+    hideMethod?: 'collapse' | 'invisible';
+    /** The delay before the element is hidden. Defaults to 1 second. */
+    delay?: number;
+    /** Callback when the content is delayed. */
+    onHide?: () => void;
+    /** The content to autohide. */
+    children: ReactElement<HTMLElement | string | number>;
+};
+export declare function AutohiddenContent({ delay, hideMethod, onHide, children }: AutohiddenContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/src/components/dialog/SaveAsDialog.d.ts

@@ -1,9 +1,11 @@
 import React, { ReactNode } from 'react';
 export interface SaveAsDialogProps {
-    title?: string;
     open: boolean;
     onSaveClick: (inputValue: string) => void;
     onCloseClicked: () => void;
+    title?: string;
+    label?: string;
+    placeholder?: string;
     children?: ReactNode;
     defaultUserInputValue?: string;
     showOverwriteLabel?: (userInputValue: string) => boolean;

package/src/components/iconLink/compactIconLink/CompactIconLink.d.ts

@@ -7,4 +7,4 @@ export interface CompactIconLinkProps {
     icon?: string | React.ReactNode;
     className?: string;
 }
-export declare const CompactIconLink: ({ title, meta, legendColor, onClickHandler, icon, className, }: CompactIconLinkProps) => JSX.Element;
+export declare const CompactIconLink: ({ title, meta, legendColor, onClickHandler, icon, className }: CompactIconLinkProps) => JSX.Element;

package/src/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './autohiddenContent/AutohiddenContent';
 export * from './blackLink/BlackLink';
 export * from './buttonWithPopover/ButtonWithPopover';
 export * from './charts';
@@ -35,6 +36,5 @@ 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';

package/src/components/legend/MainLegend.d.ts

@@ -26,5 +26,5 @@ interface MainLegendProps {
      */
     legendContentClassName?: string;
 }
-declare function MainLegend({ legends, layers, legendStyle, legendContentStyle, legendContentClassName, legendClassName }: MainLegendProps): import("react/jsx-runtime").JSX.Element;
+declare const MainLegend: ({ legends, layers, legendStyle, legendContentStyle, legendContentClassName, legendClassName }: MainLegendProps) => import("react/jsx-runtime").JSX.Element;
 export { MainLegend };

package/src/components/secondaryMarker/SecondaryMarkerWithChip.d.ts

@@ -5,7 +5,6 @@ export interface SecondaryMarkerWithChipProps {
     status: string;
     color: string;
     onClick?: () => void;
-    key?: string;
     children?: React.ReactNode;
     className?: string;
 }

package/src/components/workOrderListItem/WorkOrderListItem.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
-import { ColorMap, WorkOrderItem } from '../../types';
+import { ColorMap, WorkOrderDateType, WorkOrderItem } from '../../types';
 export interface WorkOrderListItemProps {
     workOrder: WorkOrderItem;
     onCardClick?: () => void;
     itemAction?: React.ReactNode;
     isHeader?: boolean;
     colorMap?: ColorMap;
+    iconName?: string;
+    workOrderDateType?: WorkOrderDateType;
 }
 declare function WorkOrderListItem(props: WorkOrderListItemProps): import("react/jsx-runtime").JSX.Element;
 export { WorkOrderListItem };

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

@@ -2,7 +2,6 @@
 export interface ChipProps {
     title: string;
     color: string;
-    key?: string;
     className?: string;
     onClick?: () => void;
 }

package/src/helpers/getIcon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function getIcon(tagCategoryDescription: string): JSX.Element;
+export declare function getIcon(tagCategoryDescription: string): import("react/jsx-runtime").JSX.Element;

package/src/helpers/tagCategoryIcon.d.ts

@@ -35,4 +35,4 @@ export declare enum TagCategoryType {
  * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
  */
 export declare const TagCategoryIcon: React.FC<ViewTagIconProps>;
-export default TagCategoryIcon;
+export {};

package/src/icons/appIcons/external/index.d.ts

@@ -1,8 +1,8 @@
-export { ReactComponent as Semi } from './semi.svg';
 export { ReactComponent as Evision } from './evision.svg';
 export { ReactComponent as Fusion } from './fusion.svg';
 export { ReactComponent as ProCoSys } from './procosys.svg';
+export { ReactComponent as SAP } from './sap.svg';
+export { ReactComponent as Semi } from './semi.svg';
 export { ReactComponent as Stid } from './stid.svg';
 export { ReactComponent as TR2000 } from './tr2000.svg';
 export { ReactComponent as Yammer } from './yammer.svg';
-export { ReactComponent as SAP } from './sap.svg';

package/src/icons/appIcons/microsoft/index.d.ts

@@ -1,10 +1,9 @@
-export { ReactComponent as Teams } from './teams.svg';
-export { ReactComponent as PowerPoint } from './powerpoint.svg';
-export { ReactComponent as Word } from './word.svg';
 export { ReactComponent as Excel } from './excel.svg';
+export { ReactComponent as OneDrive } from './onedrive.svg';
 export { ReactComponent as OneNote } from './onenote.svg';
-export { ReactComponent as SharePoint } from './powerpoint.svg';
+export { ReactComponent as Outlook } from './outlook.svg';
+export { ReactComponent as PowerPoint, ReactComponent as SharePoint } from './powerpoint.svg';
 export { ReactComponent as Skype } from './skype.svg';
+export { ReactComponent as Teams } from './teams.svg';
+export { ReactComponent as Word } from './word.svg';
 export { ReactComponent as Yammer } from './yammer.svg';
-export { ReactComponent as Outlook } from './outlook.svg';
-export { ReactComponent as OneDrive } from './onedrive.svg';

package/src/icons/echoAssets/index.d.ts

@@ -5,5 +5,7 @@ export * from './maps';
 export * from './misc';
 export * from './notifications';
 export * from './punches';
+export * from './sap';
+export * from "./sidesheet";
 export * from './subsea';
 export * from './workOrders';

package/src/icons/echoAssets/sap.d.ts

@@ -0,0 +1,4 @@
+import { IconData } from '@equinor/eds-icons';
+export declare const sap_b30: IconData;
+export declare const sap_prts: IconData;
+export declare const sap_activity_reviewed: IconData;

package/src/icons/echoAssets/sidesheet.d.ts

@@ -0,0 +1,3 @@
+import { IconData } from '@equinor/eds-icons';
+export declare const expand_side_sheet: IconData;
+export declare const minimize_side_sheet: IconData;

package/src/theme/themeConst.d.ts

@@ -97,6 +97,9 @@ export declare const themeConst: {
     locations: string;
     ofpDark: string;
     ofpLight: string;
+    readonly onwatch: string;
+    readonly inprogress: string;
+    readonly annotationerror: string;
     blueOvercast: string;
     readonly warningText: string;
     readonly warningIcon: string;

package/src/types/workOrderItem.d.ts

@@ -1,3 +1,10 @@
+export declare enum WorkOrderDateType {
+    PM01 = "PM01",
+    PM02 = "PM02",
+    BasicFinishDate = "BasicFinishDate",
+    Operation = "Operation",
+    Unknown = "Unknown"
+}
 export interface WorkOrderItem {
     id: string;
     orderType: string;
@@ -12,4 +19,6 @@ export interface WorkOrderItem {
     operationId?: string;
     earlyStartDate?: Date;
     earlyFinishDate?: Date;
+    basicFinishDateStatus?: string;
+    basicFinishDateTime?: Date;
 }

package/src/utils/colors.d.ts

@@ -1,6 +1,7 @@
-import { ColorMap } from "../types/colorMap";
+import { ColorMap } from '../types';
+declare function setBasicFinishDateColor(basicFinishDateStatus: string | undefined): ColorMap;
 declare function setRequiredEndDateColor(requiredEndDateStatus: string | undefined): ColorMap;
 declare function setFailureImpactColor(failureImpactStatus: string | undefined): ColorMap;
 declare function setPriorityColor(priorityId: string | undefined): ColorMap;
 declare function setUnsafeFailureColor(unsafeFailure: string | undefined): ColorMap;
-export { setFailureImpactColor, setPriorityColor, setRequiredEndDateColor, setUnsafeFailureColor };
+export { setBasicFinishDateColor, setFailureImpactColor, setPriorityColor, setRequiredEndDateColor, setUnsafeFailureColor };

package/style-reset.css

@@ -1 +1 @@
-#root,body,html{height:100%;overflow:hidden;position:fixed;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--equiGray5);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--equiGreen1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--hoverIcon)}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}
+#root,body,html{height:100%;overflow:hidden;position:fixed;width:100%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--equiGray5);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--equiGreen1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--hoverIcon)}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}

package/src/components/timePicker/TimePicker.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface TimePickerProps {
-    id: string;
-    value?: string;
-    label: string;
-    onValueChanged?: (time: string) => void;
-    className?: string;
-    readOnly?: boolean;
-    timeRange?: string[];
-}
-export declare const TimePicker: ({ id, label, value, onValueChanged, readOnly, timeRange }: TimePickerProps) => React.JSX.Element;
-export default TimePicker;