@equinor/echo-components 0.6.0 → 0.6.2

package/dist/index.js

@@ -37,31 +37,6 @@ function styleInject(css, ref) {
 var css_248z$F = ":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;--equiGray5:#f7f7f7;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--equiGreen4:#c3f3d2;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--pm01:#0f0;--pm02:#ff1493;--pm03:#0ff;--pm04:#9400d3;--pm05:#1e90ff;--pm06:#ffdead;--pm010:#ff4500;--pm015:#228b22;--pm020:#00008b;--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;--ofpDark:#f4d6a2;--ofpLight:#faebce;--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;--hoverIconWithNotification:#b30d2f;--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}";
 styleInject(css_248z$F);
 
-var css_248z$E = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);display:flex;gap:.5rem;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:pointer}.BlackLink-module_linkElement__WGkkg>span{line-height:0}.BlackLink-module_linkElement__WGkkg:hover{text-decoration:underline}.BlackLink-module_linkElement__WGkkg:focus{outline:1px dashed #007079;text-decoration:underline}.BlackLink-module_linkIcon__GW-93{min-height:24px;min-width:24px}";
-var styles$r = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
-styleInject(css_248z$E);
-
-var BlackLink = function BlackLink(_ref) {
-  var href = _ref.href,
-    linkText = _ref.linkText,
-    preserveTab = _ref.preserveTab;
-  return /*#__PURE__*/React__default.createElement("a", {
-    className: styles$r.linkElement,
-    id: linkText,
-    href: href,
-    tabIndex: 0,
-    target: !preserveTab ? '_blank' : undefined,
-    rel: "noreferrer"
-  }, /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: linkText
-  }, linkText), /*#__PURE__*/React__default.createElement(Icon, {
-    className: styles$r.linkIcon,
-    color: 'var(--echoText)',
-    name: "external_link",
-    size: 24
-  }));
-};
-
 /**
  * Component that work's as a eds icon wrapper, it imports all eds possible icons
  *
@@ -89,6 +64,31 @@ var Icon = function Icon(_ref) {
   });
 };
 
+var css_248z$E = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);display:flex;gap:.5rem;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:pointer}.BlackLink-module_linkElement__WGkkg>span{line-height:0}.BlackLink-module_linkElement__WGkkg:hover{text-decoration:underline}.BlackLink-module_linkElement__WGkkg:focus{outline:1px dashed #007079;text-decoration:underline}.BlackLink-module_linkIcon__GW-93{min-height:24px;min-width:24px}";
+var styles$r = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
+styleInject(css_248z$E);
+
+var BlackLink = function BlackLink(_ref) {
+  var href = _ref.href,
+    linkText = _ref.linkText,
+    preserveTab = _ref.preserveTab;
+  return /*#__PURE__*/React__default.createElement("a", {
+    className: styles$r.linkElement,
+    id: linkText,
+    href: href,
+    tabIndex: 0,
+    target: !preserveTab ? '_blank' : undefined,
+    rel: "noreferrer"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: linkText
+  }, linkText), /*#__PURE__*/React__default.createElement(Icon, {
+    className: styles$r.linkIcon,
+    color: 'var(--echoText)',
+    name: "external_link",
+    size: 24
+  }));
+};
+
 var themeConst = {
   /* Echo - Digital Twin Colors*/
   black: '#000000',
@@ -18411,7 +18411,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
   }, description)));
 };
 
-var css_248z$k = ".MainLegend-module_accordion__xjveF{align-items:center;align-self:flex-start;background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:space-between;padding:10px 16px;user-select:none;width:100%}.MainLegend-module_accordion__xjveF:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_left__NKMwB,.MainLegend-module_right__0BIFF{align-items:center;display:flex}.MainLegend-module_icon__neT4f{margin-right:8px}.MainLegend-module_content__nzDkL{align-self:stretch;display:flex;flex-direction:column}button{padding:0}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
+var css_248z$k = ".MainLegend-module_accordion__xjveF{align-items:center;align-self:flex-start;background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:space-between;padding:8px 14px;user-select:none;width:100%}.MainLegend-module_accordion__xjveF:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_left__NKMwB,.MainLegend-module_right__0BIFF{align-items:center;display:flex}.MainLegend-module_icon__neT4f{margin-right:8px}.MainLegend-module_content__nzDkL{align-self:stretch;display:flex;flex-direction:column}button{padding:0}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
 var styles$i = {"accordion":"MainLegend-module_accordion__xjveF","left":"MainLegend-module_left__NKMwB","right":"MainLegend-module_right__0BIFF","icon":"MainLegend-module_icon__neT4f","content":"MainLegend-module_content__nzDkL","layerIcon":"MainLegend-module_layerIcon__xI2Mf"};
 styleInject(css_248z$k);
 
@@ -18471,6 +18471,12 @@ function MainLegend(_ref) {
     setUniqueLayers(iconLayers);
     setDefaultLayers(nonIconLayers);
   }, [layers]);
+  var displayDefaultLayerNames = function displayDefaultLayerNames() {
+    if (defaultLayers.length > 0) return defaultLayers.map(function (layer) {
+      return layer.title;
+    }).join(' ');
+    return undefined;
+  };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen && /*#__PURE__*/React__default.createElement("div", {
     className: styles$i.content
   }, legends), /*#__PURE__*/React__default.createElement("button", {
@@ -18479,19 +18485,23 @@ function MainLegend(_ref) {
     role: "widget"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: styles$i.left
-  }, isOpen ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon$1, {
+  }, /*#__PURE__*/React__default.createElement(Icon$1, {
     className: styles$i.icon,
     size: 24,
-    name: "collapse_screen"
-  }), /*#__PURE__*/React__default.createElement("div", null, "Minimize legend")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon$1, {
+    name: "map_legend_info"
+  }), isOpen ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "Minimize map legend"), /*#__PURE__*/React__default.createElement(Icon$1, {
     className: styles$i.icon,
     size: 24,
-    name: "expand_screen"
-  }), /*#__PURE__*/React__default.createElement("div", null, "Expand legend"))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
+    name: "chevron_down"
+  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "Expand map legend"), /*#__PURE__*/React__default.createElement(Icon$1, {
+    className: styles$i.icon,
+    size: 24,
+    name: "chevron_up"
+  }))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
     className: styles$i.right
   }, uniqueLayers.map(function (layer, index) {
     return /*#__PURE__*/React__default.createElement("div", {
-      key: index,
+      key: layer.title + index,
       className: styles$i.layerIcon
     }, /*#__PURE__*/React__default.createElement(Tooltip$1, {
       title: layer.title
@@ -18499,7 +18509,9 @@ function MainLegend(_ref) {
       size: 18,
       name: layer.iconName
     })));
-  }), defaultLayers.length > 0 && /*#__PURE__*/React__default.createElement("div", null, "+", defaultLayers.length))));
+  }), defaultLayers.length > 0 && /*#__PURE__*/React__default.createElement(Tooltip$1, {
+    title: displayDefaultLayerNames()
+  }, /*#__PURE__*/React__default.createElement("div", null, "+", defaultLayers.length)))));
 }
 
 var css_248z$j = ".LayerLegend-module_layerLegendContainer__DLfLy{background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-bottom:2px;user-select:none}.LayerLegend-module_header__8NHIX{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:12px;width:100%}.LayerLegend-module_activeHeader__EBvGl:hover{background:rgba(0,0,0,.9);border-radius:4px;color:var(--white)}.LayerLegend-module_leftInactive__1Lq18{align-items:center;display:flex;font-size:.875rem}.LayerLegend-module_leftActive__KrRDh{font-weight:700}.LayerLegend-module_right__-IwVs{align-items:center;display:flex;font-size:.625rem}.LayerLegend-module_icon__8VwWd{margin-right:8px}.LayerLegend-module_content__ElkbY{height:auto;padding-bottom:14px;padding-top:8px;width:100%}.LayerLegend-module_items__BC1cp{margin-right:4px}";