@equinor/echo-framework 0.9.5 → 0.9.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/containers/layouts.d.ts +5 -3
- package/dist/components/panel/corePanelLeft.d.ts +1 -4
- package/dist/components/panel/corePanelRight.d.ts +1 -4
- package/dist/components/router/echoRoute.d.ts +2 -2
- package/dist/components/router/index.d.ts +1 -0
- package/dist/components/router/useLayout.d.ts +3 -0
- package/dist/coreApplication/index.d.ts +0 -1
- package/dist/hooks/hookLibrary.d.ts +2 -13
- package/dist/hooks/index.d.ts +0 -2
- package/dist/index.d.ts +1 -14
- package/dist/src/components/containers/layout.module.css.js +2 -6
- package/dist/src/components/containers/layouts.js +36 -67
- package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToTr2000.js +0 -2
- package/dist/src/components/footer/footer.module.css.js +1 -1
- package/dist/src/components/panel/corePanelLeft.js +2 -5
- package/dist/src/components/panel/corePanelLeft.module.css.js +1 -1
- package/dist/src/components/panel/corePanelRight.js +2 -5
- package/dist/src/components/panel/corePanelRight.module.css.js +1 -1
- package/dist/src/components/router/echoRoute.js +3 -9
- package/dist/src/components/router/routes.js +4 -1
- package/dist/src/components/router/useLayout.js +32 -0
- package/dist/src/coreApplication/EchoContent.js +1 -21
- package/dist/src/globalStyles.css.js +1 -1
- package/dist/src/hooks/hookLibrary.js +0 -17
- package/dist/src/hooks/index.js +0 -6
- package/dist/src/index.js +8 -19
- package/dist/src/index2.js +26 -37
- package/dist/src/types/legend.js +1 -0
- package/dist/src/utils/legendUtils.js +1 -1
- package/dist/types/hookLibrary.d.ts +0 -5
- package/dist/types/legend.d.ts +2 -1
- package/package.json +3 -3
- package/dist/_virtual/index.js +0 -9
- package/dist/coreApplication/EchoBarComponent.d.ts +0 -12
- package/dist/hooks/useIsCompactLayout.d.ts +0 -5
- package/dist/hooks/useScreenOrientation.d.ts +0 -5
- package/dist/hooks/useScreenValues.d.ts +0 -17
- package/dist/hooks/useWindowSize.d.ts +0 -9
- package/dist/node_modules/classnames/index.js +0 -67
- package/dist/src/coreApplication/EchoBarComponent.js +0 -182
- package/dist/src/coreApplication/EchoContent.module.css.js +0 -17
- package/dist/src/hooks/useIsCompactLayout.js +0 -47
- package/dist/src/hooks/useScreenOrientation.js +0 -62
- package/dist/src/hooks/useScreenValues.js +0 -48
- package/dist/src/hooks/useWindowSize.js +0 -62
package/dist/src/index.js
CHANGED
|
@@ -8,12 +8,6 @@ var index = require('./index2.js');
|
|
|
8
8
|
|
|
9
9
|
var hookLibrary = require('./hooks/hookLibrary.js');
|
|
10
10
|
|
|
11
|
-
var useIsCompactLayout = require('./hooks/useIsCompactLayout.js');
|
|
12
|
-
|
|
13
|
-
var useScreenOrientation = require('./hooks/useScreenOrientation.js');
|
|
14
|
-
|
|
15
|
-
var useScreenValues = require('./hooks/useScreenValues.js');
|
|
16
|
-
|
|
17
11
|
var componentRegistry = require('./services/componentRegistry/componentRegistry.js');
|
|
18
12
|
|
|
19
13
|
var legend = require('./types/legend.js');
|
|
@@ -74,14 +68,14 @@ var echoRouter = require('./components/router/echoRouter.js');
|
|
|
74
68
|
|
|
75
69
|
var routes = require('./components/router/routes.js');
|
|
76
70
|
|
|
71
|
+
var useLayout = require('./components/router/useLayout.js');
|
|
72
|
+
|
|
77
73
|
var tagNumber = require('./components/tagNumber/tagNumber.js');
|
|
78
74
|
|
|
79
75
|
var toaster = require('./components/toaster/toaster.js');
|
|
80
76
|
|
|
81
77
|
var toasters = require('./components/toaster/toasters.js');
|
|
82
78
|
|
|
83
|
-
var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
|
|
84
|
-
|
|
85
79
|
var EchoContent = require('./coreApplication/EchoContent.js');
|
|
86
80
|
|
|
87
81
|
var EchoContentPanels = require('./coreApplication/EchoContentPanels.js');
|
|
@@ -108,9 +102,6 @@ Object.defineProperty(exports, 'RegisteredHookName', {
|
|
|
108
102
|
return hookLibrary.RegisteredHookName;
|
|
109
103
|
}
|
|
110
104
|
});
|
|
111
|
-
exports.useIsCompactLayout = useIsCompactLayout.useIsCompactLayout;
|
|
112
|
-
exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
|
|
113
|
-
exports.useScreenValues = useScreenValues.useScreenValues;
|
|
114
105
|
Object.defineProperty(exports, 'RegisteredComponentName', {
|
|
115
106
|
enumerable: true,
|
|
116
107
|
get: function get() {
|
|
@@ -141,7 +132,11 @@ exports.valueToEnum = legendUtils.valueToEnum;
|
|
|
141
132
|
exports.ContextualAppLinks = index$1.ContextualAppLinks;
|
|
142
133
|
exports.AppLinks = AppLinks.AppLinks;
|
|
143
134
|
exports.LinkButton = linkButton.LinkButton;
|
|
144
|
-
exports.
|
|
135
|
+
exports.CameraLayout = layouts.CameraLayout;
|
|
136
|
+
exports.ColorLayout = layouts.ColorLayout;
|
|
137
|
+
exports.DefaultLayout = layouts.DefaultLayout;
|
|
138
|
+
exports.MainLayout = layouts.MainLayout;
|
|
139
|
+
exports.PdfViewerNative = layouts.PdfViewerNative;
|
|
145
140
|
exports.ExternalLinkToCommApp = externalLinkToCommApp.ExternalLinkToCommApp;
|
|
146
141
|
exports.ExternalLinkToMcApp = externalLinkToMcApp.ExternalLinkToMcApp;
|
|
147
142
|
exports.ExternalLinkToProCoSys = externalLinkToProCoSys.ExternalLinkToProCoSys;
|
|
@@ -182,16 +177,10 @@ exports.RealTimePopoverButton = RealTimePopoverButton.RealTimePopoverButton;
|
|
|
182
177
|
exports.EchoRoute = echoRoute.EchoRoute;
|
|
183
178
|
exports.EchoRouter = echoRouter.EchoRouter;
|
|
184
179
|
exports.EchoRoutes = routes.EchoRoutes;
|
|
180
|
+
exports.useLayout = useLayout.useLayout;
|
|
185
181
|
exports.TagNumber = tagNumber.TagNumber;
|
|
186
182
|
exports.Toaster = toaster.Toaster;
|
|
187
183
|
exports.Toasters = toasters.Toasters;
|
|
188
|
-
Object.defineProperty(exports, 'BarButtonVariants', {
|
|
189
|
-
enumerable: true,
|
|
190
|
-
get: function get() {
|
|
191
|
-
return EchoBarComponent.BarButtonVariants;
|
|
192
|
-
}
|
|
193
|
-
});
|
|
194
|
-
exports.EchoBarComponent = EchoBarComponent.EchoBarComponent;
|
|
195
184
|
exports.EchoContent = EchoContent.EchoContent;
|
|
196
185
|
exports.mainMenu = EchoContentPanels.mainMenu;
|
|
197
186
|
exports.searchPanel = EchoContentPanels.searchPanel;
|
package/dist/src/index2.js
CHANGED
|
@@ -28,57 +28,49 @@ require('./components/appLinks/AppLinks.module.css.js');
|
|
|
28
28
|
|
|
29
29
|
require('@equinor/echo-components');
|
|
30
30
|
|
|
31
|
-
require('
|
|
32
|
-
|
|
33
|
-
var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
|
|
34
|
-
|
|
35
|
-
require('./components/panel/corePanelLeft.js');
|
|
36
|
-
|
|
37
|
-
require('./components/panel/corePanelRight.js');
|
|
38
|
-
|
|
39
|
-
require('react-router-dom');
|
|
31
|
+
require('./components/containers/layout.module.css.js');
|
|
40
32
|
|
|
41
|
-
require('
|
|
33
|
+
var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
|
|
42
34
|
|
|
43
|
-
require('./
|
|
35
|
+
require('./services/api/api-manager.js');
|
|
44
36
|
|
|
45
|
-
require('./
|
|
37
|
+
require('./services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
|
|
46
38
|
|
|
47
|
-
require('
|
|
39
|
+
require('@equinor/echo-utils');
|
|
48
40
|
|
|
49
|
-
require('./
|
|
41
|
+
var pingableSources = require('./types/pingableSources.js');
|
|
50
42
|
|
|
51
|
-
require('
|
|
43
|
+
var index = require('./components/contextualAppLinks/index.js');
|
|
52
44
|
|
|
53
|
-
require('./components/
|
|
45
|
+
require('./components/echoLogo/echoLogo.module.css.js');
|
|
54
46
|
|
|
55
|
-
require('./
|
|
47
|
+
var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
|
|
56
48
|
|
|
57
|
-
require('./components/
|
|
49
|
+
var footer = require('./components/footer/footer.js');
|
|
58
50
|
|
|
59
|
-
require('
|
|
51
|
+
require('@equinor/eds-core-react');
|
|
60
52
|
|
|
61
|
-
require('./
|
|
53
|
+
require('./components/lazyLoading/appLoadingIndicator.module.css.js');
|
|
62
54
|
|
|
63
|
-
require('
|
|
55
|
+
require('@equinor/echo-base');
|
|
64
56
|
|
|
65
|
-
|
|
57
|
+
require('./components/pageMenu/accordionItem.module.css.js');
|
|
66
58
|
|
|
67
|
-
require('
|
|
59
|
+
require('react-router-dom');
|
|
68
60
|
|
|
69
|
-
require('
|
|
61
|
+
require('./components/pageMenu/Navigation/applicationList.module.css.js');
|
|
70
62
|
|
|
71
|
-
|
|
63
|
+
require('./components/pageMenu/pageMenu.module.css.js');
|
|
72
64
|
|
|
73
|
-
|
|
65
|
+
require('./components/pageMenu/pageMenuDrawerItem.module.css.js');
|
|
74
66
|
|
|
75
|
-
require('./components/
|
|
67
|
+
require('./components/pageMenu/settings/settings.module.css.js');
|
|
76
68
|
|
|
77
|
-
|
|
69
|
+
require('./components/pageMenu/version/version.module.css.js');
|
|
78
70
|
|
|
79
|
-
|
|
71
|
+
require('./components/panel/corePanelLeft.js');
|
|
80
72
|
|
|
81
|
-
require('./components/
|
|
73
|
+
require('./components/panel/corePanelRight.js');
|
|
82
74
|
|
|
83
75
|
var panelButton = require('./components/panelButton/panelButton.js');
|
|
84
76
|
|
|
@@ -112,10 +104,14 @@ require('../node_modules/tiny-warning/dist/tiny-warning.esm.js');
|
|
|
112
104
|
|
|
113
105
|
require('../node_modules/tiny-invariant/dist/tiny-invariant.esm.js');
|
|
114
106
|
|
|
107
|
+
require('./components/searchMenu/searchMenu.module.css.js');
|
|
108
|
+
|
|
115
109
|
require('./components/tagNumber/tagNo.module.css.js');
|
|
116
110
|
|
|
117
111
|
require('./components/toaster/toaster.module.css.js');
|
|
118
112
|
|
|
113
|
+
require('./coreApplication/EchoEventHandler.module.css.js');
|
|
114
|
+
|
|
119
115
|
var extensions = require('./types/extensions.js');
|
|
120
116
|
|
|
121
117
|
var legend = require('./types/legend.js');
|
|
@@ -155,13 +151,6 @@ exports.getLegendStatusColor = legendUtils.getLegendStatusColor;
|
|
|
155
151
|
exports.legendTypeToLegendStatus = legendUtils.legendTypeToLegendStatus;
|
|
156
152
|
exports.valueToEnum = legendUtils.valueToEnum;
|
|
157
153
|
exports.goToExternalLink = navigationUtils.goToExternalLink;
|
|
158
|
-
Object.defineProperty(exports, 'BarButtonVariants', {
|
|
159
|
-
enumerable: true,
|
|
160
|
-
get: function get() {
|
|
161
|
-
return EchoBarComponent.BarButtonVariants;
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
exports.EchoBarComponent = EchoBarComponent.EchoBarComponent;
|
|
165
154
|
exports.ExternalLinkButton = externalLinkButton.ExternalLinkButton;
|
|
166
155
|
Object.defineProperty(exports, 'ExternalLinkButtonStyle', {
|
|
167
156
|
enumerable: true,
|
package/dist/src/types/legend.js
CHANGED
|
@@ -54,4 +54,5 @@ exports.LegendType = void 0;
|
|
|
54
54
|
LegendType["WorkOrders"] = "WorkOrders";
|
|
55
55
|
LegendType["ValvePosition"] = "ValvePosition";
|
|
56
56
|
LegendType["MeasuringPosition"] = "MeasuringPosition";
|
|
57
|
+
LegendType["WorkPermit"] = "WorkPermit";
|
|
57
58
|
})(exports.LegendType || (exports.LegendType = {}));
|
|
@@ -139,7 +139,7 @@ function getLegendStatusColor() {
|
|
|
139
139
|
function legendTypeToLegendStatus(legendType, status) {
|
|
140
140
|
if (!status) return legend.LegendStatus.Unknown;
|
|
141
141
|
|
|
142
|
-
if (legendType === legend.LegendType.CommPk || legendType === legend.LegendType.CommPkStatus || legendType === legend.LegendType.Notifications || legendType === legend.LegendType.WorkOrders || legendType === legend.LegendType.ValvePosition || legendType === legend.LegendType.MeasuringPosition) {
|
|
142
|
+
if (legendType === legend.LegendType.CommPk || legendType === legend.LegendType.CommPkStatus || legendType === legend.LegendType.Notifications || legendType === legend.LegendType.WorkOrders || legendType === legend.LegendType.ValvePosition || legendType === legend.LegendType.MeasuringPosition || legendType === legend.LegendType.WorkPermit) {
|
|
143
143
|
return status;
|
|
144
144
|
} else {
|
|
145
145
|
return valueToEnum(status, legend.LegendStatus);
|
|
@@ -2,8 +2,3 @@ export declare type SetActiveTagNo = (tagNo: string, activeTagTab?: string, acti
|
|
|
2
2
|
export declare type TagData = [(tagNo: string, instCode: string) => void];
|
|
3
3
|
export declare type SetActiveCommPackNo = (commPackNo: string, activeCommPackProject: string, activeCommPackTab?: string, activeCommPackSubTab?: string) => void;
|
|
4
4
|
export declare type SetActiveMcPackNo = (mcPackNo: string, activeMcPackProject: string, activeMcPackTab?: string, activeMcPackSubTab?: string) => void;
|
|
5
|
-
export interface DeviceOrientation {
|
|
6
|
-
portrait: boolean;
|
|
7
|
-
landscape: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare type ScreenOrientation = 'landscape' | 'portrait' | undefined;
|
package/dist/types/legend.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/echo-framework",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.8",
|
|
4
4
|
"description": "Modules and components for EchoWeb, utilizing EchoCore",
|
|
5
5
|
"main": "dist/src/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@equinor/echo-base": "^0.6.8",
|
|
38
38
|
"@equinor/echo-components": "^0.4.0",
|
|
39
|
-
"@equinor/echo-core": "^0.6.
|
|
39
|
+
"@equinor/echo-core": "^0.6.16",
|
|
40
40
|
"@equinor/echo-search": "^0.12.4",
|
|
41
41
|
"@equinor/echo-utils": "^0.2.11",
|
|
42
42
|
"@equinor/eds-core-react": "^0.19.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@babel/preset-react": "^7.17.12",
|
|
52
52
|
"@equinor/echo-base": "^0.6.8",
|
|
53
53
|
"@equinor/echo-components": "^0.4.0",
|
|
54
|
-
"@equinor/echo-core": "^0.6.
|
|
54
|
+
"@equinor/echo-core": "^0.6.16",
|
|
55
55
|
"@equinor/echo-scripts": "^0.1.5",
|
|
56
56
|
"@equinor/echo-search": "^0.12.4",
|
|
57
57
|
"@equinor/echo-update": "^1.3.0",
|
package/dist/_virtual/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare enum BarButtonVariants {
|
|
3
|
-
Home = "home",
|
|
4
|
-
Search = "search",
|
|
5
|
-
Camera = "camera",
|
|
6
|
-
Menu = "menu"
|
|
7
|
-
}
|
|
8
|
-
interface EchoBottomBarProps {
|
|
9
|
-
isBottomBarVisible: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const EchoBarComponent: React.FC<EchoBottomBarProps>;
|
|
12
|
-
export default EchoBarComponent;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { DeviceOrientation, ScreenOrientation } from '../types/hookLibrary';
|
|
2
|
-
/**
|
|
3
|
-
* Provides screen values for current screen.
|
|
4
|
-
*
|
|
5
|
-
* @returns {Object} response
|
|
6
|
-
* @returns {boolean} response.isWeb If Echo is used on web or on the device.
|
|
7
|
-
* @returns {DeviceOrientation} response.screenOrientationDevice
|
|
8
|
-
* @returns {ScreenOrientation} response.screenOrientationWeb
|
|
9
|
-
*/
|
|
10
|
-
declare type DeviceValues = {
|
|
11
|
-
isWeb: boolean;
|
|
12
|
-
isScreenMobileSize: boolean;
|
|
13
|
-
screenOrientationDevice: DeviceOrientation;
|
|
14
|
-
screenOrientationWeb: ScreenOrientation;
|
|
15
|
-
};
|
|
16
|
-
export declare function useScreenValues(): DeviceValues;
|
|
17
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get the current size of the browser window.
|
|
3
|
-
* @returns {width?: number; height?: number} Width and height of the current browser window size.
|
|
4
|
-
* Returns undefined if there is no window object (for example: executed on server side)
|
|
5
|
-
*/
|
|
6
|
-
export declare function useWindowSize(): {
|
|
7
|
-
width?: number;
|
|
8
|
-
height?: number;
|
|
9
|
-
};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, '__esModule', {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
var index = require('../../_virtual/index.js');
|
|
10
|
-
/*!
|
|
11
|
-
Copyright (c) 2018 Jed Watson.
|
|
12
|
-
Licensed under the MIT License (MIT), see
|
|
13
|
-
http://jedwatson.github.io/classnames
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(function (module) {
|
|
18
|
-
/* global define */
|
|
19
|
-
(function () {
|
|
20
|
-
var hasOwn = {}.hasOwnProperty;
|
|
21
|
-
|
|
22
|
-
function classNames() {
|
|
23
|
-
var classes = [];
|
|
24
|
-
|
|
25
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
26
|
-
var arg = arguments[i];
|
|
27
|
-
if (!arg) continue;
|
|
28
|
-
|
|
29
|
-
var argType = _typeof(arg);
|
|
30
|
-
|
|
31
|
-
if (argType === 'string' || argType === 'number') {
|
|
32
|
-
classes.push(arg);
|
|
33
|
-
} else if (Array.isArray(arg)) {
|
|
34
|
-
if (arg.length) {
|
|
35
|
-
var inner = classNames.apply(null, arg);
|
|
36
|
-
|
|
37
|
-
if (inner) {
|
|
38
|
-
classes.push(inner);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
} else if (argType === 'object') {
|
|
42
|
-
if (arg.toString === Object.prototype.toString) {
|
|
43
|
-
for (var key in arg) {
|
|
44
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
45
|
-
classes.push(key);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
} else {
|
|
49
|
-
classes.push(arg.toString());
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
return classes.join(' ');
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
if (module.exports) {
|
|
58
|
-
classNames["default"] = classNames;
|
|
59
|
-
module.exports = classNames;
|
|
60
|
-
} else {
|
|
61
|
-
window.classNames = classNames;
|
|
62
|
-
}
|
|
63
|
-
})();
|
|
64
|
-
})(index.classnames);
|
|
65
|
-
|
|
66
|
-
var classNames = index.classnames.exports;
|
|
67
|
-
exports["default"] = classNames;
|
|
@@ -1,182 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
-
|
|
7
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
-
|
|
9
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(exports, '__esModule', {
|
|
18
|
-
value: true
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
var echoBase = require('@equinor/echo-base');
|
|
22
|
-
|
|
23
|
-
var echoComponents = require('@equinor/echo-components');
|
|
24
|
-
|
|
25
|
-
var EchoCore = require('@equinor/echo-core');
|
|
26
|
-
|
|
27
|
-
var EchoUtils = require('@equinor/echo-utils');
|
|
28
|
-
|
|
29
|
-
var edsCoreReact = require('@equinor/eds-core-react');
|
|
30
|
-
|
|
31
|
-
var React = require('react');
|
|
32
|
-
|
|
33
|
-
var reactRouterDom = require('react-router-dom');
|
|
34
|
-
|
|
35
|
-
var hookLibrary = require('../hooks/hookLibrary.js');
|
|
36
|
-
|
|
37
|
-
var logo_ee = require('../icons/logo_ee.js');
|
|
38
|
-
|
|
39
|
-
var EchoContent_module = require('./EchoContent.module.css.js');
|
|
40
|
-
|
|
41
|
-
function _interopDefaultLegacy(e) {
|
|
42
|
-
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
43
|
-
'default': e
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
var EchoUtils__default = /*#__PURE__*/_interopDefaultLegacy(EchoUtils);
|
|
48
|
-
|
|
49
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
50
|
-
|
|
51
|
-
exports.BarButtonVariants = void 0;
|
|
52
|
-
|
|
53
|
-
(function (BarButtonVariants) {
|
|
54
|
-
BarButtonVariants["Home"] = "home";
|
|
55
|
-
BarButtonVariants["Search"] = "search";
|
|
56
|
-
BarButtonVariants["Camera"] = "camera";
|
|
57
|
-
BarButtonVariants["Menu"] = "menu";
|
|
58
|
-
})(exports.BarButtonVariants || (exports.BarButtonVariants = {}));
|
|
59
|
-
|
|
60
|
-
var EchoBarComponent = function EchoBarComponent(_ref) {
|
|
61
|
-
var isBottomBarVisible = _ref.isBottomBarVisible;
|
|
62
|
-
var useStateSafe = EchoUtils__default["default"].Hooks.useStateSafe;
|
|
63
|
-
|
|
64
|
-
var _React$useState = React.useState(''),
|
|
65
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
66
|
-
activeKey = _React$useState2[0],
|
|
67
|
-
setActiveKey = _React$useState2[1];
|
|
68
|
-
|
|
69
|
-
var _useStateSafe = useStateSafe(false),
|
|
70
|
-
_useStateSafe2 = _slicedToArray(_useStateSafe, 2),
|
|
71
|
-
isSyncing = _useStateSafe2[0],
|
|
72
|
-
setIsSyncing = _useStateSafe2[1];
|
|
73
|
-
|
|
74
|
-
var _EchoCore$usePanels = EchoCore.usePanels(),
|
|
75
|
-
setActivePanel = _EchoCore$usePanels.setActivePanel,
|
|
76
|
-
activePanel = _EchoCore$usePanels.activePanel;
|
|
77
|
-
/* Use this call once the new camera is ready */
|
|
78
|
-
// const goToInternalLink = useInternalLink();
|
|
79
|
-
// goToInternalLink(InternalApplicationLinks.OnlineCamera);
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var goToCameraLink = hookLibrary.HookLibrary.useInternalLinkToScan();
|
|
83
|
-
|
|
84
|
-
var _EchoCore$usePlantSet = EchoCore.usePlantSettings(),
|
|
85
|
-
selectedInstCode = _EchoCore$usePlantSet.instCode;
|
|
86
|
-
|
|
87
|
-
var history = reactRouterDom.useHistory();
|
|
88
|
-
React.useEffect(function () {
|
|
89
|
-
var unSubscribeSyncing = echoBase.eventHub.subscribe('isSyncing', function (active) {
|
|
90
|
-
setIsSyncing(active);
|
|
91
|
-
});
|
|
92
|
-
return function () {
|
|
93
|
-
unSubscribeSyncing();
|
|
94
|
-
};
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
var onClickButton = function onClickButton(key) {
|
|
98
|
-
setActivePanel('');
|
|
99
|
-
|
|
100
|
-
if (key === activeKey) {
|
|
101
|
-
if (key === exports.BarButtonVariants.Menu || exports.BarButtonVariants.Search) {
|
|
102
|
-
setActivePanel('');
|
|
103
|
-
} else {
|
|
104
|
-
history.goBack();
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
setActiveKey('');
|
|
108
|
-
} else {
|
|
109
|
-
setActiveKey(key);
|
|
110
|
-
|
|
111
|
-
switch (key) {
|
|
112
|
-
case exports.BarButtonVariants.Home:
|
|
113
|
-
return history.push("/?instCode=".concat(selectedInstCode));
|
|
114
|
-
|
|
115
|
-
case exports.BarButtonVariants.Search:
|
|
116
|
-
return setActivePanel(EchoCore.ECHO_CORE_SEARCH);
|
|
117
|
-
|
|
118
|
-
case exports.BarButtonVariants.Camera:
|
|
119
|
-
return goToCameraLink();
|
|
120
|
-
|
|
121
|
-
case exports.BarButtonVariants.Menu:
|
|
122
|
-
return setActivePanel(EchoCore.ECHO_CORE_MAIN);
|
|
123
|
-
|
|
124
|
-
default:
|
|
125
|
-
return null;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
setActiveKey('');
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
var EchoIcon = logo_ee.icon;
|
|
133
|
-
return isBottomBarVisible ? /*#__PURE__*/React__default["default"].createElement(echoComponents.EchoBottomBar, {
|
|
134
|
-
style: {
|
|
135
|
-
zIndex: 'var( --echo-framework-z-level-bottom-bar)'
|
|
136
|
-
}
|
|
137
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
138
|
-
className: "".concat(EchoContent_module["default"].barButtons)
|
|
139
|
-
}, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
|
|
140
|
-
variant: "ghost_icon",
|
|
141
|
-
onClick: function onClick() {
|
|
142
|
-
return onClickButton(exports.BarButtonVariants.Home);
|
|
143
|
-
}
|
|
144
|
-
}, /*#__PURE__*/React__default["default"].createElement(EchoIcon, null))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
145
|
-
className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'search' && activePanel === 'echoCoreSearch' ? EchoContent_module["default"].activeBottomBarButton : '')
|
|
146
|
-
}, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
|
|
147
|
-
variant: "ghost_icon",
|
|
148
|
-
onClick: function onClick() {
|
|
149
|
-
return onClickButton(exports.BarButtonVariants.Search);
|
|
150
|
-
}
|
|
151
|
-
}, /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
|
|
152
|
-
name: 'search',
|
|
153
|
-
color: echoComponents.themeConst.echoText
|
|
154
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
155
|
-
className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'camera' && EchoContent_module["default"].activeBottomBarButton)
|
|
156
|
-
}, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
|
|
157
|
-
variant: "ghost_icon",
|
|
158
|
-
onClick: function onClick() {
|
|
159
|
-
return onClickButton(exports.BarButtonVariants.Camera);
|
|
160
|
-
}
|
|
161
|
-
}, /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
|
|
162
|
-
name: 'camera',
|
|
163
|
-
color: echoComponents.themeConst.echoText
|
|
164
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
165
|
-
className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'menu' && activePanel === 'echoCoreMain' ? EchoContent_module["default"].activeBottomBarButton : '')
|
|
166
|
-
}, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
|
|
167
|
-
variant: "ghost_icon",
|
|
168
|
-
onClick: function onClick() {
|
|
169
|
-
return onClickButton(exports.BarButtonVariants.Menu);
|
|
170
|
-
}
|
|
171
|
-
}, isSyncing ? /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
|
|
172
|
-
className: EchoContent_module["default"].spinningIcon,
|
|
173
|
-
color: echoComponents.themeConst.echoText,
|
|
174
|
-
name: 'sync'
|
|
175
|
-
}) : /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
|
|
176
|
-
name: 'menu',
|
|
177
|
-
color: echoComponents.themeConst.echoText
|
|
178
|
-
})))) : null;
|
|
179
|
-
};
|
|
180
|
-
|
|
181
|
-
exports.EchoBarComponent = EchoBarComponent;
|
|
182
|
-
exports["default"] = EchoBarComponent;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
8
|
-
|
|
9
|
-
var css_248z = ".EchoContent-module_barButtons__F8xrV{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.EchoContent-module_activeBottomBarButton__MQAdf{background-color:var(--equiGreen3);border-top:2px solid var(--equiGreen1)}@media screen and (max-width:927px) and (orientation:landscape){.EchoContent-module_activeBottomBarButton__MQAdf{border-right:2px solid var(--equiGreen1);border-top:0}}@keyframes EchoContent-module_spinAnimation__gNXNq{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.EchoContent-module_spinningIcon__am10d{animation:EchoContent-module_spinAnimation__gNXNq 1.5s linear infinite reverse}";
|
|
10
|
-
var style = {
|
|
11
|
-
"barButtons": "EchoContent-module_barButtons__F8xrV",
|
|
12
|
-
"activeBottomBarButton": "EchoContent-module_activeBottomBarButton__MQAdf",
|
|
13
|
-
"spinningIcon": "EchoContent-module_spinningIcon__am10d",
|
|
14
|
-
"spinAnimation": "EchoContent-module_spinAnimation__gNXNq"
|
|
15
|
-
};
|
|
16
|
-
styleInject_es["default"](css_248z);
|
|
17
|
-
exports["default"] = style;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
-
|
|
7
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
-
|
|
9
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
|
-
Object.defineProperty(exports, '__esModule', {
|
|
16
|
-
value: true
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
var React = require('react');
|
|
20
|
-
|
|
21
|
-
var useWindowSize = require('./useWindowSize.js');
|
|
22
|
-
/**
|
|
23
|
-
* Hook for checking if the current size of the browser window is mobile size.
|
|
24
|
-
* @returns {boolean} If the current screen is below threshold or not.
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
function useIsCompactLayout(isLandscape) {
|
|
29
|
-
var windowSize = useWindowSize.useWindowSize();
|
|
30
|
-
|
|
31
|
-
var _React$useState = React.useState(false),
|
|
32
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
33
|
-
isMobileWidth = _React$useState2[0],
|
|
34
|
-
setIsMobileWidth = _React$useState2[1];
|
|
35
|
-
|
|
36
|
-
var smallScreenPortrait = !!windowSize.width && windowSize.width <= 768 && !isLandscape;
|
|
37
|
-
var smallScreenLandscape = !!windowSize.width && windowSize.width <= 928 && isLandscape;
|
|
38
|
-
var isCurrentSizeSmall = smallScreenLandscape || smallScreenPortrait;
|
|
39
|
-
|
|
40
|
-
if (isMobileWidth !== isCurrentSizeSmall) {
|
|
41
|
-
setIsMobileWidth(isCurrentSizeSmall);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return isMobileWidth;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
exports.useIsCompactLayout = useIsCompactLayout;
|