@gravitee/ui-components 3.25.3 → 3.25.4-yarn-d0ed047

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.25.3",
+  "version": "3.25.4-yarn-d0ed047",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",
@@ -9,6 +9,7 @@
   "license": "Apache-2.0",
   "author": "",
   "main": "src/index.js",
+  "types": "src/index.d.ts",
   "files": [
     "assets/css",
     "assets/i18n",
@@ -18,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": "node tasks/generate-dist.js",
-    "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 && cp -R assets dist/ && cp package.json dist/",
+    "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",
@@ -35,18 +36,19 @@
     "prettier": "prettier --check \"**/*.{js,html,css,json}\"",
     "prettier:fix": "prettier --write \"**/*.{js,html,css,json}\"",
     "release": "semantic-release",
-    "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",
@@ -70,8 +72,9 @@
     "@babel/core": "7.16.5",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/preset-env": "7.16.5",
-    "@commitlint/cli": "15.0.0",
-    "@commitlint/config-conventional": "15.0.0",
+    "@babel/preset-typescript": "^7.16.5",
+    "@commitlint/cli": "16.0.0",
+    "@commitlint/config-conventional": "16.0.0",
     "@highcharts/map-collection": "1.1.4",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "10.0.1",
@@ -84,9 +87,8 @@
     "asciidoctor-highlight.js": "0.4.0",
     "babel-jest": "27.4.5",
     "babel-loader": "8.2.3",
-    "babel-plugin-template-html-minifier": "4.1.0",
     "bundle-phobia-cli": "0.14.13",
-    "chromatic": "6.2.3",
+    "chromatic": "6.3.3",
     "danger": "10.7.1",
     "del": "6.0.0",
     "eslint": "8.5.0",
@@ -123,6 +125,7 @@
     "svgo": "2.8.0",
     "svgstore": "3.0.1",
     "text-table": "0.2.0",
+    "typescript": "^4.5.4",
     "web-component-analyzer": "1.1.6",
     "webpack-env": "0.8.0",
     "webpack-merge": "5.8.0",

package/src/atoms/gv-autocomplete.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Autocomplete input wrapper
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-autocomplete:search - Custom event when user search value
+ * @fires gv-autocomplete:select - Custom event when user select value
+ * @fires gv-autocomplete:opened - Custom event after opened autocomplete
+ *
+ * @slot style - The options style
+ * @slot input - The input to wrap
+ * @slot noOption - What should be shown when there is no options to display
+ *
+ * @attr {Array.<{value: String, innerHTML?: String}>} options - the options for search
+ * @attr {String} value - selected value
+ * @attr {String} style - css if you want custom options rendered
+ * @attr {Number} minChars - minimum of characters for launch search and show results
+ * @attr {Number} size - results size to show before user must scroll
+ * @attr {Boolean|Function(value,option)} filter - If true, filter options by input, if function, filter options against it. The function will
+ * receive two arguments, inputValue and option, if the function returns true, the option will be included
+ * in the filtered set; Otherwise, it will be excluded.
+ * the option will be included in the filtered set; Otherwise, it will be excluded.
+ *
+ * @cssprop {Color} [--gv-autocomplete-hover--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Hover background color
+ * @cssprop {Color} [--gv-autocomplete--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Color} [--gv-autocomplete--c=var(--gv-theme-font-color, #262626)] - Color
+ */
+export class GvAutocomplete extends LitElement {
+    static get properties(): {
+        options: {
+            type: ArrayConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        style: {
+            type: StringConstructor;
+        };
+        minChars: {
+            type: NumberConstructor;
+        };
+        filter: {
+            type: number;
+        };
+        size: {
+            type: NumberConstructor;
+        };
+        _options: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _forceOpen: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _options: any[];
+    _candidateIndex: number;
+    minChars: number;
+    value: string;
+    filter: boolean;
+    size: number;
+    _handleOpened: ({ detail }: {
+        detail: any;
+    }) => void;
+    set options(arg: any[]);
+    get options(): any[];
+    reset(): void;
+    _getFilteredOptions(): any[];
+    _onInput(event: any): void;
+    _cancellableTimeout: NodeJS.Timeout | undefined;
+    _onSelect(value: any, option: any): void;
+    _onMouseOver(): void;
+    _shouldSelect: boolean | undefined;
+    _onMouseLeave(): void;
+    _renderOption(option: any): any;
+    _renderStyle(): "" | HTMLDivElement;
+    _hasNoOptionSlot(): boolean;
+    _clearHover(): void;
+    _updateHover(): void;
+    _onKeydown(e: any): void;
+    _open(): void;
+    _forceOpen: boolean | undefined;
+    _close(): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    _getInput(): ChildNode | null;
+    _onClear(event: any): void;
+    _handlers: {
+        input: (event: any) => void;
+        focus: () => void;
+        blur: () => void;
+        keydown: (e: any) => void;
+        clear: (event: any) => void;
+    } | undefined;
+    _onOpened({ detail }: {
+        detail: any;
+    }): void;
+}
+import { LitElement } from "lit-element/lit-element";