@gravitee/ui-components 3.25.3-typescript-fdacf14 → 3.25.3-yarn-784d7a8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.25.3-typescript-fdacf14",
+  "version": "3.25.3-yarn-784d7a8",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",
@@ -19,16 +19,16 @@
     "wc"
   ],
   "scripts": {
-    "build": "npm run docs && npm run check:i18n && npm run generate:theme && npm run generate:dist && build-storybook -s assets --modern --quiet",
+    "build": "yarn docs && yarn check:i18n && yarn generate:theme && yarn generate:dist && build-storybook -s assets --modern --quiet",
     "check:i18n": "node tasks/check-i18n.js",
     "danger": "danger ci",
     "docs": "wca analyze src/** --outFile .docs/custom-elements.json && node tasks/generate-docs.js",
-    "generate:dist": "npm run tsc && npm run rollup",
-    "generate:icons": "node tasks/generate-icons.js && npm run lint:fix",
-    "generate:theme": "node tasks/generate-theme.js && npm run lint:fix",
-    "lint": "eslint src stories tasks && npm run prettier",
+    "generate:dist": "yarn tsc && yarn rollup",
+    "generate:icons": "node tasks/generate-icons.js && yarn lint:fix",
+    "generate:theme": "node tasks/generate-theme.js && yarn lint:fix",
+    "lint": "eslint src stories tasks && yarn prettier",
     "lint:commit": "commitlint --from $(git describe --tags --abbrev=0) --to HEAD --verbose",
-    "lint:fix": "eslint --fix src stories tasks && npm run prettier:fix",
+    "lint:fix": "eslint --fix src stories tasks && yarn prettier:fix",
     "lint:license": "license-check-and-add check -f license-check-config.json",
     "lint:license:fix": "license-check-and-add add -f license-check-config.json -r $(date +%Y)",
     "lint:package": "sort-package-json",
@@ -37,19 +37,19 @@
     "prettier:fix": "prettier --write \"**/*.{js,html,css,json}\"",
     "release": "semantic-release",
     "rollup": "rollup -c ",
-    "serve": "npm run docs && start-storybook -p 6006 --ci -s assets --modern",
-    "serve:prod": "npm run build && static -a 0.0.0.0 -p 8080 storybook-static --modern",
+    "serve": "yarn docs && start-storybook -p 6006 --ci -s assets --modern",
+    "serve:prod": "yarn build && static -a 0.0.0.0 -p 8080 storybook-static --modern",
     "size": "node tasks/size.js",
-    "size:dev": "nodemon -w src -x 'npm run generate:dist && npm run size'",
+    "size:dev": "nodemon -w src -x 'yarn generate:dist && yarn size'",
     "test": "jest",
-    "test:coverage": "npm run test -- --collect-coverage",
-    "test:watch": "npm run test -- --watchAll",
+    "test:coverage": "yarn test -- --collect-coverage",
+    "test:watch": "yarn test -- --watchAll",
     "tsc": "tsc "
   },
   "lint-staged": {
-    "*": "npm run lint:license:fix",
+    "*": "yarn lint:license:fix",
     "*.{js,html,css,json}": "prettier --write",
-    "package.json": "npm run lint:package"
+    "package.json": "yarn lint:package"
   },
   "dependencies": {
     "@codemirror/basic-setup": "^0.19.1",
@@ -73,7 +73,6 @@
     "@babel/core": "7.16.5",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/preset-env": "7.16.5",
-    "@babel/preset-typescript": "^7.16.5",
     "@commitlint/cli": "15.0.0",
     "@commitlint/config-conventional": "15.0.0",
     "@highcharts/map-collection": "1.1.4",

package/src/atoms/gv-date-picker.d.ts

@@ -153,7 +153,7 @@ export class GvDatePicker extends LitElement {
     value: any;
     hasFrom(): boolean;
     hasTo(): boolean;
-    _distanceTimer: NodeJS.Timeout | undefined;
+    _distanceTimer: NodeJS.Timer | undefined;
     monthChanged(month: any, year: any): void;
     _monthPlus: string | undefined;
     _yearPlus: number | undefined;

package/src/atoms/gv-relative-time.d.ts

@@ -40,6 +40,6 @@ export class GvRelativeTime extends LitElement {
     _datetime: any;
     _formatDateInThePast(date: any): any;
     _format(dateStr: any, lang: any): Promise<string | undefined>;
-    updateIntervalId: NodeJS.Timeout | null | undefined;
+    updateIntervalId: NodeJS.Timer | null | undefined;
 }
 import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-identity-picture.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvIdentityPicture=void 0;const e=require("lit"),t=require("jdenticon"),i=require("../styles/skeleton"),r=require("lit/directives/style-map");require("../atoms/gv-image");class o extends e.LitElement{static get properties(){return{picture:{type:String},display_name:{type:String},_error:{type:Boolean,attribute:!1},notification:{type:Boolean},rounded:{type:Boolean,reflect:!0},skeleton:{type:Boolean}}}static get styles(){return[i.skeleton,e.css`:host{display:block;position:relative}div{text-align:center}.skeleton,svg{width:auto;height:auto;max-width:100%;max-height:100%}gv-image{width:100%;height:100%;--gv-image--of:contain}:host([rounded]) gv-image,:host([rounded]) svg{border:2px solid var(--gv-theme-neutral-color-lighter,#fafafa);border-radius:50%;box-sizing:border-box;--gv-image--of:cover}.notification{position:absolute;width:8px;height:8px;background-clip:padding-box;border-radius:50%;background-color:var(--gv-identity-picture-notification--bgc,var(--gv-theme-color-light,#86c3d0))}`]}_onError(){this._error=!0}_toNumber(e){return parseInt(e.replace("px",""),10)}_onLoaded(){this._error=!1}_getMaxSize(e,t){return Math.min(this._toNumber(e),this._toNumber(t))}updated(e){e.has("picture")&&(this._error=!1)}render(){const{width:i,height:o}=window.getComputedStyle(this);if((!this.picture||this._error)&&i&&o){const r=this._getMaxSize(i,o),n=document.createElement("div");if(this.skeleton&&n.classList.add("skeleton"),n.title=this.display_name,n.innerHTML=(0,t.toSvg)(this.display_name,r,{backColor:"#FFF"}),this.notification){const e=document.createElement("span");e.className="notification",e.style.left=i,n.appendChild(e)}return e.html`${n}`}return e.html`<gv-image src="${this.picture}" alt="${this.display_name}" title="${this.display_name}" @error="${this._onError}" @gv-image:loaded="${this._onLoaded}"></gv-image>${this.notification?e.html`<span class="notification" style="${(0,r.styleMap)({left:i})}"></span>`:""}`}}exports.GvIdentityPicture=o,window.customElements.define("gv-identity-picture",o);
+var e=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvIdentityPicture=void 0;const t=require("lit"),i=e(require("jdenticon")),r=require("../styles/skeleton"),o=require("lit/directives/style-map");require("../atoms/gv-image");class n extends t.LitElement{static get properties(){return{picture:{type:String},display_name:{type:String},_error:{type:Boolean,attribute:!1},notification:{type:Boolean},rounded:{type:Boolean,reflect:!0},skeleton:{type:Boolean}}}static get styles(){return[r.skeleton,t.css`:host{display:block;position:relative}div{text-align:center}.skeleton,svg{width:auto;height:auto;max-width:100%;max-height:100%}gv-image{width:100%;height:100%;--gv-image--of:contain}:host([rounded]) gv-image,:host([rounded]) svg{border:2px solid var(--gv-theme-neutral-color-lighter,#fafafa);border-radius:50%;box-sizing:border-box;--gv-image--of:cover}.notification{position:absolute;width:8px;height:8px;background-clip:padding-box;border-radius:50%;background-color:var(--gv-identity-picture-notification--bgc,var(--gv-theme-color-light,#86c3d0))}`]}_onError(){this._error=!0}_toNumber(e){return parseInt(e.replace("px",""),10)}_onLoaded(){this._error=!1}_getMaxSize(e,t){return Math.min(this._toNumber(e),this._toNumber(t))}updated(e){e.has("picture")&&(this._error=!1)}render(){const{width:e,height:r}=window.getComputedStyle(this);if((!this.picture||this._error)&&e&&r){const o=this._getMaxSize(e,r),n=document.createElement("div");if(this.skeleton&&n.classList.add("skeleton"),n.title=this.display_name,n.innerHTML=i.default.toSvg(this.display_name,o,{backColor:"#FFF"}),this.notification){const t=document.createElement("span");t.className="notification",t.style.left=e,n.appendChild(t)}return t.html`${n}`}return t.html`<gv-image src="${this.picture}" alt="${this.display_name}" title="${this.display_name}" @error="${this._onError}" @gv-image:loaded="${this._onLoaded}"></gv-image>${this.notification?t.html`<span class="notification" style="${(0,o.styleMap)({left:e})}"></span>`:""}`}}exports.GvIdentityPicture=n,window.customElements.define("gv-identity-picture",n);

package/src/molecules/gv-list.d.ts

@@ -111,6 +111,7 @@ export class GvList extends GvList_base {
             keys: boolean;
             values: boolean;
         };
+        at(index: number): import("lit").CSSResult | undefined;
     };
     _skeletonAttribute: string;
     _onClick(item: any): void;

package/src/theme/gv-theme.d.ts

@@ -76,6 +76,6 @@ export class GvTheme extends LitElement {
         date: number;
     };
     sendMessage(data?: {}, timeout?: number): void;
-    intervalID: NodeJS.Timeout | undefined;
+    intervalID: NodeJS.Timer | undefined;
 }
 import { LitElement } from "lit-element/lit-element";