@equinor/echo-components 0.2.0 → 0.2.2

package/dist/helpers/getIcon.d.ts

@@ -1,21 +1,2 @@
 /// <reference types="react" />
-/**
- * Method that returns the relevant Icon for the iconType provided
- * Tag icon is the default JSX.Element Icon returned
- * @export
- * @param {('electrical'
- *         | 'main Equipment'
- *         | 'line'
- *         | 'manual Valve'
- *         | 'circuit/starter'
- *         | 'instrument'
- *         | 'cable'
- *         | 'function'
- *         | 'signal'
- *         | 'telecom'
- *         | 'junction box'
- *         | 'administrative'
- *         | string)} iconType The type of icon you want returned
- * @return {*}  {JSX.Element} Relevant icon for the provided iconType
- */
-export declare function getIcon(iconType: 'electrical' | 'main equipment' | 'line' | 'manual valve' | 'circuit/starter' | 'instrument' | 'cable' | 'function' | 'signal' | 'telecom' | 'junction box' | 'administrative' | string): JSX.Element;
+export declare function getIcon(tagCategoryDescription: string): JSX.Element;

package/dist/helpers/tagCategoryIcon.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+interface ViewTagIconProps {
+    tagCategoryDescription: string;
+}
+export declare enum TagCategoryType {
+    Electrical = "electrical",
+    MainEquipment = "main equipment",
+    Line = "line",
+    ManualValve = "manual valve",
+    CircuitAndStarter = "circuit",
+    Instrument = "instrument",
+    Cable = "cable",
+    Function = "function",
+    Signal = "signal",
+    Telecom = "telecom",
+    JunctionBox = "junction box",
+    Administrative = "administrative"
+}
+/**
+ * Method that returns the relevant Icon for the tagCategoryDescription provided
+ * Tag icon is the default JSX.Element Icon returned
+ * @export
+ * @param {('electrical'
+ *         | 'main equipment'
+ *         | 'line'
+ *         | 'manual valve'
+ *         | 'circuit/starter'
+ *         | 'instrument'
+ *         | 'cable'
+ *         | 'function'
+ *         | 'signal'
+ *         | 'telecom'
+ *         | 'junction box'
+ *         | 'administrative'
+ * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
+ */
+export declare const TagCategoryIcon: React.FC<ViewTagIconProps>;
+export default TagCategoryIcon;

package/dist/index.js

@@ -17869,14 +17869,30 @@ function SvgTelecomIcon(props) {
   })))));
 }
 
+var TagCategoryType;
+
+(function (TagCategoryType) {
+  TagCategoryType["Electrical"] = "electrical";
+  TagCategoryType["MainEquipment"] = "main equipment";
+  TagCategoryType["Line"] = "line";
+  TagCategoryType["ManualValve"] = "manual valve";
+  TagCategoryType["CircuitAndStarter"] = "circuit";
+  TagCategoryType["Instrument"] = "instrument";
+  TagCategoryType["Cable"] = "cable";
+  TagCategoryType["Function"] = "function";
+  TagCategoryType["Signal"] = "signal";
+  TagCategoryType["Telecom"] = "telecom";
+  TagCategoryType["JunctionBox"] = "junction box";
+  TagCategoryType["Administrative"] = "administrative";
+})(TagCategoryType || (TagCategoryType = {}));
 /**
- * Method that returns the relevant Icon for the iconType provided
+ * Method that returns the relevant Icon for the tagCategoryDescription provided
  * Tag icon is the default JSX.Element Icon returned
  * @export
  * @param {('electrical'
- *         | 'main Equipment'
+ *         | 'main equipment'
  *         | 'line'
- *         | 'manual Valve'
+ *         | 'manual valve'
  *         | 'circuit/starter'
  *         | 'instrument'
  *         | 'cable'
@@ -17885,77 +17901,86 @@ function SvgTelecomIcon(props) {
  *         | 'telecom'
  *         | 'junction box'
  *         | 'administrative'
- *         | string)} iconType The type of icon you want returned
- * @return {*}  {JSX.Element} Relevant icon for the provided iconType
+ * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
  */
 
-function getIcon(iconType) {
-  switch (iconType.toLocaleLowerCase()) {
-    case 'electrical':
+
+var TagCategoryIcon = function TagCategoryIcon(_ref) {
+  var tagCategoryDescription = _ref.tagCategoryDescription;
+  var tagCategory = tagCategoryDescription.toLocaleLowerCase().toString();
+
+  switch (tagCategory.includes(tagCategory)) {
+    case isGivenTagCategory(tagCategory, TagCategoryType.Electrical):
       return /*#__PURE__*/React__default["default"].createElement(SvgElectricalIcon, {
         "aria-label": 'electrical'
       });
 
-    case 'main equipment':
+    case isGivenTagCategory(tagCategory, TagCategoryType.MainEquipment):
       return /*#__PURE__*/React__default["default"].createElement(SvgMainEquipmentIcon, {
         "aria-label": 'main equipment'
       });
 
-    case 'line':
+    case isGivenTagCategory(tagCategory, TagCategoryType.Line):
       return /*#__PURE__*/React__default["default"].createElement(SvgLineIcon, {
         "aria-label": 'line'
       });
 
-    case 'manual valve':
+    case isGivenTagCategory(tagCategory, TagCategoryType.ManualValve):
       return /*#__PURE__*/React__default["default"].createElement(SvgManualValveIcon, {
         "aria-label": 'manual valve'
       });
 
-    case 'circuit/starter':
+    case isGivenTagCategory(tagCategory, TagCategoryType.CircuitAndStarter):
       return /*#__PURE__*/React__default["default"].createElement(SvgCircuitIcon, {
         "aria-label": 'circuit/starter'
       });
 
-    case 'cable':
-      return /*#__PURE__*/React__default["default"].createElement(SvgCableIcon, {
-        title: 'cable'
-      });
-
-    case 'instrument':
+    case isGivenTagCategory(tagCategory, TagCategoryType.Instrument):
       return /*#__PURE__*/React__default["default"].createElement(SvgInstrumentIcon, {
         "aria-label": 'instrument'
       });
 
-    case 'function':
+    case isGivenTagCategory(tagCategory, TagCategoryType.Cable):
+      return /*#__PURE__*/React__default["default"].createElement(SvgCableIcon, {
+        title: 'cable'
+      });
+
+    case isGivenTagCategory(tagCategory, TagCategoryType.Function):
       return /*#__PURE__*/React__default["default"].createElement(SvgFunctionIcon, {
         "aria-label": 'function'
       });
 
-    case 'signal':
+    case isGivenTagCategory(tagCategory, TagCategoryType.Signal):
       return /*#__PURE__*/React__default["default"].createElement(SvgSignalIcon, {
         "aria-label": 'signal'
       });
 
-    case 'telecom':
+    case isGivenTagCategory(tagCategory, TagCategoryType.Telecom):
       return /*#__PURE__*/React__default["default"].createElement(SvgTelecomIcon, {
         "aria-label": 'telecom'
       });
 
-    case 'junction box':
+    case isGivenTagCategory(tagCategory, TagCategoryType.JunctionBox):
       return /*#__PURE__*/React__default["default"].createElement(SvgJunctionBoxIcon, {
         "aria-label": 'junction box'
       });
 
-    case 'administrative':
-      return /*#__PURE__*/React__default["default"].createElement(SvgTagIcon, {
-        "aria-label": 'tag'
-      });
-
+    case isGivenTagCategory(tagCategory, TagCategoryType.Administrative):
     default:
       return /*#__PURE__*/React__default["default"].createElement(SvgTagIcon, {
         "aria-label": 'tag'
       });
   }
+};
+
+function isGivenTagCategory(tagCategoryDescription, tagCategoryType) {
+  return tagCategoryDescription.includes(tagCategoryType);
+}
+
+function getIcon(tagCategoryDescription) {
+  return /*#__PURE__*/React__default["default"].createElement(TagCategoryIcon, {
+    tagCategoryDescription: tagCategoryDescription
+  });
 }
 
 var css_248z$9 = ".inlineTagIconLink-module_tagButton__2Ti0i,.inlineTagIconLink-module_tagButtonNoHover__3yk4Z{cursor:pointer;display:flex!important;height:auto;min-height:64px;min-width:215px;padding:.5rem!important;width:100%}.inlineTagIconLink-module_tagButtonNoHover__3yk4Z:hover{background:none!important}.inlineTagIconLink-module_textContainer__1DCNo{flex:1 1 auto;text-align:left}.inlineTagIconLink-module_description__1GfqP{-webkit-line-clamp:2;color:var(--echoText)!important;font-size:10px!important;font-weight:500!important;word-break:break-word}.inlineTagIconLink-module_description__1GfqP,.inlineTagIconLink-module_tag__3EDcb{-webkit-box-orient:vertical;display:-webkit-box;line-height:1em;overflow:hidden;text-overflow:ellipsis}.inlineTagIconLink-module_tag__3EDcb{-webkit-line-clamp:1;word-break:break-all}.inlineTagIconLink-module_icon__2cqbr{border-radius:10rem;box-sizing:border-box;flex:1 1 auto;height:40px;margin-right:.25rem;padding:.5rem;position:relative;width:40px}";
@@ -21289,7 +21314,7 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
   })));
 };
 
-var css_248z$5 = ".roundIconButton-module_pageMenuButton__QVKSX{background:#fff;border:1px solid var(--equiGreen1);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:56px;padding:14px;width:56px}.roundIconButton-module_pageMenuButton__QVKSX:hover{background-color:var(--equiGreen2);color:var(--hoverIcon)}.roundIconButton-module_pageMenuButton__QVKSX:hover svg{fill:var(--hoverIcon)}.roundIconButton-module_toggleButton__1uJaa{background:var(--toggleInactive);border:1px solid var(--toggleInactive)}.roundIconButton-module_toggleButton__1uJaa:hover{background:rgba(179,13,47,.5);border:1px solid var(--toggleInactive)}.roundIconButton-module_activeButton__3Vw8P{background:var(--equiGreen1);border:2px solid var(--equiGreen1)}.roundIconButton-module_activeButton__3Vw8P.roundIconButton-module_toggleButton__1uJaa{background:var(--toggleActive);border:1px solid var(--toggleActive)}.roundIconButton-module_activeButton__3Vw8P.roundIconButton-module_toggleButton__1uJaa:hover{background:rgba(75,183,72,.5);border:1px solid var(--toggleActive)}";
+var css_248z$5 = ".roundIconButton-module_pageMenuButton__QVKSX{background:#fff;border:1px solid var(--equiGreen1);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:48px;padding:10px;width:48px}.roundIconButton-module_pageMenuButton__QVKSX:hover{background-color:var(--equiGreen2);color:var(--hoverIcon)}.roundIconButton-module_pageMenuButton__QVKSX:hover svg{fill:var(--hoverIcon)}.roundIconButton-module_toggleButton__1uJaa{background:var(--toggleInactive);border:1px solid var(--toggleInactive)}.roundIconButton-module_toggleButton__1uJaa:hover{background:rgba(179,13,47,.5);border:1px solid var(--toggleInactive)}.roundIconButton-module_activeButton__3Vw8P{background:var(--equiGreen1);border:2px solid var(--equiGreen1)}.roundIconButton-module_activeButton__3Vw8P.roundIconButton-module_toggleButton__1uJaa{background:var(--toggleActive);border:1px solid var(--toggleActive)}.roundIconButton-module_activeButton__3Vw8P.roundIconButton-module_toggleButton__1uJaa:hover{background:rgba(75,183,72,.5);border:1px solid var(--toggleActive)}";
 var style = {"pageMenuButton":"roundIconButton-module_pageMenuButton__QVKSX","toggleButton":"roundIconButton-module_toggleButton__1uJaa","activeButton":"roundIconButton-module_activeButton__3Vw8P"};
 styleInject(css_248z$5);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-components",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "description": "Package for creating echo related components.",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",