@equinor/echo-framework 0.9.20 → 0.10.0-rc1

package/dist/components/containers/layouts.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
+export declare type LayoutKey = 'main' | 'nativePdf' | 'colorLayout' | undefined;
 export interface LayoutProps {
+    layoutKey?: string;
     children: React.ReactNode;
 }
-export declare const MainLayout: React.FC<LayoutProps>;
-export declare const ColorLayout: React.FC<LayoutProps>;
-export declare const PdfViewerNative: React.FC<LayoutProps>;
-export declare const CameraLayout: React.FC<LayoutProps>;
-export declare const DefaultLayout: React.FC<LayoutProps>;
+export declare const Layout: React.FC<LayoutProps>;

package/dist/components/panel/corePanelLeft.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const CorePanelLeft: React.FC;
+interface CorePanelLeftProps {
+    isToggleButtonVisible?: boolean;
+}
+declare const CorePanelLeft: React.FC<CorePanelLeftProps>;
 export default CorePanelLeft;

package/dist/components/panel/corePanelRight.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const _default: React.NamedExoticComponent<{}>;
+interface CorePanelRightProps {
+    isToggleButtonVisible?: boolean;
+}
+declare const _default: React.NamedExoticComponent<CorePanelRightProps>;
 export default _default;

package/dist/components/router/echoRoute.d.ts

@@ -1,9 +1,8 @@
 import { AppComponentProps, WrappedComponent } from '@equinor/echo-core';
 import React, { ErrorInfo } from 'react';
-import { LayoutProps } from '../containers/layouts';
 interface EchoRouteProps {
     component: WrappedComponent<AppComponentProps>;
-    layout: React.FC<LayoutProps>;
+    layoutKey?: string;
     path: string;
     errorHandler?: (error: Error, errorInfo: ErrorInfo) => void;
     exactPath?: boolean;

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

@@ -1,4 +1,3 @@
 export * from './echoRoute';
 export * from './echoRouter';
 export * from './routes';
-export * from './useLayout';

package/dist/coreApplication/EchoBarComponent.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface EchoBottomBarProps {
+    isBottomBarVisible: boolean;
+    activeAppMenuItem: string;
+    updateActiveAppMenuItem: (newActiveAppMenuItem: string) => void;
+}
+interface EchoBottomBarButtonProps {
+    name: string;
+    isActive: boolean;
+    onButtonClick: (name: string) => void;
+    label?: string;
+    iconClassName?: string;
+}
+export declare const EchoBottomBarButton: React.FC<EchoBottomBarButtonProps>;
+export declare const EchoBarComponent: React.FC<EchoBottomBarProps>;
+declare const _default: React.NamedExoticComponent<EchoBottomBarProps>;
+export default _default;

package/dist/coreApplication/EchoContent.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 interface CorePanelsProps {
     children: React.ReactNode;
-    isLeftAndRightPanelHidden?: boolean;
     Legend?: React.FC;
 }
 export declare const EchoContent: React.FC<CorePanelsProps>;

package/dist/coreApplication/EchoUserInterfaceContextProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface EchoUiContextState {
+    activeAppMenuItem: string;
+    isLegendActive: boolean | undefined;
+    updateActiveAppMenuItem: (newActiveAppMenuItem: string) => void;
+    updateIsLegendActive: (isLegendActive: boolean) => void;
+}
+export declare const useEchoUiContext: () => EchoUiContextState;
+interface EchoUiContextProviderProps {
+    children: React.ReactNode;
+}
+export declare const EchoUiContextProvider: React.FC<EchoUiContextProviderProps>;
+export {};

package/dist/coreApplication/index.d.ts

@@ -1,3 +1,5 @@
+export * from './EchoBarComponent';
 export * from './EchoContent';
 export * from './EchoContentPanels';
 export * from './EchoEventHandler';
+export * from './EchoUserInterfaceContextProvider';

package/dist/hooks/index.d.ts

@@ -1,2 +1,4 @@
 export * from './useEchoHistory';
+export * from './useScreenOrientation';
+export * from './useScreenValues';
 export * from './useTagDetails';

package/dist/hooks/useIsCompactLayout.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook for checking if the current size of the browser window is mobile size.
+ * @returns {boolean} If the current screen is below threshold or not.
+ */
+export declare function useIsCompactLayout(isLandscape: boolean): boolean;

package/dist/hooks/useScreenOrientation.d.ts

@@ -0,0 +1,5 @@
+import { ScreenOrientation } from '../types/hookLibrary';
+/**
+ * @returns {ScreenOrientation}
+ */
+export declare function useScreenOrientation(): ScreenOrientation;

package/dist/hooks/useScreenValues.d.ts

@@ -0,0 +1,13 @@
+import { ScreenOrientation } from '../types/hookLibrary';
+/**
+ * Provides screen values for current screen.
+ *
+ * @returns {boolean} response.isScreenMobileSize If the device screen is small or not
+ * @returns {ScreenOrientation} response.screenOrientation
+ */
+declare type DeviceValues = {
+    isScreenMobileSize: boolean;
+    screenOrientation: ScreenOrientation;
+};
+export declare function useScreenValues(): DeviceValues;
+export {};

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Get the current size of the browser window.
+ * @returns {width?: number; height?: number} Width and height of the current browser size.
+
+ */
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/dist/index.d.ts

@@ -6,6 +6,9 @@ import { getLegendStatusColor } from './utils/legendUtils';
 export * from './components';
 export * from './coreApplication';
 export { RegisteredHookName } from './hooks/hookLibrary';
+export { useIsCompactLayout } from './hooks/useIsCompactLayout';
+export { useScreenOrientation } from './hooks/useScreenOrientation';
+export { useScreenValues } from './hooks/useScreenValues';
 export { RegisteredComponentName } from './services/componentRegistry/componentRegistry';
 export * from './services/eventHubActions';
 export * from './theme/themeConst';
@@ -36,6 +39,11 @@ declare const EchoFramework: Readonly<{
         useEchoHistory(): (path: string, params?: {
             [key: string]: string;
         } | undefined, state?: any) => void;
+        useScreenOrientation(): import("./types/hookLibrary").ScreenOrientation;
+        useScreenValues(): {
+            isScreenMobileSize: boolean;
+            screenOrientation: import("./types/hookLibrary").ScreenOrientation;
+        };
         useTagDetails({ instCode, tagNo }: {
             tagNo: string;
             instCode: string;