@gravitee/ui-components 3.27.3 → 3.28.0

package/src/organisms/gv-pagination/gv-pagination.d.ts

@@ -1,63 +1,53 @@
+import { LitElement } from 'lit';
+import { Pagination } from './model';
+import '../../atoms/gv-button';
+import '../../atoms/gv-input';
+import '../../atoms/gv-select-native';
 /**
  * A pagination
  *
  * ## Details
  * * has @theme facet
+ * * @see { Pagination } for data attribute
+ * * @see { PaginateDetail } for detail of custom event
  *
  * @fires gv-pagination:paginate - Custom event with pagination link
  *
- * @attr {Object} data - Pagination information {first, last, total, current_page}
- * @attr {Boolean} hide-empty - hide component if no page or no data.
+ * @attr {Object} data - Pagination information
+ * @attr {Boolean} hide-empty - hide component if no page, no data or just one page.
  * @attr {Boolean} widget - display widget pagination (with arrows).
  * @attr {Boolean} disabled - same as native button element `disabled` attribute
+ * @attr {Boolean} has-search - display an input and a submit button to go to page.
+ * @attr {Boolean} has-select - display a page size selector
+ * @attr {Boolean} small - for pagination with small fields (Default)
+ * @attr {Boolean} medium - for pagination with medium fields
+ * @attr {Boolean} large - for pagination with large fields
  *
  * @cssprop {Length} [--gv-pagination--fz=var(--gv-theme-font-size-s, 12px)] - Font size
  * @cssprop {Length} [--gv-pagination-icon--s=18px] - Height and icon width
  */
-export class GvPagination extends LitElement {
-    static get properties(): {
-        data: {
-            type: ObjectConstructor;
-        };
-        hideEmpty: {
-            type: BooleanConstructor;
-            attribute: string;
-        };
-        widget: {
-            type: BooleanConstructor;
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        _first: {
-            type: NumberConstructor;
-        };
-        _last: {
-            type: NumberConstructor;
-        };
-        _current: {
-            type: NumberConstructor;
-        };
-        _total: {
-            type: NumberConstructor;
-        };
-    };
-    static get styles(): import("lit").CSSResult[];
+export declare class GvPagination extends LitElement {
+    data: Pagination | any;
     hideEmpty: boolean;
-    hasInput: boolean;
-    max: number;
-    center: number;
-    sizes: any[];
-    links: {};
-    set data(arg: any);
-    _last: any;
-    _current: number | undefined;
-    _pages: any;
-    _goToPage(page: any): void;
-    _onSubmit(e: any): void;
-    _onClickToSearch(): void;
-    _renderPagination(): import("lit").TemplateResult<1>;
-    _hasData(): any;
-    _hideEmpty(): any;
+    widget: boolean;
+    disabled: boolean;
+    hasSearch: boolean;
+    private max;
+    hasSelect: boolean;
+    small: boolean;
+    medium: boolean;
+    large: boolean;
+    private center;
+    private input;
+    static get styles(): import("lit").CSSResult[];
+    willUpdate(changedProperties: any): void;
+    private goToPage;
+    private onSubmit;
+    private onClickToSearch;
+    private renderPagination;
+    private get hasData();
+    private get hide();
+    private get pageSize();
+    private onChangePageSize;
+    render(): import("lit-html").TemplateResult<1>;
 }
-import { LitElement } from "lit-element/lit-element";

package/src/organisms/gv-pagination/gv-pagination.js

@@ -1,3 +1,9 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
  *
@@ -15,36 +21,48 @@
  */
 import { LitElement, html, css } from 'lit';
 import { dispatchCustomEvent } from '../../lib/events';
-import '../../atoms/gv-button';
 import { i18n } from '../../lib/i18n';
+import { customElement, property, query } from 'lit/decorators';
+import '../../atoms/gv-button';
+import '../../atoms/gv-input';
+import '../../atoms/gv-select-native';
+import { classMap } from 'lit/directives/class-map';
 /**
  * A pagination
  *
  * ## Details
  * * has @theme facet
+ * * @see { Pagination } for data attribute
+ * * @see { PaginateDetail } for detail of custom event
  *
  * @fires gv-pagination:paginate - Custom event with pagination link
  *
- * @attr {Object} data - Pagination information {first, last, total, current_page}
- * @attr {Boolean} hide-empty - hide component if no page or no data.
+ * @attr {Object} data - Pagination information
+ * @attr {Boolean} hide-empty - hide component if no page, no data or just one page.
  * @attr {Boolean} widget - display widget pagination (with arrows).
  * @attr {Boolean} disabled - same as native button element `disabled` attribute
+ * @attr {Boolean} has-search - display an input and a submit button to go to page.
+ * @attr {Boolean} has-select - display a page size selector
+ * @attr {Boolean} small - for pagination with small fields (Default)
+ * @attr {Boolean} medium - for pagination with medium fields
+ * @attr {Boolean} large - for pagination with large fields
  *
  * @cssprop {Length} [--gv-pagination--fz=var(--gv-theme-font-size-s, 12px)] - Font size
  * @cssprop {Length} [--gv-pagination-icon--s=18px] - Height and icon width
  */
-export class GvPagination extends LitElement {
-    static get properties() {
-        return {
-            data: { type: Object },
-            hideEmpty: { type: Boolean, attribute: 'hide-empty' },
-            widget: { type: Boolean },
-            disabled: { type: Boolean },
-            _first: { type: Number },
-            _last: { type: Number },
-            _current: { type: Number },
-            _total: { type: Number },
-        };
+let GvPagination = class GvPagination extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hideEmpty = false;
+        this.widget = false;
+        this.disabled = false;
+        this.hasSearch = false;
+        this.max = 10;
+        this.hasSelect = false;
+        this.small = true;
+        this.medium = false;
+        this.large = false;
+        this.center = this.max / 2 - 1;
     }
     static get styles() {
         return [
@@ -66,56 +84,76 @@ export class GvPagination extends LitElement {
         gv-input {
           width: 50px;
         }
+
+        .medium gv-input,
+        .large gv-input {
+          width: 60px;
+        }
+
+        gv-select-native {
+          width: 65px;
+        }
+
+        .medium gv-select-native,
+        .large gv-select-native {
+          width: 75px;
+        }
       `,
         ];
     }
-    constructor() {
-        super();
-        this.hideEmpty = false;
-        this.hasInput = false;
-        this.max = 10;
-        this.center = this.max / 2 - 1;
-        this.sizes = [];
-        this.links = {};
-    }
-    set data(data) {
-        if (data) {
-            this._last = data.last;
-            this._current = parseInt(data.current_page);
-            this._pages = data.total_pages;
-            if (this._pages < this.max) {
-                this.max = this._pages;
-            }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('data') && this.data) {
+            this.max = Math.min(this.data.total_pages, 10);
+        }
+        if (changedProperties.has('max') && this.max != null) {
+            this.center = this.max / 2 - 1;
+        }
+        if (changedProperties.has('large') && this.large) {
+            this.small = false;
+            this.medium = false;
+        }
+        else if (changedProperties.has('medium') && this.medium) {
+            this.small = false;
+            this.large = false;
+        }
+        else if (changedProperties.has('small') && this.small) {
+            this.medium = false;
+            this.large = false;
         }
     }
-    _goToPage(page) {
-        this._current = parseInt(page);
-        dispatchCustomEvent(this, 'paginate', { page: page });
+    goToPage(page) {
+        this.data.current_page = page;
+        this.requestUpdate('data');
+        dispatchCustomEvent(this, 'paginate', { page: page, size: this.data.size });
     }
-    _onSubmit(e) {
-        const page = e.target.value;
-        this._goToPage(page);
+    onSubmit(e) {
+        const page = e.detail;
+        if (page != null && page <= this.data.total_pages && page > 0) {
+            this.goToPage(page);
+        }
     }
-    _onClickToSearch() {
-        const page = this.shadowRoot.querySelector('gv-input').value;
-        if (page) {
-            this._goToPage(page);
+    onClickToSearch() {
+        if (this.input) {
+            const page = this.input.value;
+            if (page) {
+                this.goToPage(page);
+            }
         }
     }
-    _renderPagination() {
+    renderPagination() {
         const pagination = [];
-        for (let i = 0; i < this._pages; i++) {
+        for (let i = 0; i < this.data.total_pages; i++) {
             pagination.push(i + 1);
         }
-        let left = pagination.slice(0, this._current - 1);
-        let right = pagination.slice(this._current);
+        let left = pagination.slice(0, this.data.current_page - 1);
+        let right = pagination.slice(this.data.current_page);
         if (pagination.length > this.max) {
             const dL = left.length;
             let removeL = dL - this.center - 1;
-            let addRight = this.max - this._current > this.center ? this.max - this._current : this.center;
+            let addRight = this.max - this.data.current_page > this.center ? this.max - this.data.current_page : this.center;
             if (removeL > 0) {
                 addRight = this.center;
-                const diff = this._last - this._current - addRight;
+                const diff = this.data.last - this.data.current_page - addRight;
                 if (diff < 0) {
                     removeL += diff;
                 }
@@ -123,58 +161,167 @@ export class GvPagination extends LitElement {
             }
             right = right.slice(0, addRight);
         }
-        const leftP = left.map((i) => html `<gv-button small outlined @click="${this._goToPage.bind(this, i)}">${i}</gv-button>`);
-        const rightP = right.map((i) => html `<gv-button small outlined @click="${this._goToPage.bind(this, i)}">${i}</gv-button>`);
+        const leftP = left.map((i) => html `<gv-button
+        ?small="${this.small}"
+        ?medium="${this.medium}"
+        ?large="${this.large}"
+        outlined
+        @gv-button:click="${this.goToPage.bind(this, i)}"
+        >${i}</gv-button
+      >`);
+        const rightP = right.map((i) => html `<gv-button
+        ?small="${this.small}"
+        ?medium="${this.medium}"
+        ?large="${this.large}"
+        outlined
+        @gv-button:click="${this.goToPage.bind(this, i)}"
+        >${i}</gv-button
+      >`);
         leftP.unshift(html `<gv-button
-        small
+        ?small="${this.small}"
+        ?medium="${this.medium}"
+        ?large="${this.large}"
         .disabled="${this.disabled || leftP.length === 0}"
         .icon="${this.widget ? 'navigation:angle-left' : null}"
         .title="${i18n('gv-pagination.previous')}"
         outlined
-        @click="${leftP.length === 0 ? () => { } : this._goToPage.bind(this, this._current - 1)}"
+        @gv-button:click="${leftP.length === 0 ? () => { } : this.goToPage.bind(this, this.data.current_page - 1)}"
         >${this.widget ? '' : i18n('gv-pagination.previous')}</gv-button
       >`);
         rightP.push(html `<gv-button
-        small
+        ?small="${this.small}"
+        ?medium="${this.medium}"
+        ?large="${this.large}"
         .disabled="${this.disabled || rightP.length === 0}"
         .icon="${this.widget ? 'navigation:angle-right' : null}"
         .title="${i18n('gv-pagination.next')}"
         outlined
-        @click="${rightP.length === 0 ? () => { } : this._goToPage.bind(this, this._current + 1)}"
+        @gv-button:click="${rightP.length === 0 ? () => { } : this.goToPage.bind(this, this.data.current_page + 1)}"
         >${this.widget ? '' : i18n('gv-pagination.next')}</gv-button
       >`);
         return html `${this.widget ? leftP.slice(0, 1) : leftP}
-    ${html `<gv-button .disabled="${this.disabled}" small primary
-      >${this.widget ? this._current + ' / ' + pagination.length : this._current}</gv-button
+    ${html `<gv-button
+      .disabled="${this.disabled}"
+      ?small="${this.small}"
+      ?medium="${this.medium}"
+      ?large="${this.large}"
+      primary
+      .title="${this.widget
+            ? i18n('gv-pagination.results', { count: this.data.total })
+            : this.data.current_page + ' / ' + pagination.length}"
+      >${this.widget ? this.data.current_page + ' / ' + pagination.length : this.data.current_page}</gv-button
     >`}
     ${this.widget ? rightP.slice(rightP.length - 1, rightP.length) : rightP}`;
     }
-    _hasData() {
-        return this._pages && this._last && this._current;
+    get hasData() {
+        var _a, _b, _c;
+        return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.total_pages) && ((_b = this.data) === null || _b === void 0 ? void 0 : _b.last) && ((_c = this.data) === null || _c === void 0 ? void 0 : _c.current_page);
+    }
+    get hide() {
+        var _a;
+        return this.hideEmpty && ((_a = this.data) === null || _a === void 0 ? void 0 : _a.total_pages) < 2;
     }
-    _hideEmpty() {
-        return this._hasData() && this.hideEmpty && this._pages < 2;
+    get pageSize() {
+        var _a, _b;
+        if (this.hasSelect) {
+            return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.size) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.sizes[0]);
+        }
+        return null;
+    }
+    onChangePageSize({ detail }) {
+        this.data.size = Number(detail).valueOf();
+        this.goToPage(1);
     }
     render() {
-        if (this._hasData() && !this._hideEmpty()) {
-            return html `<div class="pagination">
-        ${this.hasInput
+        var _a, _b;
+        const classes = {
+            pagination: true,
+            small: this.small,
+            medium: this.medium,
+            large: this.large,
+        };
+        if (this.hasData && !this.hide) {
+            return html `<div class="${classMap(classes)}">
+        ${this.hasSearch
                 ? html `<gv-input
                 class="goto"
-                @gv-input:submit="${this._onSubmit}"
+                @gv-input:submit="${this.onSubmit}"
                 type="number"
                 min="1"
-                max="${this._pages}"
+                .disabled="${this.disabled}"
+                .value="${(_a = this.data) === null || _a === void 0 ? void 0 : _a.current_page}"
+                max="${this.data.total_pages}"
                 placeholder="Page"
-                small
+                ?small="${this.small}"
+                ?medium="${this.medium}"
+                ?large="${this.large}"
+                .title="${((_b = this.data) === null || _b === void 0 ? void 0 : _b.current_page) + ' / ' + this.data.total_pages}"
               ></gv-input>
-              <gv-button small outlined @click="${this._onClickToSearch}" icon="general:search"></gv-button>`
+              <gv-button
+                ?small="${this.small}"
+                ?medium="${this.medium}"
+                ?large="${this.large}"
+                outlined
+                @gv-button:click="${this.onClickToSearch}"
+                icon="general:search"
+                .title="${i18n('gv-pagination.goTo')}"
+              ></gv-button>`
+                : ''}
+        ${this.hasSelect
+                ? html `<gv-select-native
+              .value="${this.pageSize}"
+              .options="${this.data.sizes}"
+              .disabled="${this.disabled}"
+              @gv-select-native:input="${this.onChangePageSize}"
+              ?small="${this.small}"
+              ?medium="${this.medium}"
+              ?large="${this.large}"
+            ></gv-select-native>`
                 : ''}
-        ${this._renderPagination()}
-      </div> `;
+        ${this.renderPagination()}
+      </div>`;
         }
         return html ``;
     }
-}
-window.customElements.define('gv-pagination', GvPagination);
+};
+__decorate([
+    property({ type: Object })
+], GvPagination.prototype, "data", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-empty' })
+], GvPagination.prototype, "hideEmpty", void 0);
+__decorate([
+    property({ type: Boolean })
+], GvPagination.prototype, "widget", void 0);
+__decorate([
+    property({ type: Boolean })
+], GvPagination.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-search' })
+], GvPagination.prototype, "hasSearch", void 0);
+__decorate([
+    property({ type: Number, attribute: false })
+], GvPagination.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-select' })
+], GvPagination.prototype, "hasSelect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GvPagination.prototype, "small", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GvPagination.prototype, "medium", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GvPagination.prototype, "large", void 0);
+__decorate([
+    property({ type: Number, attribute: false })
+], GvPagination.prototype, "center", void 0);
+__decorate([
+    query('gv-input')
+], GvPagination.prototype, "input", void 0);
+GvPagination = __decorate([
+    customElement('gv-pagination')
+], GvPagination);
+export { GvPagination };
 //# sourceMappingURL=gv-pagination.js.map

package/src/organisms/gv-pagination/gv-pagination.js.map

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

package/src/organisms/gv-pagination/gv-pagination.stories.d.ts

@@ -1,9 +1,86 @@
-declare namespace _default {
-    const title: string;
-    const component: string;
-}
+import './gv-pagination';
+declare const _default: {
+    title: string;
+    component: string;
+};
 export default _default;
-export const Basics: {
+export declare const Basics: {
+    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 declare const Medium: {
+    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 declare const MoreThanTen: {
+    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 declare const NoData: {
+    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 declare const HideEmpty: {
     docs: any;
     css: any;
     component: any;
@@ -22,7 +99,7 @@ export const Basics: {
     };
     render: (args: any) => HTMLDivElement;
 };
-export const Large: {
+export declare const WithSearch: {
     docs: any;
     css: any;
     component: any;
@@ -41,7 +118,7 @@ export const Large: {
     };
     render: (args: any) => HTMLDivElement;
 };
-export const Empty: {
+export declare const Selector: {
     docs: any;
     css: any;
     component: any;
@@ -60,7 +137,7 @@ export const Empty: {
     };
     render: (args: any) => HTMLDivElement;
 };
-export const Widget: {
+export declare const Widget: {
     docs: any;
     css: any;
     component: any;