@gravitee/ui-components 3.27.2-chore-release-9f040b5 → 3.27.2-pagination-d3ff300

package/assets/i18n/en.json

@@ -65,8 +65,10 @@
     "subscribers": "{count, plural, =0{Subscriber} one{Subscriber} other{Subscribers}}"
   },
   "gv-pagination": {
+    "goTo": "Go to page",
     "next": "Next",
-    "previous": "Previous"
+    "previous": "Previous",
+    "results": "{count, plural, =0{No result} one{{count} result} other{{count} results}}"
   },
   "gv-plans": {
     "characteristics": {

package/assets/i18n/fr.json

@@ -65,8 +65,10 @@
     "subscribers": "{count, plural, =0{Souscription} one{Souscription} other{Souscriptions}}"
   },
   "gv-pagination": {
+    "goTo": "Aller à la page",
     "next": "Suivant",
-    "previous": "Précédent"
+    "previous": "Précédent",
+    "results": "{count, plural, =0{Aucun résultat} one{{count} résultat} other{{count} résultats}}"
   },
   "gv-plans": {
     "characteristics": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.27.2-chore-release-9f040b5",
+  "version": "3.27.2-pagination-d3ff300",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",
@@ -8,32 +8,24 @@
   },
   "license": "Apache-2.0",
   "author": "",
-  "exports": {
-    "./*": "./dist/*"
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/*"
-      ]
-    }
-  },
+  "main": "src/index.js",
+  "types": "src/index.d.ts",
   "files": [
     "assets/css",
     "assets/i18n",
     "assets/icons",
     "assets/images",
-    "dist",
-    "LICENSE.txt",
-    "README.md",
-    "CHANGELOG.md"
+    "src",
+    "wc"
   ],
   "scripts": {
     "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",
+    "compile": "tsc",
+    "compile:watch": "tsc -w",
     "danger": "danger ci",
     "docs": "wca analyze src/** --outFile .docs/custom-elements.json && node tasks/generate-docs.js",
-    "generate:dist": "yarn tsc && cp -R assets dist/",
+    "generate:dist": "yarn compile && 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",
@@ -43,15 +35,14 @@
     "lint:license:fix": "license-check-and-add add -f license-check-config.json -r $(date +%Y)",
     "lint:package": "sort-package-json",
     "prepare": "is-ci || husky install",
-    "prettier": "prettier --check \"**/*.{js,html,css,json}\"",
-    "prettier:fix": "prettier --write \"**/*.{js,html,css,json}\"",
+    "prettier": "prettier --check \"**/*.{ts,js,html,css,json}\"",
+    "prettier:fix": "prettier --write \"**/*.{ts,js,html,css,json}\"",
     "release": "semantic-release",
     "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": "yarn test --collect-coverage",
-    "test:watch": "yarn test --watchAll",
-    "tsc": "tsc "
+    "test:watch": "yarn test --watchAll"
   },
   "lint-staged": {
     "*": "yarn lint:license:fix",

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.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":"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"}