@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/multiMenu/MultiMenu.js

@@ -1,59 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-const MultiMenuContext_1 = __importDefault(require("./components/MultiMenuContext"));
-/**
- * MultiMenu enables a toggleable menu to either show more content and further functionality.
- */
-class MultiMenu extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            contentVisible: false
-        };
-        this.toggleMenu = () => {
-            this.setState((prevState) => ({
-                contentVisible: !prevState.contentVisible
-            }));
-        };
-    }
-    render() {
-        const { contentVisible } = this.state;
-        const { menuButton, children, direction, className, popperModifiers } = this.props;
-        return (React.createElement("span", null,
-            React.createElement(ng_ui_basic_components_1.Popup, { active: contentVisible, onHide: this.toggleMenu, handler: menuButton, direction: direction, className: className ? className : '', modifiers: popperModifiers, onHandlerClick: this.toggleMenu },
-                React.createElement("div", { className: "di multimenu" },
-                    React.createElement("div", { className: `drop ${direction ? direction : 'bottom'} ${contentVisible ? 'show' : ''}` },
-                        React.createElement(MultiMenuContext_1.default.Provider, { value: {
-                                toggleMenu: this.toggleMenu
-                            } }, children))))));
-    }
-}
-exports.default = MultiMenu;

package/lib/cjs/components/multiMenu/components/MultiMenuContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiMenuContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiMenu/components/MultiMenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,aAAK,WAAW,GAAG;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAE/C,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/cjs/components/multiMenu/components/MultiMenuContext.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const MultiMenuContext = react_1.default.createContext({
-    toggleMenu: () => { }
-});
-exports.default = MultiMenuContext;

package/lib/cjs/components/multiMenu/components/MultiMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiMenu/components/MultiMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,KAAK,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpE,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAQxD;IAEF,MAAM;CA8BN"}

package/lib/cjs/components/multiMenu/components/MultiMenuItem.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const MultiMenuContext_1 = __importDefault(require("./MultiMenuContext"));
-class MultiMenuItem extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.createClickHandler = (toggleMenu) => () => {
-            const { onClick } = this.props;
-            if (onClick) {
-                onClick();
-            }
-            toggleMenu();
-        };
-    }
-    render() {
-        const { disabled, icon, children, linkTo } = this.props;
-        const dataTestId = this.props['data-testid'];
-        return (React.createElement(MultiMenuContext_1.default.Consumer, null, ({ toggleMenu }) => linkTo ? (React.createElement(react_router_dom_1.Link, { "data-testid": dataTestId, to: linkTo, className: `item ${disabled ? 'disabled' : ''}`, onClick: this.createClickHandler(toggleMenu) },
-            icon && React.createElement("span", { className: "item-icon" }, icon),
-            React.createElement("span", { className: "item-text" }, children))) : (React.createElement("div", { "data-testid": dataTestId, className: `item ${disabled ? 'disabled' : ''}`, onClick: this.createClickHandler(toggleMenu) },
-            icon && React.createElement("span", { className: "item-icon" }, icon),
-            React.createElement("span", { className: "item-text" }, children)))));
-    }
-}
-exports.default = MultiMenuItem;

package/lib/cjs/components/pagination/Pagination.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-export declare type Props = {
-    /** Current page */
-    page: number;
-    /** Total number of pages */
-    totalPages: number;
-    /** Function, executed when the current page changes */
-    onChangePage: (page: number) => void;
-    /** (Optional) Function, executed when the number of elements per page changes */
-    onChangeSize?: (size: number) => void;
-    /** (Optional) Number of elements per page*/
-    size?: number;
-};
-declare type State = {
-    page: number | string;
-};
-/**
- * Pagination enables a convenient way to display and navigate through a paginated search result
- */
-export default class Pagination extends React.Component<Props, State> {
-    state: State;
-    multiMenuRef: {
-        current: any | null;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    goToFirstPage: () => void;
-    goToPrevPage: () => void;
-    goToNextPage: () => void;
-    goToLastPage: () => void;
-    onChangeSize: (event: React.SyntheticEvent<HTMLSelectElement>) => void;
-    notifyPageChange: (page: number) => void;
-    handlePageInputChange: (event: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=Pagination.d.ts.map

package/lib/cjs/components/pagination/Pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,oBAAY,KAAK,GAAG;IACnB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IAEnB,uDAAuD;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAIF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACpE,KAAK,EAAE,KAAK,CAEV;IACF,YAAY,EAAE;QACb,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;KACpB,CAA0B;IAE3B,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,aAAa,EAAE,MAAM,IAAI,CAEvB;IAEF,YAAY,EAAE,MAAM,IAAI,CAMtB;IAEF,YAAY,EAAE,MAAM,IAAI,CAMtB;IAEF,YAAY,EAAE,MAAM,IAAI,CAEtB;IAEF,YAAY,UAAW,MAAM,cAAc,CAAC,iBAAiB,CAAC,UAU5D;IAEF,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAEhC;IAER,qBAAqB,UAAW,MAAM,cAAc,CAAC,gBAAgB,CAAC,UAcpE;IAEF,MAAM;CAiFN"}

package/lib/cjs/components/pagination/Pagination.js

@@ -1,143 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const i18n_1 = require("../../i18n");
-const lodash_1 = require("lodash");
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-const icon_menu_vertical_svg_1 = __importDefault(require("../../assets/svg/icon_menu_vertical.svg"));
-const MultiMenu_1 = __importDefault(require("../multiMenu/MultiMenu"));
-const sizeOptions = [5, 10, 15, 20, 50];
-/**
- * Pagination enables a convenient way to display and navigate through a paginated search result
- */
-class Pagination extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            page: 0
-        };
-        this.multiMenuRef = React.createRef();
-        this.goToFirstPage = () => {
-            this.props.onChangePage(0);
-        };
-        this.goToPrevPage = () => {
-            const { page } = this.props;
-            if (page > 0) {
-                this.props.onChangePage(page - 1);
-            }
-        };
-        this.goToNextPage = () => {
-            const { page } = this.props;
-            if (page < this.props.totalPages - 1) {
-                this.props.onChangePage(page + 1);
-            }
-        };
-        this.goToLastPage = () => {
-            this.props.onChangePage(this.props.totalPages - 1);
-        };
-        this.onChangeSize = (event) => {
-            const { onChangeSize } = this.props;
-            if (onChangeSize) {
-                onChangeSize(Number(event.target.value));
-            }
-            if (this.multiMenuRef && this.multiMenuRef.current) {
-                this.multiMenuRef.current.toggleMenu();
-            }
-        };
-        this.notifyPageChange = (0, lodash_1.debounce)((page) => {
-            this.props.onChangePage(page);
-        }, 500);
-        this.handlePageInputChange = (event) => {
-            const { totalPages } = this.props;
-            const page = Number(event.target.value);
-            if (page === 0) {
-                this.setState({
-                    page: ''
-                });
-            }
-            else if (!isNaN(page) && page <= totalPages) {
-                this.setState({
-                    page: page - 1
-                });
-                this.notifyPageChange(page - 1);
-            }
-        };
-    }
-    componentDidMount() {
-        const { page } = this.props;
-        this.setState({
-            page
-        });
-    }
-    componentDidUpdate(prevProps) {
-        const { page } = this.props;
-        if (prevProps.page !== page && page !== this.state.page) {
-            this.setState({
-                page
-            });
-        }
-    }
-    render() {
-        const { totalPages, size, onChangeSize } = this.props;
-        const { page } = this.state;
-        const isLastPage = page === totalPages - 1;
-        const showPage = page !== '' ? Number(page) + 1 : '';
-        return (React.createElement("div", { className: "di pagination-holder" },
-            React.createElement("div", { className: "di pagination" },
-                React.createElement("span", { className: `prev ${page === 0 ? 'disabled' : ''}`, onClick: this.goToFirstPage }, "\u00AB"),
-                React.createElement("span", { className: `prev ${page === 0 ? 'disabled' : ''}`, onClick: this.goToPrevPage }, "\u2039"),
-                React.createElement("span", { className: "info" },
-                    React.createElement(i18n_1.Trans, { i18nKey: "reactable.pagination.page" }, "Page"),
-                    React.createElement("input", { value: showPage, onChange: this.handlePageInputChange }),
-                    typeof process !== 'undefined' && process?.env?.STORYBOOK_MODE ? (React.createElement(React.Fragment, null,
-                        "of \u00A0 ",
-                        totalPages)) : (React.createElement(i18n_1.Trans, { i18nKey: "reactable.pagination.ofTotal" },
-                        " of \u00A0 ",
-                        { totalPages }))),
-                React.createElement("span", { className: `next ${isLastPage ? 'disabled' : ''}`, onClick: this.goToNextPage }, "\u203A"),
-                React.createElement("span", { className: `next ${isLastPage ? 'disabled' : ''}`, onClick: this.goToLastPage }, "\u00BB"),
-                onChangeSize && (React.createElement("div", { className: "options" },
-                    React.createElement(MultiMenu_1.default, { ref: this.multiMenuRef, direction: "left", menuButton: React.createElement(ng_ui_basic_components_1.Button, { naked: true, title: {
-                                id: 'trend.settings.buttonTitle',
-                                defaultValue: 'Settings'
-                            } },
-                            React.createElement("img", { src: icon_menu_vertical_svg_1.default, alt: "settings icon", style: { width: 16, height: 16 } })) },
-                        React.createElement("div", { className: "di form", style: {
-                                width: 200,
-                                padding: 10
-                            } },
-                            React.createElement("div", { className: "field" },
-                                React.createElement("label", null,
-                                    React.createElement(i18n_1.Trans, { i18nKey: "reactable.pagination.entriesPerPage" }, "Entries per page")),
-                                React.createElement("select", { onChange: this.onChangeSize, value: size }, sizeOptions.map((sizeOption) => (React.createElement("option", { key: sizeOption, value: sizeOption }, sizeOption))))),
-                            React.createElement("p", null,
-                                React.createElement(i18n_1.Trans, { i18nKey: "reactable.pagination.changePageWillBeStored" }, "Your changes will be stored for this view.")))))))));
-    }
-}
-exports.default = Pagination;

package/lib/cjs/components/pagination/__tests__/Pagination.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Pagination.spec.d.ts.map

package/lib/cjs/components/pagination/__tests__/Pagination.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/pagination/__tests__/Pagination.spec.tsx"],"names":[],"mappings":""}

package/lib/cjs/components/pagination/__tests__/Pagination.spec.js

@@ -1,115 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const vitest_1 = require("vitest");
-const Pagination_1 = __importDefault(require("../Pagination"));
-const react_1 = require("@testing-library/react");
-(0, vitest_1.describe)('Pagination.js', () => {
-    (0, vitest_1.it)('should disable all buttons when there is only one page', () => {
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 1, onChangePage: () => { } }));
-        (0, vitest_1.expect)(container.querySelectorAll('span.disabled')).toHaveLength(4);
-    });
-    (0, vitest_1.it)('should disable "prev" and "first" when the first page is selected', () => {
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 10, onChangePage: () => { } }));
-        (0, vitest_1.expect)(container.querySelectorAll('span.prev.disabled')).toHaveLength(2);
-    });
-    (0, vitest_1.it)('should disable "next" and "last" when the last page is selected', () => {
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 9, totalPages: 10, onChangePage: () => { } }));
-        (0, vitest_1.expect)(container.querySelectorAll('span.next.disabled')).toHaveLength(2);
-    });
-    (0, vitest_1.it)('should not disable buttons when on a page > 0 and < max pages', () => {
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 5, totalPages: 10, onChangePage: () => { } }));
-        (0, vitest_1.expect)(container.querySelectorAll('span.disabled')).toHaveLength(0);
-    });
-    (0, vitest_1.it)('should go to the first page when the user clicks "first"', () => {
-        const handleChangePage = vitest_1.vi.fn();
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
-        react_1.fireEvent.click(container.querySelectorAll('span.prev')[0]);
-        (0, vitest_1.expect)(handleChangePage).toHaveBeenCalledWith(0);
-    });
-    (0, vitest_1.it)('should go to the previous page when the user clicks "prev"', async () => {
-        const page = 2;
-        const handleChangePage = vitest_1.vi.fn();
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: page, totalPages: 10, onChangePage: handleChangePage }));
-        react_1.fireEvent.click(container.querySelectorAll('span.prev')[1]);
-        (0, vitest_1.expect)(handleChangePage).toHaveBeenCalledWith(page - 1);
-    });
-    (0, vitest_1.it)('should go to the next page when the user clicks "next"', () => {
-        const handleChangePage = vitest_1.vi.fn();
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 2, totalPages: 10, onChangePage: handleChangePage }));
-        react_1.fireEvent.click(container.querySelectorAll('span.next')[0]);
-        (0, vitest_1.expect)(handleChangePage).toHaveBeenCalledWith(3);
-    });
-    (0, vitest_1.it)('should go to the last page when the user clicks "last"', () => {
-        const handleChangePage = vitest_1.vi.fn();
-        const { container } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
-        react_1.fireEvent.click(container.querySelectorAll('span.next')[1]);
-        (0, vitest_1.expect)(handleChangePage).toHaveBeenCalledWith(9);
-    });
-    (0, vitest_1.it)('should match snapshot', () => {
-        const PaginationWrapper1 = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 10, onChangePage: () => { } }));
-        const PaginationWrapper2 = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 5, totalPages: 10, onChangePage: () => { } }));
-        const PaginationWrapper3 = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 9, totalPages: 10, onChangePage: () => { } }));
-        (0, vitest_1.expect)(PaginationWrapper1).toMatchSnapshot();
-        (0, vitest_1.expect)(PaginationWrapper2).toMatchSnapshot();
-        (0, vitest_1.expect)(PaginationWrapper3).toMatchSnapshot();
-    });
-    (0, vitest_1.describe)('handlePageInputChange', () => {
-        (0, vitest_1.it)('should set page number if input is a correct number', async () => {
-            const handleChangePage = vitest_1.vi.fn();
-            const { getByRole } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
-            const input = getByRole('textbox');
-            react_1.fireEvent.change(input, { target: { value: '4' } });
-            react_1.fireEvent.blur(input);
-            await (0, react_1.waitFor)(() => {
-                (0, vitest_1.expect)(handleChangePage).toHaveBeenCalledWith(3);
-            });
-        });
-        (0, vitest_1.it)('should not set page number if input is bigger than totalPages', async () => {
-            const handleChangePage = vitest_1.vi.fn();
-            const { getByRole } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
-            const input = getByRole('textbox');
-            react_1.fireEvent.change(input, { target: { value: '12' } });
-            react_1.fireEvent.blur(input);
-            await (0, react_1.waitFor)(() => {
-                (0, vitest_1.expect)(handleChangePage).not.toHaveBeenCalled();
-            });
-        });
-        (0, vitest_1.it)('should not set an empty string as page state', async () => {
-            const handleChangePage = vitest_1.vi.fn();
-            const { getByRole } = (0, react_1.render)(React.createElement(Pagination_1.default, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
-            const input = getByRole('textbox');
-            react_1.fireEvent.change(input, { target: { value: '' } });
-            react_1.fireEvent.blur(input);
-            await (0, react_1.waitFor)(() => {
-                (0, vitest_1.expect)(handleChangePage).not.toHaveBeenCalled();
-            });
-        });
-    });
-});

package/lib/cjs/components/periodpicker/PeriodPicker.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Period } from './types';
-export declare type Props = {
-    /** Period from start- to endpoint */
-    period: Period;
-    /** Function, executed on change */
-    onChange: (period: Period) => void;
-    /** Predefined period name */
-    defaultPeriodName?: string;
-    /** Show only dropdown with calendar part without inputs? */
-    inputsHiddenByDefault?: boolean;
-    /** Should the menu be hidden? */
-    menuHidden?: boolean;
-    /** Should the PeriodPicker be readOnly? */
-    readOnly?: boolean;
-    /** (optional) locale, if not set, the i18next.language is taken */
-    locale?: string;
-    /** (optional) timezone */
-    timezone?: string;
-    'data-testid'?: string;
-};
-export default function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }: Props): React.JSX.Element;
-//# sourceMappingURL=PeriodPicker.d.ts.map

package/lib/cjs/components/periodpicker/PeriodPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/periodpicker/PeriodPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAK/B,oBAAY,KAAK,GAAG;IACnB,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,qBAmBP"}

package/lib/cjs/components/periodpicker/PeriodPicker.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const Inputs_1 = __importDefault(require("./components/Inputs"));
-const Menu_1 = __importDefault(require("./components/Menu"));
-const usePeriodName_1 = __importDefault(require("./usePeriodName"));
-function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }) {
-    const [showInputs, setShowInputs] = (0, react_1.useState)(!inputsHiddenByDefault);
-    const periodName = (0, usePeriodName_1.default)(period, timezone) ?? defaultPeriodName;
-    return (react_1.default.createElement("div", { className: "di period-picker", "data-testid": props['data-testid'] },
-        (!inputsHiddenByDefault || showInputs) && (react_1.default.createElement(Inputs_1.default, { period: period, onChange: onChange, locale: locale, readOnly: readOnly, timezone: timezone })),
-        menuHidden || readOnly || (react_1.default.createElement(Menu_1.default, { periodName: periodName, onShowCustomPeriod: inputsHiddenByDefault ? setShowInputs : undefined, onChange: onChange, timezone: timezone }))));
-}
-exports.default = PeriodPicker;

package/lib/cjs/components/periodpicker/components/Inputs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAMhC,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,KAAK,qBAiGnF"}

package/lib/cjs/components/periodpicker/components/Inputs.js

@@ -1,95 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const DateTimeInput_1 = __importDefault(require("../../input/DateTimeInput"));
-const ONE_HOUR = 60 * 60 * 1000;
-const TOGGLE_TIMEOUT = 300;
-function Inputs({ period, onChange, readOnly, locale, timezone }) {
-    const [showWarningTarget, setShowWarningTarget] = (0, react_1.useState)('');
-    const [forceOpenEndDate, setForceOpenEndDate] = (0, react_1.useState)(false);
-    const warningTimeoutRef = (0, react_1.useRef)();
-    const startDate = new Date(period.tsStart);
-    const endDate = new Date(period.tsEnd);
-    function openEndDate() {
-        setForceOpenEndDate(true);
-        setTimeout(() => {
-            setForceOpenEndDate(false);
-        }, TOGGLE_TIMEOUT);
-    }
-    function showWarning(target) {
-        if (warningTimeoutRef.current) {
-            clearTimeout(warningTimeoutRef.current);
-        }
-        setShowWarningTarget(target);
-        warningTimeoutRef.current = setTimeout(() => setShowWarningTarget(''), 1000);
-    }
-    function handleChangeStartDate(timestamp, fromTextField) {
-        if (timestamp) {
-            const incorrect = period.tsEnd && timestamp > period.tsEnd;
-            const tsEnd = incorrect ? timestamp + ONE_HOUR : period.tsEnd;
-            const newPeriod = {
-                tsStart: timestamp,
-                tsEnd
-            };
-            if (!(0, lodash_1.isEqual)(newPeriod, period)) {
-                onChange(newPeriod);
-            }
-            if (!fromTextField) {
-                openEndDate();
-            }
-            if (incorrect) {
-                showWarning('date-to');
-            }
-        }
-    }
-    function handleChangeEndDate(timestamp) {
-        if (timestamp) {
-            const incorrect = period.tsStart && timestamp < period.tsStart;
-            const tsStart = incorrect ? timestamp - ONE_HOUR : period.tsStart;
-            const newPeriod = {
-                tsStart,
-                tsEnd: timestamp
-            };
-            if (!(0, lodash_1.isEqual)(newPeriod, period)) {
-                onChange(newPeriod);
-            }
-            if (incorrect) {
-                showWarning('date-from');
-            }
-        }
-    }
-    return (react_1.default.createElement("span", { className: "inputs" },
-        react_1.default.createElement("span", { "data-testid": "from-wrapper" },
-            react_1.default.createElement(DateTimeInput_1.default, { timestamp: period.tsStart, onChange: handleChangeStartDate, warning: showWarningTarget === 'date-from', selectsStart: true, startDate: startDate, endDate: endDate, readOnly: readOnly, locale: locale, timezone: timezone })),
-        "\u00A0 - \u00A0",
-        react_1.default.createElement("span", { "data-testid": "to-wrapper" },
-            react_1.default.createElement(DateTimeInput_1.default, { forceOpen: forceOpenEndDate, timestamp: period.tsEnd, onChange: handleChangeEndDate, warning: showWarningTarget === 'date-to', selectsEnd: true, startDate: startDate, endDate: endDate, readOnly: readOnly, locale: locale, timezone: timezone }))));
-}
-exports.default = Inputs;

package/lib/cjs/components/periodpicker/components/Menu.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Period } from '../types';
-declare type Props = {
-    periodName: string | undefined;
-    timezone?: string;
-    onChange: (period: Period) => void;
-    onShowCustomPeriod: ((show: boolean) => void) | undefined;
-};
-export default function Menu({ onChange, onShowCustomPeriod, periodName, timezone }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=Menu.d.ts.map

package/lib/cjs/components/periodpicker/components/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAgBhC,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,KAAK,qBA2KvF"}