@equinor/echo-components 0.11.0 → 0.11.3

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.11.0",
+  "version": "0.11.3",
   "dependencies": {
-    "chart.js": "4.4.0",
-    "react-window": "1.8.9",
-    "react-datepicker": "4.21.0"
+    "chart.js": "4.4.2",
+    "react-window": "1.8.10",
+    "react-datepicker": "4.25.0"
   },
   "peerDependencies": {
     "@equinor/echo-utils": ">= 0.4.0 < 0.5.0",
@@ -12,11 +12,11 @@
     "@equinor/eds-icons": "0.19.3",
     "react": ">= 17.0.2",
     "react-dom": ">= 17.0.2",
-    "zustand": "4.4.6",
-    "lodash": "4.17.21",
+    "zustand": ">= 4.4.7 < 5",
+    "lodash": ">= 4.17.21 < 5",
     "react-sortablejs": "6.1.4",
-    "sortablejs": "1.15.0",
-    "classnames": "2.3.2"
+    "sortablejs": ">= 1.15.1 < 2",
+    "classnames": "2.5.1"
   },
   "main": "./index.cjs.js",
   "type": "commonjs"

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/blackLink/BlackLink.d.ts

@@ -1,4 +1,5 @@
-interface LinkProps {
+import { TooltipProps } from '@equinor/eds-core-react';
+type LinkProps = Omit<TooltipProps, 'href' | 'children'> & {
     className?: string;
     /** The external link. */
     href: string;
@@ -8,8 +9,7 @@ interface LinkProps {
     preserveTab?: boolean;
     /** The text to be displayed in the tooltip. */
     tooltipText?: string;
-    /** The text to be displayed in the tooltip. */
     onClick?: () => void;
-}
-export declare const BlackLink: ({ className, href, linkText, preserveTab, tooltipText, onClick, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BlackLink: ({ className, href, linkText, preserveTab, tooltipText, onClick, enterDelay, placement, ...toolTipRest }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/copyToClipboard/CopyToClipboard.d.ts

@@ -5,5 +5,5 @@ export interface CopyToClipboardProps {
     multiline?: boolean;
     className?: string;
 }
-declare const CopyToClipboard: (props: CopyToClipboardProps) => React.JSX.Element;
+declare const CopyToClipboard: ({ copyableText, className, multiline, variant }: CopyToClipboardProps) => React.JSX.Element;
 export { CopyToClipboard };

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    title: string;
+    confirmButtonLabel?: string;
+    cancelButtonLabel?: string;
+    children: ReactNode;
+    open: boolean;
+    onConfirmClicked: () => void;
+    onCloseClicked: () => void;
+}
+export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export interface SaveAsDialogProps {
+    open: boolean;
+    onSaveClick: (inputValue: string) => void;
+    onCloseClicked: () => void;
+    title?: string;
+    label?: string;
+    placeholder?: string;
+    children?: ReactNode;
+    defaultUserInputValue?: string;
+    showOverwriteLabel?: (userInputValue: string) => boolean;
+}
+export declare const SaveAsDialog: React.FC<SaveAsDialogProps>;

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';
@@ -5,6 +6,8 @@ export * from './contextMenu/ContextMenu';
 export * from './contextMenuPopover/DataInfoButton';
 export * from './copyToClipboard/CopyToClipboard';
 export { ReactDatePicker } from './datePicker/ReactDatePicker';
+export * from './dialog/ConfirmDialog';
+export * from './dialog/SaveAsDialog';
 export * from './dialogGenerator/DialogGenerator';
 export * from './dropdown/Dropdown';
 export * from './echoBottomBar/EchoBottomBar';
@@ -33,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/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

@@ -6,6 +6,7 @@ export interface WorkOrderListItemProps {
     itemAction?: React.ReactNode;
     isHeader?: boolean;
     colorMap?: ColorMap;
+    iconName?: string;
 }
 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/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,6 @@ export * from './maps';
 export * from './misc';
 export * from './notifications';
 export * from './punches';
+export * from "./sidesheet";
 export * from './subsea';
 export * from './workOrders';

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/actionButton.d.ts

@@ -3,4 +3,5 @@ export interface ActionButton {
     onClick: () => void;
     variant?: 'contained' | 'outlined' | 'ghost' | 'ghost_icon';
     color?: 'danger' | 'primary' | 'secondary';
+    disabled?: boolean;
 }

package/src/types/workOrderItem.d.ts

@@ -12,4 +12,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;