@equinor/echo-framework 0.10.27 → 0.10.28

package/dist/__tests__/3dButtonUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/contextualAppLinks/externalLinkButtons/trainingCenterForValvesMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type TrainingCenterForValvesMenuProps = {
+    tagNo: string;
+    instCode: string;
+};
+export declare const TrainingCenterForValvesMenu: React.FC<TrainingCenterForValvesMenuProps>;
+export {};

package/dist/components/echo3DButton/3dButtonUtils.d.ts

@@ -0,0 +1,12 @@
+import { TagDetailsDto } from '@equinor/echo-search';
+export declare enum ApplicationLinks {
+    Launch3D = "echo://",
+    Echo3dWeb = "/echo3d"
+}
+export declare enum OpenIn3DOption {
+    App = "App",
+    Web = "Web"
+}
+export declare const getEcho3DAppLink: (tagDetailsInput: TagDetailsDto | undefined) => Promise<string>;
+export declare const getApplyForEchoAccessUrl: (instCode: string, tagDetails?: TagDetailsDto) => Promise<string>;
+export declare const getParamsFor3DWeb: (instCode: string, tagDetails: TagDetailsDto | undefined, tagNo: string | undefined) => Promise<string>;

package/dist/components/echo3DButton/OpenIn3dDropdown.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface OpenIn3dDropdownProps {
+    anchorRef: React.RefObject<HTMLButtonElement>;
+    plantIsAvailableIn3d: boolean;
+    plantIsAvailableIn3dWeb: boolean;
+    setShow3dDropdown: React.Dispatch<React.SetStateAction<boolean>>;
+    openIn3dWeb: (event: React.MouseEvent) => void;
+    openIn3dApp: (event: React.MouseEvent) => void;
+}
+declare const OpenIn3dDropdown: React.FC<OpenIn3dDropdownProps>;
+export default OpenIn3dDropdown;

package/dist/components/echo3DButton/echo3DButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface Echo3DButtonProps {
+    instCode: string;
+    enabled?: boolean;
+    openInNewWindow?: boolean;
+}
+/**
+ *
+ * Component for rendering 3D buttons. Will display both echo 3D web and echo 3D (App) button
+ * By using the 'enabled' attribute, you can control if the button should be enabled or not.
+ * @param {Echo3DButtonProps} {
+ *     enabled,
+ *     openInNewWindow
+ * }
+ * @return {*}
+ */
+export declare const Echo3DButton: React.FC<Echo3DButtonProps>;
+export {};

package/dist/components/echo3DButton/echo3DIconButton.d.ts

@@ -0,0 +1,26 @@
+import { TagDetailsDto } from '@equinor/echo-search';
+import React from 'react';
+interface Echo3DIconButtonProps {
+    instCode: string;
+    tagDetails?: TagDetailsDto;
+    tagNo: string;
+    enabled?: boolean;
+    openInNewWindow?: boolean;
+}
+/**
+ *
+ * Component for rendering 3D buttons.
+ * Will render a ghost icon that displays a dropdown upon click with 3D web and 3D app items.
+ * The items in the dropdown will be enabled/disabled based on plant info - where it is stated if the plant is available for 3D App and/or 3D Web.
+ * Setting openInNewWindow to true will open 3d web in new tab if 3D web button is clicked.
+ * Echo 3D app will always open in new tab/open 3D app
+ * @param {OLDModel3dButtonProps} {
+ *     tagDetails,
+ *     tagNo,
+ *     enabled,
+ *     openInNewWindow
+ * }
+ * @return {*}
+ */
+export declare const Echo3DIconButton: React.FC<Echo3DIconButtonProps>;
+export {};

package/dist/components/echo3DButton/icons/E3DWebBetaIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface E3DWebBetaIconProps {
+    color: string;
+}
+declare const E3DWebBetaIcon: React.FC<E3DWebBetaIconProps>;
+export default E3DWebBetaIcon;

package/dist/components/echo3DButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './echo3DButton';
+export * from './echo3DIconButton';

package/dist/components/echo3DButton/missingEcho3dAccessDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface MissingEcho3dAccessDialogProps {
+    getApplyForAccessUrl: Promise<string>;
+    isDialogOpen: boolean;
+    setIsDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const MissingEcho3dAccessDialog: React.FC<MissingEcho3dAccessDialogProps>;
+export default MissingEcho3dAccessDialog;

package/dist/components/echo3DButton/plantNotAvailableInfo.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface PlantNotAvailableInfoProps {
+    children: React.ReactNode;
+}
+declare const PlantNotAvailableInfo: React.FC<PlantNotAvailableInfoProps>;
+export default PlantNotAvailableInfo;

package/dist/components/echo3DButton/useGetOpenIn3d.d.ts

@@ -0,0 +1,5 @@
+import { TagDetailsDto } from '@equinor/echo-search';
+export declare const useGetOpenIn3d: (instCode: string, plantIsAvailableIn3d: boolean, plantIsAvailableIn3dWeb: boolean) => {
+    openIn3dWeb: (openInNewWindow?: boolean, tagDetails?: TagDetailsDto, tagNo?: string) => Promise<void>;
+    openIn3dApp: (event: React.MouseEvent, tagDetails?: TagDetailsDto) => Promise<void>;
+};

package/dist/components/echo3DButton/useGoToEcho3DWebLink.d.ts

@@ -0,0 +1 @@
+export declare const useGoToEcho3DWebLink: () => (openInNewWindow: boolean, linkTo: string, paramsString: string) => void;

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './appLinks';
 export * from './containers';
 export * from './contextualAppLinks/externalLinkButtons/index';
 export { ContextualAppLinks } from './contextualAppLinks/index';
+export * from './echo3DButton';
 export * from './echoLogo';
 export * from './errorBoundary';
 export * from './externalLinkButton/externalLinkButton';
@@ -12,9 +13,9 @@ export * from './pageMenu';
 export * from './panel';
 export * from './panelButton';
 export * from './plantSelector';
+export * from './prepview';
 export * from './projectSelector';
 export * from './realTimeData';
-export * from './prepview';
 export * from './router';
 export * from './searchMenu';
 export * from './tagNumber';

package/dist/components/prepview/common/index.d.ts

@@ -3,3 +3,4 @@ export * from './contentPicker';
 export * from './details';
 export * from './fileSizeDisplay';
 export * from './info';
+export * from './link/Link';

package/dist/components/prepview/common/link/Link.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LinkProps {
+    href: string;
+    linkText: string;
+}
+declare const Link: ({ href, linkText }: LinkProps) => JSX.Element;
+export { Link };

package/dist/components/prepview/workorder/header/{Header.d.ts → WorkOrderHeader.d.ts}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { WorkOrderDetails } from '../../types';
-interface HeaderProps {
+interface WorkOrderHeaderProps {
     instCode: string;
     workOrder: WorkOrderDetails;
     workOrderHeaderAction?: React.ReactNode;
 }
-declare function Header(props: HeaderProps): JSX.Element | null;
-export { Header };
+declare function WorkOrderHeader(props: WorkOrderHeaderProps): JSX.Element | null;
+export { WorkOrderHeader };

package/dist/components/prepview/workorder/header/index.d.ts

@@ -1 +1 @@
-export * from './Header';
+export * from './WorkOrderHeader';

package/dist/hooks/index.d.ts

@@ -1,4 +1,7 @@
 export * from './useEchoHistory';
+export * from './useHas3dAccess';
+export * from './usePlantAvailableIn3d';
+export * from './usePlantAvailableIn3dWeb';
 export * from './useScreenOrientation';
 export * from './useScreenValues';
 export * from './useTagDetails';

package/dist/hooks/useHas3dAccess.d.ts

@@ -0,0 +1 @@
+export declare function useHas3dAccess(plantCode?: string): boolean;

package/dist/hooks/usePlantAvailableIn3d.d.ts

@@ -0,0 +1 @@
+export declare function usePlantAvailableIn3d(plantCode?: string): boolean;

package/dist/hooks/usePlantAvailableIn3dWeb.d.ts

@@ -0,0 +1 @@
+export declare function usePlantAvailableIn3dWeb(plantCode?: string): boolean;

package/dist/index.css

@@ -1 +1 @@
-:root{--xSmall:0.25rem;--small:0.5rem;--medium:1rem;--large:1.5rem;--xLarge:2rem;--black:#000;--white:#fff;--equiBlue1:#233746;--equiBlue2:#d7e1ed;--equiBlue3:#d5eaf4;--equiGray1:#87929a;--equiGray2:#b4bbc0;--equiGray3:#d1d5d8;--equiGray4:#e3e6e8;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--onGoing:#fbca36;--done:#4bb748;--asBuilt:#007079;--planned:#4bb748;--future:#52c0ff;--historic:#ff7d98;--outOfService:#ff9200;--reserved:#243746;--voided:#eb0000;--default:#dcdcdc;--ok:#23ef2a;--os:#adaead;--pa:#f94693;--pb:#fd0;--unknown:#525252;--rfccSent:#bcf316;--rfccPartly:#c7f316;--rfcc:#60f316;--rfocSent:#0dccf2;--rfocPartly:#1accf2;--rfoc:#0d59f2;--rfccRejected:#ff1243;--rfocRejected:#ff1243;--handoverError:#eb0000;--priorityHigh:#ff1243;--priorityMedium:#fbca36;--systems:#d5eaf4;--locations:#3eb54a;--warningText:#ad6200;--warningIcon:#ff9200;--warningBackground:#ffe7d6;--dropDownButtonBackground:#f0f0f0;--dropDownTextColor:grey;--searchBarBackground:#f7f7f7;--highSeverity:#ffc1c1;--mediumSeverity:#ffe7d6;--lowSeverity:#dce6ee;--defaultSeverity:#d5eaf4;--highSeverityText:#eb0000;--mediumSeverityText:#52c0ff;--lowSeverityText:#4bb748;--defaultSeverityText:#3d3d3d;--toggleActive:#4bb748;--toggleInactive:#b30d2f;--hoverIcon:#004f55;--tertiaryText:#6f6f6f}#root,body,html{height:100%;overflow:hidden;width:100%}html[data-theme=dark]{--equiGreen1:#006f79}body,h1,h2,h3,h4,h5,h6,label,p{color:var(--echoText)}body,html,span{font-family:Equinor!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:5px}::-webkit-scrollbar-thumb{background:#007079;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004f55}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{--xSmall:0.25rem;--small:0.5rem;--medium:1rem;--large:1.5rem;--xLarge:2rem;--black:#000;--white:#fff;--equiBlue1:#233746;--equiBlue2:#d7e1ed;--equiBlue3:#d5eaf4;--equiGray1:#87929a;--equiGray2:#b4bbc0;--equiGray3:#d1d5d8;--equiGray4:#e3e6e8;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--onGoing:#fbca36;--done:#4bb748;--asBuilt:#007079;--planned:#4bb748;--future:#52c0ff;--historic:#ff7d98;--outOfService:#ff9200;--reserved:#243746;--voided:#eb0000;--default:#dcdcdc;--ok:#23ef2a;--os:#adaead;--pa:#f94693;--pb:#fd0;--unknown:#525252;--rfccSent:#bcf316;--rfccPartly:#c7f316;--rfcc:#60f316;--rfocSent:#0dccf2;--rfocPartly:#1accf2;--rfoc:#0d59f2;--rfccRejected:#ff1243;--rfocRejected:#ff1243;--handoverError:#eb0000;--priorityHigh:#ff1243;--priorityMedium:#fbca36;--systems:#d5eaf4;--locations:#3eb54a;--warningText:#ad6200;--warningIcon:#ff9200;--warningBackground:#ffe7d6;--dropDownButtonBackground:#f0f0f0;--dropDownTextColor:grey;--searchBarBackground:#f7f7f7;--highSeverity:#ffc1c1;--mediumSeverity:#ffe7d6;--lowSeverity:#dce6ee;--defaultSeverity:#d5eaf4;--highSeverityText:#eb0000;--mediumSeverityText:#52c0ff;--lowSeverityText:#4bb748;--defaultSeverityText:#3d3d3d;--toggleActive:#4bb748;--toggleInactive:#b30d2f;--hoverIcon:#004f55;--tertiaryText:#6f6f6f;--dividerColor:#dcdcdc}#root,body,html{height:100%;overflow:hidden;width:100%}html[data-theme=dark]{--equiGreen1:#006f79}body,h1,h2,h3,h4,h5,h6,label,p{color:var(--echoText)}body,html,span{font-family:Equinor!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:5px}::-webkit-scrollbar-thumb{background:#007079;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004f55}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/dist/index.d.ts

@@ -48,6 +48,9 @@ declare const EchoFramework: Readonly<{
         useEchoHistory(): (path: string, params?: {
             [key: string]: string;
         } | undefined, state?: any) => void;
+        useHas3dAccess(plantCode?: string | undefined): boolean;
+        usePlantAvailableIn3d(plantCode?: string | undefined): boolean;
+        usePlantAvailableIn3dWeb(plantCode?: string | undefined): boolean;
         useScreenOrientation(): import("./types/hookLibrary").ScreenOrientation;
         useScreenValues(): {
             isScreenMobileSize: boolean;