@gravitee/ui-components 3.26.0 → 3.27.0-grp-compo-stories-test-0523cb2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.26.0",
+  "version": "3.27.0-grp-compo-stories-test-0523cb2",
   "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 && cp -R assets dist/ && cp package.json dist/",
-    "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 testing 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 testing 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",
@@ -36,19 +36,17 @@
     "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",
-    "size": "node tasks/size.js",
-    "size:dev": "nodemon -w src -x 'npm run generate:dist && npm run size'",
+    "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",
     "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",
@@ -69,11 +67,9 @@
   },
   "devDependencies": {
     "@asciidoctor/core": "2.2.5",
-    "@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": "16.0.0",
+    "@babel/preset-env": "7.16.7",
+    "@babel/preset-typescript": "7.16.7",
+    "@commitlint/cli": "16.0.1",
     "@commitlint/config-conventional": "16.0.0",
     "@highcharts/map-collection": "1.1.4",
     "@semantic-release/changelog": "6.0.1",
@@ -85,16 +81,15 @@
     "@storybook/web-components": "6.4.9",
     "asciidoctor": "2.2.5",
     "asciidoctor-highlight.js": "0.4.0",
-    "babel-jest": "27.4.5",
+    "babel-jest": "27.4.6",
     "babel-loader": "8.2.3",
-    "bundle-phobia-cli": "0.14.13",
     "chromatic": "6.3.3",
     "danger": "10.7.1",
     "del": "6.0.0",
-    "eslint": "8.5.0",
+    "eslint": "8.6.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-standard": "16.0.3",
-    "eslint-plugin-import": "2.25.3",
+    "eslint-plugin-import": "2.25.4",
     "eslint-plugin-lit": "1.6.1",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-promise": "5.2.0",
@@ -103,7 +98,6 @@
     "fs-extra": "10.0.0",
     "github-markdown-css": "4.0.0",
     "glob": "7.2.0",
-    "gzip-size": "7.0.0",
     "highcharts": "9.3.2",
     "highlight.js": "11.3.1",
     "html-to-react": "1.4.7",
@@ -111,7 +105,7 @@
     "i18n-extract": "0.6.7",
     "ignore-loader": "0.1.2",
     "is-ci": "3.0.1",
-    "jest": "27.4.5",
+    "jest": "27.4.6",
     "license-check-and-add": "4.0.3",
     "lint-staged": "11.2.6",
     "lit-html": "2.0.2",
@@ -124,8 +118,7 @@
     "sort-package-json": "1.53.1",
     "svgo": "2.8.0",
     "svgstore": "3.0.1",
-    "text-table": "0.2.0",
-    "typescript": "^4.5.4",
+    "typescript": "4.5.4",
     "web-component-analyzer": "1.1.6",
     "webpack-env": "0.8.0",
     "webpack-merge": "5.8.0",
@@ -158,5 +151,6 @@
     "highlight.js": {
       "optional": true
     }
-  }
+  },
+  "packageManager": "yarn@3.1.1"
 }

package/src/atoms/{gv-autocomplete.js → gv-autocomplete/gv-autocomplete.js}

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { css, LitElement, unsafeCSS, html } from 'lit';
-import { dispatchCustomEvent } from '../lib/events';
+import { dispatchCustomEvent } from '../../lib/events';
 import { repeat } from 'lit/directives/repeat';
 import { classMap } from 'lit/directives/class-map';
 import { styleMap } from 'lit/directives/style-map';

package/src/atoms/gv-autocomplete/gv-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-autocomplete.js","sourceRoot":"","sources":["../../../../src/atoms/gv-autocomplete/gv-autocomplete.js"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,157 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+}
+export default _default;
+export const BasicUsage: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const CustomInput: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const DisplayChoices: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const DefaultFilter: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const CustomFilter: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const CustomHTML: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const CustomElement: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const NoOptionsSlot: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/atoms/gv-autocomplete/gv-autocomplete.stories.js

@@ -0,0 +1,231 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-autocomplete';
+import '../gv-input';
+import '../gv-image';
+import { makeStory } from '../../../testing/lib/make-story';
+import picture from '../../../assets/images/avatar.png';
+export default {
+    title: 'Atoms/gv-autocomplete',
+    component: 'gv-autocomplete',
+};
+const mockVal = (str, repeat = 1) => ({
+    value: str.repeat(repeat),
+});
+const conf = {
+    component: 'gv-autocomplete',
+    events: ['gv-input:submit', 'click'],
+    css: `
+    :host {
+      height: 175px;
+      display: flex;
+      flex-direction: column;
+    }
+    gv-autocomplete {
+      width: 350px;
+    }
+  `,
+};
+export const BasicUsage = makeStory(conf, {
+    items: [
+        {
+            innerHTML: '<gv-input placeholder="Type something..." description="Try to type something"></gv-input>',
+            '@gv-autocomplete:search': (event) => {
+                const detail = event.detail;
+                const component = event.target;
+                component.options = [mockVal(detail), mockVal(detail, 2), mockVal(detail, 3)];
+            },
+        },
+    ],
+});
+export const CustomInput = makeStory(conf, {
+    items: [
+        {
+            innerHTML: '<gv-input type="search" placeholder="Type text to start the search..."></gv-input>',
+            '@gv-autocomplete:search': (event) => {
+                const component = event.target;
+                const detail = event.detail;
+                component.options = [mockVal(detail), mockVal(detail, 2), mockVal(detail, 3)];
+            },
+        },
+    ],
+    docs: `
+   You can use any element that returns the native [input event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)
+  `,
+});
+const options = [{ value: 'Good Morning' }, { value: 'Hello' }, { value: 'Good Bye' }];
+export const DisplayChoices = makeStory(conf, {
+    items: [
+        {
+            innerHTML: '<gv-input label="Play with dynamic data" placeholder="Play with dynamic data" autofocus></gv-input>',
+            options,
+            minChars: 0,
+            '@gv-autocomplete:search': (event) => {
+                const detail = event.detail;
+                const component = event.target;
+                if (detail.length === 0) {
+                    component.options = options;
+                }
+                else {
+                    component.options = [mockVal(detail), mockVal(detail, 2), mockVal(detail, 3)];
+                }
+            },
+        },
+    ],
+    docs: `
+    If you want displayed choices on the first load, you must initialize the data and set the option \`minChars = 0\`
+  `,
+});
+const renderApi = ({ title }) => {
+    return `
+    <div class="api">
+        <gv-image src="${picture}"></gv-image>
+        <div class="title">
+            <strong>${title}</strong>
+            <div>A simple description</div>
+        </div>
+    </div>
+  `;
+};
+const style = `
+    <style>
+    .api {
+        display: inline-flex;
+        font-size: 11px;
+        align-items: center;
+    }
+
+    .title {
+        display: flex;
+        flex: 1;
+        margin: 0.5rem;
+        flex-direction: column;
+    }
+
+    gv-image {
+        margin: 0 0.5rem;
+        height: 25px;
+        width: 25px;
+    }
+  </style>
+`;
+export const DefaultFilter = makeStory(conf, {
+    items: [
+        {
+            innerHTML: '<gv-input placeholder="try to type `g`" autofocus></gv-input>',
+            options: [
+                { value: 'Good Morning' },
+                { value: 'Hello' },
+                { value: 'Good Bye' },
+                { value: 'Morning' },
+                { value: 'Bonjour' },
+                { value: 'Bye Bye' },
+            ],
+            filter: true,
+        },
+    ],
+    docs: `
+    If you want to use default case sensitive filter, set option \`filter=true\`
+  `,
+});
+export const CustomFilter = makeStory(conf, {
+    items: [
+        {
+            innerHTML: '<gv-input placeholder="try to type `g`" autofocus></gv-input>',
+            options: [{ value: 'Good Morning' }, { value: 'Hello' }, { value: 'Good Bye' }],
+            filter: (value, option) => option.value.toUpperCase().indexOf(value.toUpperCase()) !== -1,
+        },
+    ],
+    docs: `
+      If you want to use custom filter, set function to \`filter\` option
+    `,
+});
+export const CustomHTML = makeStory(conf, {
+    items: [
+        {
+            innerHTML: `<gv-input></gv-input>`,
+            style,
+            '@gv-autocomplete:search': (event) => {
+                const detail = event.detail;
+                const component = event.target;
+                component.options = [
+                    { value: mockVal(detail).value, innerHTML: renderApi({ title: mockVal(detail).value }) },
+                    { value: mockVal(detail, 2).value, innerHTML: renderApi({ title: mockVal(detail, 2).value }) },
+                    { value: mockVal(detail, 3).value, innerHTML: renderApi({ title: mockVal(detail, 3).value }) },
+                    { value: mockVal(detail, 4).value, innerHTML: renderApi({ title: mockVal(detail, 4).value }) },
+                    { value: mockVal(detail, 5).value, innerHTML: renderApi({ title: mockVal(detail, 5).value }) },
+                    { value: mockVal(detail, 6).value, innerHTML: renderApi({ title: mockVal(detail, 6).value }) },
+                    { value: mockVal(detail, 7).value, innerHTML: renderApi({ title: mockVal(detail, 7).value }) },
+                ];
+            },
+        },
+    ],
+    docs: `
+      If you want to customize option rendering, you must use option object with value and innerHTML property's
+    `,
+});
+const renderApiElement = ({ title }) => {
+    const api = document.createElement('div');
+    api.className = 'api';
+    api.innerHTML = `
+        <gv-image src="${picture}"></gv-image>
+        <div class="title">
+            <strong>${title}</strong>
+            <div>A simple description</div>
+        </div>
+  `;
+    return api;
+};
+export const CustomElement = makeStory(conf, {
+    items: [
+        {
+            innerHTML: `<gv-input></gv-input>`,
+            style,
+            '@gv-autocomplete:search': (event) => {
+                const detail = event.detail;
+                const component = event.target;
+                component.options = [
+                    { value: mockVal(detail).value, element: renderApiElement({ title: mockVal(detail).value }) },
+                    { value: mockVal(detail, 2).value, element: renderApiElement({ title: mockVal(detail, 2).value }) },
+                    { value: mockVal(detail, 3).value, element: renderApiElement({ title: mockVal(detail, 3).value }) },
+                ];
+            },
+        },
+    ],
+    docs: `
+      If you want to customize option rendering, you must use option object with value and innerHTML property's
+    `,
+});
+const users = [{ value: 'John' }, { value: 'Jack' }, { value: 'Jane' }, { value: 'Steeve' }, { value: 'Tony' }, { value: 'Axel' }];
+export const NoOptionsSlot = makeStory(conf, {
+    items: [
+        {
+            options: users,
+            innerHTML: `
+        <gv-input placeholder='Type some unavailable option like Jim…'></gv-input>
+        <div slot='noOption' style='display:flex;flex-direction:row;align-items:center;justify-content:space-around'>
+            <span>No matching option found</span>
+            <gv-button>Add one</gv-button>
+        </div>`,
+            '@gv-autocomplete:search': (event) => {
+                const detail = event.detail;
+                const component = event.target;
+                component.options = users.filter((user) => user.value.includes(detail));
+            },
+        },
+    ],
+});
+//# sourceMappingURL=gv-autocomplete.stories.js.map

package/src/atoms/gv-autocomplete/gv-autocomplete.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/atoms/gv-autocomplete/gv-autocomplete.stories.js"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export {};

package/src/atoms/gv-autocomplete/gv-autocomplete.test.js

@@ -0,0 +1,70 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-autocomplete';
+import '../gv-input';
+import '../gv-image';
+import { afterEach, beforeEach, describe, expect, test } from '@jest/globals';
+import { Page, querySelector } from '../../../testing/lib/test-utils';
+describe('A U T O C O M P L E T E', () => {
+    let page;
+    beforeEach(() => {
+        page = new Page();
+        page.create('gv-autocomplete', {
+            innerHTML: '<gv-input></gv-input>',
+        });
+    });
+    afterEach(() => {
+        page.clear();
+    });
+    test('should create element', () => {
+        expect(window.customElements.get('gv-autocomplete')).toBeDefined();
+        const component = querySelector('gv-autocomplete');
+        expect(component).toBeDefined();
+        expect(component.innerHTML).toEqual('<gv-input no-submit="true" valid="" value=""></gv-input>');
+    });
+    test('should catch `gv-autocomplete:search` event when input dispatch input event', (done) => {
+        const component = querySelector('gv-autocomplete');
+        component.addEventListener('gv-autocomplete:search', (event) => {
+            expect(event).toBeDefined();
+            expect(event.detail).toEqual(input.value);
+            done();
+        });
+        const input = component._getInput();
+        input.value = 'foobar';
+        input.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+    });
+    test('should reset options when input dispatch input event with empty value', () => {
+        const component = querySelector('gv-autocomplete');
+        component.options = [{ value: 1 }, { value: 2 }, { value: 3 }];
+        const input = component._getInput();
+        input.value = '';
+        input.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+        expect(component.options).toEqual([]);
+    });
+    test('should catch `gv-autocomplete:search` event when input dispatch input event with empty value', (done) => {
+        const component = querySelector('gv-autocomplete');
+        component.minChars = 0;
+        component.addEventListener('gv-autocomplete:search', (event) => {
+            expect(event).toBeDefined();
+            expect(event.detail).toEqual(input.value);
+            done();
+        });
+        const input = component._getInput();
+        input.value = '';
+        input.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+    });
+});
+//# sourceMappingURL=gv-autocomplete.test.js.map

package/src/atoms/gv-autocomplete/gv-autocomplete.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-autocomplete.test.js","sourceRoot":"","sources":["../../../../src/atoms/gv-autocomplete/gv-autocomplete.test.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEtE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,IAAI,IAAI,CAAC;IAET,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;YAC7B,SAAS,EAAE,uBAAuB;SACnC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACnE,MAAM,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,0DAA0D,CAAC,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6EAA6E,EAAE,CAAC,IAAI,EAAE,EAAE;QAC3F,MAAM,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAEnD,SAAS,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC7D,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;QACpC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uEAAuE,EAAE,GAAG,EAAE;QACjF,MAAM,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnD,SAAS,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE/D,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;QACpC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACjB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE7E,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8FAA8F,EAAE,CAAC,IAAI,EAAE,EAAE;QAC5G,MAAM,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnD,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC;QAEvB,SAAS,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC7D,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;QACpC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACjB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export * from './gv-autocomplete';

package/src/atoms/gv-autocomplete/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-autocomplete';
+//# sourceMappingURL=index.js.map

package/src/atoms/gv-autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/atoms/gv-autocomplete/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,mBAAmB,CAAC"}