@equinor/echo-framework 0.11.0-rc13 → 0.11.0-rc15

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/info/section/longText/LongTextSection.d.ts

@@ -4,5 +4,5 @@ interface Props {
     toggleLongText: () => void;
     isPunch?: boolean;
 }
-declare function LongTextSection({ text, toggleLongText, isPunch }: Props): JSX.Element;
+declare function LongTextSection({ text, toggleLongText }: Props): JSX.Element;
 export { LongTextSection };

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

@@ -2,6 +2,7 @@
 interface TagNoProps {
     tagNo: string;
     className?: string;
+    replaceLastNavigationItem?: boolean;
 }
-export declare const TagNumber: ({ tagNo, className }: TagNoProps) => JSX.Element;
-export default TagNumber;
+export declare const TagNumber: ({ tagNo, className, replaceLastNavigationItem }: TagNoProps) => JSX.Element;
+export {};

package/dist/coreApplication/EchoToolBar.d.ts

@@ -1,3 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
+export interface SidebarButtonListType {
+    buttonTitle: string;
+    onClick: () => void;
+    iconName: string;
+    iconColor: string;
+    isVisible: boolean;
+    active: boolean;
+}
 export declare const EchoToolBar: () => JSX.Element;
-export default EchoToolBar;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/dist/coreApplication/EchoUserInterfaceStore.d.ts

@@ -15,3 +15,7 @@ export interface EchoUiState {
     updateShowPlantNameContent: (showPlantNameContent: boolean) => void;
 }
 export declare const useEchoUserInterfaceStore: zustand.UseBoundStore<zustand.StoreApi<EchoUiState>>;
+/**
+ * @deprecated renamed to useEchoUserInterfaceStore
+ */
+export declare const useEchoUiContext: zustand.UseBoundStore<zustand.StoreApi<EchoUiState>>;

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

@@ -10,7 +10,11 @@ export { useIsCompactLayout } from './hooks/useIsCompactLayout';
 export { useScreenOrientation } from './hooks/useScreenOrientation';
 export { useScreenValues } from './hooks/useScreenValues';
 export { RegisteredComponentName } from './services/componentRegistry/componentRegistry';
+export { DetailedDeviceInformationProvider, detailedDeviceInformationProvider } from './services/deviceInformation/deepDeviceInfo';
+export { deviceInfo, DeviceInformation } from './services/deviceInformation/deviceInfo';
 export * from './services/eventHubActions';
+export * from './services/searchItemDetails/searchItemDetails.store';
+export { SearchItemDetailsContainer } from './services/searchItemDetails/searchItemDetailsContainer';
 export * from './theme/themeConst';
 export type { EchoHubPlant } from './types/echoHubPlant';
 export * from './types/eventTypes';
@@ -36,9 +40,17 @@ declare const EchoFramework: Readonly<{
         }>;
     }>;
     Hooks: Readonly<{
+        searchItems: Readonly<{
+            useSearchItemDetailsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<import("./services/searchItemDetails/searchItemDetails.store").SearchItemDetailsState>, "setState"> & {
+                setState(nextStateOrUpdater: import("./services/searchItemDetails/searchItemDetails.store").SearchItemDetailsState | Partial<import("./services/searchItemDetails/searchItemDetails.store").SearchItemDetailsState> | ((state: import("immer/dist/internal").WritableDraft<import("./services/searchItemDetails/searchItemDetails.store").SearchItemDetailsState>) => void), shouldReplace?: boolean | undefined): void;
+            }>;
+        }>;
         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;
@@ -60,7 +72,19 @@ declare const EchoFramework: Readonly<{
         useSetActiveMcPackNo: () => import("./types/hookLibrary").SetActiveMcPackNo;
     }>;
     EchopediaComponentLibrary: Readonly<{
+        /**
+         * @deprecated Please use 'getTagListItem()' instead - that supports the new search flow
+         * Returns with the TagItem component, which is used in EchopediaWeb's search panel
+         * and pdf side drawer when listing out tags.
+         * @returns {React.FC<any>} legacy TagItem component
+         */
         getTagItem: () => import("react").FunctionComponent<any>;
+        /**
+         * Returns with the TagItem component, which is used in EchopediaWeb's search panel
+         * and pdf side drawer when listing out tags.
+         * @returns {React.FC<any>} TagListItem component
+         */
+        getTagListItem: () => import("react").FunctionComponent<any>;
     }>;
     APIs: Readonly<{
         getPlantsInfo: typeof getPlantsInfo;