@mgdis/mg-components 4.1.1 → 4.2.1

package/dist/collection/collection-manifest.json

@@ -28,8 +28,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.4",
-    "typescriptVersion": "4.5.4"
+    "version": "2.18.1",
+    "typescriptVersion": "4.7.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/atoms/mg-badge/mg-badge.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { variants } from './mg-badge.conf';
 import { ClassList } from '../../../utils/components.utils';
 export class MgBadge {
@@ -22,6 +22,13 @@ export class MgBadge {
       throw new Error('<mg-badge> prop "value" must be interger or ponctuation character.');
     }
   }
+  validateLabel(newValue) {
+    if (typeof newValue !== 'string' || newValue.trim() === '') {
+      // TODO: throw new Error on next major (5.0.0)
+      // throw new Error('<mg-badge> prop "label" is required.');
+      console.error('<mg-badge> prop "label" is required.');
+    }
+  }
   validateVariant(newValue, oldValue) {
     if (!variants.includes(newValue)) {
       throw new Error(`<mg-badge> prop "variant" must be one of : ${variants.join(', ')}.`);
@@ -46,6 +53,7 @@ export class MgBadge {
    */
   componentWillLoad() {
     this.validateValue(this.value);
+    this.validateLabel(this.label);
     this.validateVariant(this.variant);
     this.validateOutline(this.outline);
   }
@@ -55,110 +63,121 @@ export class MgBadge {
    * @returns {HTMLElement} HTML Element
    */
   render() {
-    return (h("span", { class: this.classList.join() },
-      this.value,
-      h("span", { class: "sr-only" }, this.label)));
+    return (h("span", { class: this.classList.join() }, this.value, h("span", { class: "sr-only" }, this.label)));
   }
   static get is() { return "mg-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mg-badge.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mg-badge.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "BadgeType['value']",
-        "resolved": "number | string",
-        "references": {
-          "BadgeType": {
-            "location": "import",
-            "path": "./mg-badge.conf"
+  static get originalStyleUrls() {
+    return {
+      "$": ["mg-badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mg-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "BadgeType['value']",
+          "resolved": "number | string",
+          "references": {
+            "BadgeType": {
+              "location": "import",
+              "path": "./mg-badge.conf"
+            }
           }
-        }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Badge value"
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Badge value"
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "BadgeType['label']",
-        "resolved": "string",
-        "references": {
-          "BadgeType": {
-            "location": "import",
-            "path": "./mg-badge.conf"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "BadgeType['label']",
+          "resolved": "string",
+          "references": {
+            "BadgeType": {
+              "location": "import",
+              "path": "./mg-badge.conf"
+            }
           }
-        }
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Badge label. Include short description.\nRequired for accessibility"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Badge label. Include short description.\nRequired for accessibility"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define button variant"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define button variant"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "variants[0]"
       },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "variants[0]"
-    },
-    "outline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define if button is using outline style"
-      },
-      "attribute": "outline",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "classList": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "validateValue"
-    }, {
-      "propName": "variant",
-      "methodName": "validateVariant"
-    }, {
-      "propName": "outline",
-      "methodName": "validateOutline"
-    }]; }
+      "outline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define if button is using outline style"
+        },
+        "attribute": "outline",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "classList": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "validateValue"
+      }, {
+        "propName": "label",
+        "methodName": "validateLabel"
+      }, {
+        "propName": "variant",
+        "methodName": "validateVariant"
+      }, {
+        "propName": "outline",
+        "methodName": "validateOutline"
+      }];
+  }
 }