@gravitee/ui-components 3.27.0 → 3.27.1-pagination-34a0cc9

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

@@ -0,0 +1,320 @@
+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)
+ *
+ * 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 { LitElement, html, css } from 'lit';
+import { dispatchCustomEvent } from '../../lib/events';
+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
+ * @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-input - 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
+ * @attr {Number} max - maximum number of page buttons to display.
+ *
+ * @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
+ */
+let GvPagination = class GvPagination extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hideEmpty = false;
+        this.widget = false;
+        this.disabled = false;
+        this.hasInput = 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 [
+            // language=css
+            css `
+        .pagination {
+          --font-size: var(--gv-pagination--fz, var(--gv-theme-font-size-s, 12px));
+          font-size: var(--fz);
+          --gv-button--fz: var(--fz);
+          display: flex;
+          align-items: center;
+        }
+
+        gv-button {
+          --gv-icon--s: var(--gv-pagination-icon--s, 18px);
+          min-width: 29px;
+        }
+
+        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;
+        }
+      `,
+        ];
+    }
+    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.data.current_page = page;
+        this.requestUpdate('data');
+        dispatchCustomEvent(this, 'paginate', { page: page, size: this.data.size });
+    }
+    onSubmit(e) {
+        const page = e.detail;
+        if (page != null && page <= this.data.total_pages && page > 0) {
+            this.goToPage(page);
+        }
+    }
+    onClickToSearch() {
+        if (this.input) {
+            // @ts-ignore
+            const page = this.input.value;
+            if (page) {
+                this.goToPage(page);
+            }
+        }
+    }
+    renderPagination() {
+        const pagination = [];
+        for (let i = 0; i < this.data.total_pages; i++) {
+            pagination.push(i + 1);
+        }
+        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.data.current_page > this.center ? this.max - this.data.current_page : this.center;
+            if (removeL > 0) {
+                addRight = this.center;
+                const diff = this.data.last - this.data.current_page - addRight;
+                if (diff < 0) {
+                    removeL += diff;
+                }
+                left = left.slice(removeL);
+            }
+            right = right.slice(0, addRight);
+        }
+        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="${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.data.current_page - 1)}"
+        >${this.widget ? '' : i18n('gv-pagination.previous')}</gv-button
+      >`);
+        rightP.push(html `<gv-button
+        ?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.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="${this.small}" ?medium="${this.medium}" ?large="${this.large}"
+      >${this.widget ? this.data.current_page + ' / ' + pagination.length : this.data.current_page}</gv-button
+    >`}
+    ${this.widget ? rightP.slice(rightP.length - 1, rightP.length) : rightP}`;
+    }
+    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;
+    }
+    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;
+    }
+    // @ts-ignore
+    onChangePageSize({ detail }) {
+        this.data.size = Number(detail).valueOf();
+        this.goToPage(1);
+    }
+    render() {
+        var _a;
+        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.hasInput
+                ? html `<gv-input
+                class="goto"
+                @gv-input:submit="${this.onSubmit}"
+                type="number"
+                min="1"
+                .disabled="${this.disabled}"
+                .value="${(_a = this.data) === null || _a === void 0 ? void 0 : _a.current_page}"
+                max="${this.data.total_pages}"
+                placeholder="Page"
+                ?small="${this.small}"
+                ?medium="${this.medium}"
+                ?large="${this.large}"
+              ></gv-input>
+              <gv-button
+                ?small="${this.small}"
+                ?medium="${this.medium}"
+                ?large="${this.large}"
+                outlined
+                @gv-button:click="${this.onClickToSearch}"
+                icon="general:search"
+              ></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>`;
+        }
+        return html ``;
+    }
+};
+__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-input' })
+], GvPagination.prototype, "hasInput", void 0);
+__decorate([
+    property({ type: Number })
+], 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,158 @@
+import './gv-pagination';
+declare const _default: {
+    title: string;
+    component: string;
+};
+export default _default;
+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;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export declare const Max: {
+    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 Selector: {
+    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 Widget: {
+    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/organisms/gv-pagination/gv-pagination.stories.js

@@ -0,0 +1,85 @@
+/*
+ * 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-pagination';
+import { makeStory } from '../../../testing/lib/make-story';
+export default {
+    title: 'Organisms/gv-pagination',
+    component: 'gv-pagination',
+};
+const conf = {
+    component: 'gv-pagination',
+};
+export const Basics = makeStory(conf, {
+    items: [
+        {
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 10 },
+        },
+    ],
+});
+export const Medium = makeStory(conf, {
+    items: [
+        {
+            'has-input': true,
+            'has-select': true,
+            medium: true,
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 10, size: 1, sizes: [5, 10, 25, 50, 100] },
+        },
+    ],
+});
+export const MoreThanTen = makeStory(conf, {
+    items: [
+        {
+            data: { first: 1, last: 100, total: 100, current_page: 59, total_pages: 70 },
+        },
+    ],
+});
+export const NoData = makeStory(conf, {
+    items: [{}],
+});
+export const HideEmpty = makeStory(conf, {
+    items: [
+        {
+            'hide-empty': true,
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 1 },
+        },
+    ],
+});
+export const Max = makeStory(conf, {
+    items: [
+        {
+            max: 5,
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 10 },
+        },
+    ],
+});
+export const Selector = makeStory(conf, {
+    items: [
+        {
+            'has-select': true,
+            max: 5,
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 10, sizes: [5, 10, 25, 50, 100] },
+        },
+    ],
+});
+export const Widget = makeStory(conf, {
+    items: [
+        {
+            data: { first: 1, last: 1, total: 10, current_page: 1, total_pages: 10 },
+            widget: true,
+        },
+    ],
+});
+//# sourceMappingURL=gv-pagination.stories.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './model';
+export * from './gv-pagination';

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

@@ -0,0 +1,18 @@
+/*
+ * 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 './model';
+export * from './gv-pagination';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './paginate-detail';
+export * from './pagination';

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

@@ -0,0 +1,18 @@
+/*
+ * 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 './paginate-detail';
+export * from './pagination';
+//# sourceMappingURL=index.js.map

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

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

package/src/organisms/gv-pagination/model/paginate-detail.d.ts

@@ -0,0 +1,4 @@
+export interface PaginateDetail {
+    page: number;
+    size: number;
+}

package/src/organisms/gv-pagination/model/paginate-detail.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=paginate-detail.js.map

package/src/organisms/gv-pagination/model/paginate-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginate-detail.js","sourceRoot":"","sources":["../../../../../src/organisms/gv-pagination/model/paginate-detail.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+export interface Pagination {
+    first: number;
+    last: number;
+    total: number;
+    total_pages: number;
+    current_page: number;
+    size: number;
+    sizes: Array<number>;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../src/organisms/gv-pagination/model/pagination.ts"],"names":[],"mappings":""}