@equinor/echo-framework 0.7.11 → 0.8.0

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.
Files changed (7) hide show
  1. package/dist/src/components/contextualAppLinks/externalAppsMenu.js +5 -29
  2. package/dist/src/components/contextualAppLinks/externalAppsMenu.module.css.js +1 -1
  3. package/dist/src/components/externalLinkButton/externalLinkButton.module.css.js +1 -3
  4. package/dist/src/components/toaster/toaster.js +1 -2
  5. package/dist/src/components/toaster/toaster.module.css.js +1 -2
  6. package/dist/src/globalStyles.css.js +1 -1
  7. package/package.json +29 -29
package/dist/src/components/contextualAppLinks/externalAppsMenu.js CHANGED
@@ -78,7 +78,6 @@ var ExternalAppsMenu = function ExternalAppsMenu(_a) {
78
78
  var buttonElRef = React.useRef(null);
79
79
 
80
80
  var _React$useState = React.useState({
81
- focus: 'first',
82
81
  buttonEl: undefined
83
82
  }),
84
83
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -91,41 +90,20 @@ var ExternalAppsMenu = function ExternalAppsMenu(_a) {
91
90
  var appMenuOnButtonId = "".concat(randomId, "-external-apps-menu-on-button");
92
91
  var contextualAppLinkContext = useContextualAppLinksContext.useContextualAppLinksContext();
93
92
 
94
- var openMenu = function openMenu(element, focus) {
95
- !focus ? setMenuState(Object.assign(Object.assign({}, menuState), {
96
- buttonEl: element
97
- })) : setMenuState({
98
- focus: focus,
93
+ var openMenu = function openMenu(element) {
94
+ setMenuState({
99
95
  buttonEl: element
100
96
  });
101
97
  };
102
98
 
103
99
  var closeMenu = function closeMenu() {
104
- setMenuState(Object.assign(Object.assign({}, menuState), {
100
+ setMenuState({
105
101
  buttonEl: undefined
106
- }));
102
+ });
107
103
  };
108
104
 
109
105
  var stopPropagationOnClick = function stopPropagationOnClick(event) {
110
106
  event.stopPropagation();
111
- };
112
-
113
- var onKeyPress = function onKeyPress(e) {
114
- var key = e.key;
115
-
116
- switch (key) {
117
- case 'ArrowDown':
118
- isOpen ? closeMenu() : openMenu(buttonElRef, 'first');
119
- break;
120
-
121
- case 'ArrowUp':
122
- isOpen ? closeMenu() : openMenu(buttonElRef, 'last');
123
- break;
124
-
125
- case 'Escape':
126
- closeMenu();
127
- break;
128
- }
129
107
  }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
130
108
 
131
109
 
@@ -152,8 +130,7 @@ var ExternalAppsMenu = function ExternalAppsMenu(_a) {
152
130
  },
153
131
  onMouseLeave: function onMouseLeave() {
154
132
  closeMenu();
155
- },
156
- onKeyDown: onKeyPress
133
+ }
157
134
  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Icon, {
158
135
  title: "echo",
159
136
  name: "external_link",
@@ -161,7 +138,6 @@ var ExternalAppsMenu = function ExternalAppsMenu(_a) {
161
138
  })), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Menu, {
162
139
  id: appMenuOnButtonId,
163
140
  "aria-labelledby": menuButtonId,
164
- focus: menuState.focus,
165
141
  open: Boolean(menuState.buttonEl),
166
142
  anchorEl: buttonElRef === null || buttonElRef === void 0 ? void 0 : buttonElRef.current,
167
143
  placement: 'bottom-end',
package/dist/src/components/contextualAppLinks/externalAppsMenu.module.css.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', {
6
6
 
7
7
  var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
8
8
 
9
- var css_248z = ".externalAppsMenu-module_externalAppsMenuContainer__gRHtf{animation:externalAppsMenu-module_fadein__a3fmQ .4s;display:inline-block;height:40px;margin:0;padding:0;position:relative;width:40px}.externalAppsMenu-module_appMenu__Hg3uJ{top:-5px!important;z-index:calc(var(--echo-framework-z-level-panel) + 5)!important}.externalAppsMenu-module_appMenu__Hg3uJ>[role=menu]{padding:.5rem!important;width:200px!important}.externalAppsMenu-module_appMenu__Hg3uJ [role=menu]>div{display:flex;flex-direction:row;flex-flow:wrap;min-height:130px;min-width:150px}";
9
+ var css_248z = ".externalAppsMenu-module_externalAppsMenuContainer__gRHtf{animation:externalAppsMenu-module_fadein__a3fmQ .4s;display:inline-block;height:40px;margin:0;padding:0;position:relative;width:40px}.externalAppsMenu-module_appMenu__Hg3uJ{top:-5px!important}.externalAppsMenu-module_appMenu__Hg3uJ>[role=menu]{padding:.5rem!important;width:200px!important}.externalAppsMenu-module_appMenu__Hg3uJ [role=menu]>div{display:flex;flex-direction:row;flex-flow:wrap;min-height:130px;min-width:150px}";
10
10
  var styles = {
11
11
  "externalAppsMenuContainer": "externalAppsMenu-module_externalAppsMenuContainer__gRHtf",
12
12
  "fadein": "externalAppsMenu-module_fadein__a3fmQ",
package/dist/src/components/externalLinkButton/externalLinkButton.module.css.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', {
6
6
 
7
7
  var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
8
8
 
9
- var css_248z = ".externalLinkButton-module_echoButton__J9As0{display:inline-block;padding:16px;position:relative;width:90px}.externalLinkButton-module_echoButtonDisabled__6kYFw{padding-bottom:0}.externalLinkButton-module_echoButtonRounded__moamZ{display:inline-block;position:relative}@media screen and (min-width:420px){.externalLinkButton-module_echoButtonDisabled__6kYFw,.externalLinkButton-module_echoButton__J9As0{width:96px}}.externalLinkButton-module_echoButton__J9As0 svg{display:inline-block;height:48px;margin:0 8px 8px;width:48px}.externalLinkButton-module_echoButtonRounded__moamZ svg{display:inline-block;height:24px;margin:0 8px;width:24px}.externalLinkButton-module_echoButton__J9As0 span{color:#007079;display:inline-block;font-size:14px;font-weight:500;line-height:16px;width:64px}.externalLinkButton-module_echoButton__J9As0:hover svg{fill:#004f55}.externalLinkButton-module_echoButton__J9As0:hover span{color:#004f55}.externalLinkButton-module_echoButtonDisabled__6kYFw span{color:var(--disabledColor)}.externalLinkButton-module_echoButtonDisabled__6kYFw:hover svg{fill:var(--disabledColor)}.externalLinkButton-module_echoButtonDisabled__6kYFw:hover span{color:var(--disabledColor)}.externalLinkButton-module_buttonIconAsImage__JL6p6{height:30px;justify-self:center;width:30px}.externalLinkButton-module_toolTip__ywPoc{background-color:#233746;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05);color:#fff;display:block;padding:8px 16px;position:absolute;z-index:1}.externalLinkButton-module_toolTipContainer__n1YIl{display:inline-flex;justify-content:center}.externalLinkButton-module_scrimContainer__zE8L->div{height:100%;width:100%}.externalLinkButton-module_dialogWrapper__IKpyE{height:100%;width:272px}.externalLinkButton-module_stidIcon__XoFaL{height:auto!important}";
9
+ var css_248z = ".externalLinkButton-module_echoButton__J9As0{display:inline-block;padding:16px;position:relative;width:90px}.externalLinkButton-module_echoButtonDisabled__6kYFw{padding-bottom:0}.externalLinkButton-module_echoButtonRounded__moamZ{display:inline-block;position:relative}@media screen and (min-width:420px){.externalLinkButton-module_echoButtonDisabled__6kYFw,.externalLinkButton-module_echoButton__J9As0{width:96px}}.externalLinkButton-module_echoButton__J9As0 svg{display:inline-block;height:48px;margin:0 8px 8px;width:48px}.externalLinkButton-module_echoButtonRounded__moamZ svg{display:inline-block;height:24px;margin:0 8px;width:24px}.externalLinkButton-module_echoButton__J9As0 span{color:#007079;display:inline-block;font-size:14px;font-weight:500;line-height:16px;width:64px}.externalLinkButton-module_echoButton__J9As0:hover svg{fill:#004f55}.externalLinkButton-module_echoButton__J9As0:hover span{color:#004f55}.externalLinkButton-module_echoButtonDisabled__6kYFw span{color:var(--disabledColor)}.externalLinkButton-module_echoButtonDisabled__6kYFw:hover svg{fill:var(--disabledColor)}.externalLinkButton-module_echoButtonDisabled__6kYFw:hover span{color:var(--disabledColor)}.externalLinkButton-module_buttonIconAsImage__JL6p6{height:30px;justify-self:center;width:30px}.externalLinkButton-module_toolTip__ywPoc{background-color:#233746;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05);color:#fff;display:block;padding:8px 16px;position:absolute;z-index:1}.externalLinkButton-module_toolTipContainer__n1YIl{display:inline-flex;justify-content:center}.externalLinkButton-module_stidIcon__XoFaL{height:auto!important}";
10
10
  var style = {
11
11
  "echoButton": "externalLinkButton-module_echoButton__J9As0",
12
12
  "echoButtonDisabled": "externalLinkButton-module_echoButtonDisabled__6kYFw",
@@ -14,8 +14,6 @@ var style = {
14
14
  "buttonIconAsImage": "externalLinkButton-module_buttonIconAsImage__JL6p6",
15
15
  "toolTip": "externalLinkButton-module_toolTip__ywPoc",
16
16
  "toolTipContainer": "externalLinkButton-module_toolTipContainer__n1YIl",
17
- "scrimContainer": "externalLinkButton-module_scrimContainer__zE8L-",
18
- "dialogWrapper": "externalLinkButton-module_dialogWrapper__IKpyE",
19
17
  "stidIcon": "externalLinkButton-module_stidIcon__XoFaL"
20
18
  };
21
19
  styleInject_es["default"](css_248z);
package/dist/src/components/toaster/toaster.js CHANGED
@@ -29,8 +29,7 @@ var Toaster = function Toaster(_ref) {
29
29
  return /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Snackbar, {
30
30
  placement: 'bottom-left',
31
31
  open: true,
32
- onClose: onClose,
33
- className: toaster_module["default"].toaster
32
+ onClose: onClose
34
33
  }, toastNumber === numberOfToasts - 1 && numberOfToasts !== 1 && /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Chip, {
35
34
  variant: "error",
36
35
  className: toaster_module["default"].chip
package/dist/src/components/toaster/toaster.module.css.js CHANGED
@@ -6,9 +6,8 @@ Object.defineProperty(exports, '__esModule', {
6
6
 
7
7
  var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
8
8
 
9
- var css_248z = ".toaster-module_toaster__6C9aR{z-index:var(--echo-framework-z-level-toaster-message)!important}.toaster-module_chip__eNPoH{padding:5px!important;position:absolute;right:-5px;top:-5px}.toaster-module_toastersSection__q-orZ{grid-gap:24px;align-items:start;bottom:8px;display:grid;grid-auto-rows:32px;height:auto;left:8px;position:absolute}.toaster-module_toastersSection__q-orZ>div{height:32px;position:relative;width:fit-content}";
9
+ var css_248z = ".toaster-module_chip__eNPoH{padding:5px!important;position:absolute;right:-5px;top:-5px}.toaster-module_toastersSection__q-orZ{grid-gap:24px;align-items:start;bottom:8px;display:grid;grid-auto-rows:32px;height:auto;left:8px;position:absolute}.toaster-module_toastersSection__q-orZ>div{height:32px;position:relative;width:fit-content}";
10
10
  var style = {
11
- "toaster": "toaster-module_toaster__6C9aR",
12
11
  "chip": "toaster-module_chip__eNPoH",
13
12
  "toastersSection": "toaster-module_toastersSection__q-orZ"
14
13
  };
package/dist/src/globalStyles.css.js CHANGED
@@ -2,5 +2,5 @@
2
2
 
3
3
  var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
4
4
 
5
- var css_248z = "#eds-tooltip-container>div{z-index:var(--echo-framework-z-level-tooltip)}:root{--echo-framework-z-level-panel:500;--echo-framework-z-level-toaster-message:600;--echo-framework-z-level-modal:700;--echo-framework-z-level-overlay:800;--echo-framework-z-level-tooltip:900}";
5
+ var css_248z = ":root{--echo-framework-z-level-panel:500;--echo-framework-z-level-scrim:1450}[class^=Scrim__StyledScrim]{z-index:var(--echo-framework-z-level-scrim)!important}";
6
6
  styleInject_es["default"](css_248z);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/echo-framework",
3
- "version": "0.7.11",
3
+ "version": "0.8.0",
4
4
  "description": "Modules and components for EchoWeb, utilizing EchoCore",
5
5
  "main": "dist/src/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -34,32 +34,32 @@
34
34
  "echo-update-all": "echo-update -a"
35
35
  },
36
36
  "peerDependencies": {
37
- "@equinor/echo-base": "^0.6.4",
38
- "@equinor/echo-components": "^0.3.2",
39
- "@equinor/echo-core": "^0.6.9",
40
- "@equinor/echo-search": "^0.11.15",
37
+ "@equinor/echo-base": "^0.6.8",
38
+ "@equinor/echo-components": "^0.4.0",
39
+ "@equinor/echo-core": "^0.6.11",
40
+ "@equinor/echo-search": "^0.12.1",
41
41
  "@equinor/echo-utils": "^0.2.9",
42
- "@equinor/eds-core-react": "^0.17.0",
42
+ "@equinor/eds-core-react": "^0.19.0",
43
43
  "react": "^17.0.2",
44
44
  "react-dom": "^17.0.2",
45
45
  "react-router-dom": "^5.3.0",
46
- "styled-components": "^5.3.3"
46
+ "styled-components": "^5.3.5"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "^7.17.5",
49
+ "@babel/core": "^7.17.9",
50
50
  "@babel/preset-env": "^7.16.11",
51
51
  "@babel/preset-react": "^7.16.7",
52
- "@equinor/echo-base": "^0.6.4",
53
- "@equinor/echo-components": "^0.3.2",
54
- "@equinor/echo-core": "^0.6.9",
52
+ "@equinor/echo-base": "^0.6.8",
53
+ "@equinor/echo-components": "^0.4.0",
54
+ "@equinor/echo-core": "^0.6.11",
55
55
  "@equinor/echo-scripts": "^0.1.5",
56
- "@equinor/echo-search": "^0.11.15",
56
+ "@equinor/echo-search": "^0.12.1",
57
57
  "@equinor/echo-update": "^1.3.0",
58
58
  "@equinor/echo-utils": "^0.2.9",
59
- "@equinor/eds-core-react": "^0.17.0",
59
+ "@equinor/eds-core-react": "^0.19.0",
60
60
  "@modular-css/rollup": "^28.0.0",
61
61
  "@rollup/plugin-babel": "^5.3.1",
62
- "@rollup/plugin-commonjs": "^21.0.2",
62
+ "@rollup/plugin-commonjs": "^21.0.3",
63
63
  "@rollup/plugin-image": "^2.1.1",
64
64
  "@rollup/plugin-json": "^4.1.0",
65
65
  "@rollup/plugin-node-resolve": "^13.1.3",
@@ -68,38 +68,38 @@
68
68
  "@svgr/rollup": "^6.2.1",
69
69
  "@testing-library/react-hooks": "^7.0.2",
70
70
  "@types/jest": "^27.4.1",
71
- "@types/node": "^17.0.21",
72
- "@types/react": "^17.0.39",
73
- "@types/react-dom": "^17.0.13",
71
+ "@types/node": "^17.0.23",
72
+ "@types/react": "^17.0.43",
73
+ "@types/react-dom": "^17.0.14",
74
74
  "@types/react-router-dom": "^5.3.3",
75
- "@typescript-eslint/eslint-plugin": "^5.14.0",
76
- "@typescript-eslint/parser": "^5.14.0",
75
+ "@typescript-eslint/eslint-plugin": "^5.18.0",
76
+ "@typescript-eslint/parser": "^5.18.0",
77
77
  "@wessberg/rollup-plugin-ts": "^2.0.4",
78
- "autoprefixer": "^10.4.2",
78
+ "autoprefixer": "^10.4.4",
79
79
  "babel-jest": "^27.5.1",
80
- "eslint": "^8.10.0",
80
+ "eslint": "^8.12.0",
81
81
  "eslint-config-prettier": "^8.5.0",
82
82
  "eslint-plugin-prettier": "^4.0.0",
83
- "eslint-plugin-react": "^7.29.3",
84
- "eslint-plugin-react-hooks": "^4.3.0",
83
+ "eslint-plugin-react": "^7.29.4",
84
+ "eslint-plugin-react-hooks": "^4.4.0",
85
85
  "jest": "^27.5.1",
86
86
  "jest-expo": "^44.0.1",
87
- "postcss": "^8.4.8",
87
+ "postcss": "^8.4.12",
88
88
  "postcss-assets": "^6.0.0",
89
89
  "postcss-modules": "^4.3.1",
90
- "prettier": "^2.5.1",
90
+ "prettier": "^2.6.2",
91
91
  "react": "^17.0.2",
92
92
  "react-dom": "^17.0.2",
93
93
  "react-router-dom": "^5.3.0",
94
- "rollup": "^2.70.0",
94
+ "rollup": "^2.70.1",
95
95
  "rollup-plugin-delete": "^2.0.0",
96
96
  "rollup-plugin-postcss": "^4.0.2",
97
97
  "rollup-plugin-typescript-paths": "^1.3.1",
98
98
  "rollup-plugin-typescript2": "^0.31.2",
99
- "styled-components": "^5.3.3",
100
- "ts-jest": "^27.1.3",
99
+ "styled-components": "^5.3.5",
100
+ "ts-jest": "^27.1.4",
101
101
  "tslib": "^2.3.1",
102
- "typescript": "=4.6.2"
102
+ "typescript": "=4.6.3"
103
103
  },
104
104
  "compilerOptions": {
105
105
  "declaration": true