@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/input/SelectWithSearchAsync.js

@@ -1,126 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_select_async_paginate_1 = require("react-select-async-paginate");
-require("../../assets/react-select.css");
-require("../../assets/react-select-custom.css");
-/**
- * SelectWithSearchAsync enhances a native select list by applying a search functionality to it.
- * Fetches selectable results asynchronously while showing small loading indicator
- */
-class SelectWithSearchAsync extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            cache: {},
-            currentItem: null
-        };
-        this.transformBackendItemToSelectItem = (backendItem) => {
-            const { labelKey, valueKey } = this.props;
-            return {
-                value: backendItem[valueKey],
-                label: backendItem[labelKey]
-            };
-        };
-        this.reloadItemFromCache = () => {
-            const { value } = this.props;
-            const { currentItem, cache } = this.state;
-            if (value && (!currentItem || currentItem.value !== value) && cache[value]) {
-                this.setState({
-                    currentItem: cache[value]
-                });
-                return true;
-            }
-            return false;
-        };
-        this.addBackendItemToCache = (item) => {
-            if (item) {
-                const selectItem = this.transformBackendItemToSelectItem(item);
-                const id = selectItem.value;
-                this.setState(({ cache }) => ({
-                    cache: { ...cache, [id]: selectItem }
-                }));
-            }
-        };
-        this.fetchOptions = async (input, options) => {
-            const { searchByQuery } = this.props;
-            try {
-                const { content, number, totalPages } = await searchByQuery(input, options.length);
-                return {
-                    options: content.map(this.transformBackendItemToSelectItem),
-                    hasMore: number < totalPages - 1
-                };
-            }
-            catch (error) {
-                console.error('Error fetching options:', error);
-                return { hasMore: false, options: [] };
-            }
-        };
-        this.handleChange = (item) => {
-            const { onChange } = this.props;
-            if (item) {
-                const id = item.value;
-                this.setState(({ cache }) => ({
-                    cache: { ...cache, [id]: item }
-                }), () => {
-                    onChange(id);
-                });
-            }
-            else {
-                onChange(null);
-            }
-        };
-    }
-    componentDidMount() {
-        const { value, searchById } = this.props;
-        if (value) {
-            searchById(value).then(this.addBackendItemToCache);
-        }
-    }
-    componentDidUpdate() {
-        const { value, searchById } = this.props;
-        const { currentItem } = this.state;
-        if (value && (!currentItem || currentItem.value !== value)) {
-            const foundInCache = this.reloadItemFromCache();
-            if (!foundInCache) {
-                searchById(value).then(this.addBackendItemToCache);
-            }
-        }
-        else if (!value && currentItem) {
-            this.setState({
-                currentItem: null
-            });
-        }
-    }
-    render() {
-        const { clearable, noResultsMessage, disabled, menuPortalTarget } = this.props;
-        const { currentItem } = this.state;
-        return (React.createElement(react_select_async_paginate_1.AsyncPaginate, { className: "select-search-container", classNamePrefix: "select-search", isClearable: clearable, noResultsText: noResultsMessage, value: currentItem, onChange: this.handleChange, 
-            // @ts-ignore
-            loadOptions: this.fetchOptions, isDisabled: disabled, menuPortalTarget: menuPortalTarget, placeholder: this.props.placeholder }));
-    }
-}
-exports.default = SelectWithSearchAsync;

package/lib/cjs/components/input/UrnInput.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export declare type Props = {
-    /** Current value of input field */
-    value: string;
-    /** Function, executed on change */
-    onChange: (value: string) => any;
-};
-declare type State = {
-    editMode: boolean;
-};
-/**
- * UrnInput offers a convenient way to add or edit Asset URNs.
- * Usually, a generated default value is passed in as prop.
- */
-export default class UrnInput extends React.Component<Props, State> {
-    state: State;
-    handleEdit: () => void;
-    handleChangeValue: (event: React.SyntheticEvent<HTMLInputElement>) => any;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=UrnInput.d.ts.map

package/lib/cjs/components/input/UrnInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UrnInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/UrnInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,KAAK,GAAG;IACnB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;CACjC,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAClE,KAAK,EAAE,KAAK,CAEV;IAEF,UAAU,EAAE,MAAM,IAAI,CAGlB;IAEJ,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAEN;IAEnE,MAAM;CA+BN"}

package/lib/cjs/components/input/UrnInput.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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-/**
- * UrnInput offers a convenient way to add or edit Asset URNs.
- * Usually, a generated default value is passed in as prop.
- */
-class UrnInput extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            editMode: false
-        };
-        this.handleEdit = () => this.setState({
-            editMode: true
-        });
-        this.handleChangeValue = (event) => this.props.onChange(event.target.value);
-    }
-    render() {
-        const { editMode } = this.state;
-        const { value } = this.props;
-        if (editMode) {
-            return (React.createElement("input", { value: value, onChange: this.handleChangeValue, autoCorrect: "off", spellCheck: "false", autoComplete: "off" }));
-        }
-        else {
-            return (React.createElement("span", null,
-                React.createElement("span", { style: {
-                        marginRight: 10
-                    } }, value),
-                React.createElement(ng_ui_basic_components_1.Button, { small: true, onClick: this.handleEdit },
-                    React.createElement(ng_ui_basic_components_1.Icon, { edit: true }))));
-        }
-    }
-}
-exports.default = UrnInput;

package/lib/cjs/components/input/ValidatedTextInput.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    /** Value of the input field */
-    value: string;
-    /** Function, executed on change, takes value and valid as arguments */
-    onChange: (value: string, valid: boolean) => void;
-    /** Pattern to validate the input */
-    pattern: RegExp;
-    /** If true, marks the input field as mandatory */
-    required: boolean;
-    /** Placeholder */
-    placeholder: string;
-    /** @ignore */
-    style?: React.CSSProperties;
-    /** @ignore */
-    className?: string;
-    /** @ignore */
-    onBlur?: () => void;
-    /** @ignore */
-    disabled?: boolean;
-    /** (Optional) sets custom styles if the input field's value isn't valid */
-    invalidStyle?: React.CSSProperties;
-};
-/**
- * ValidatedTextInput provides an easy way to validate a text inputs value for a certain pattern.
- * This is best used for any form of forms.
- */
-export default class ValidatedTextInput extends React.Component<Props> {
-    static defaultProps: {
-        required: boolean;
-    };
-    handleChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=ValidatedTextInput.d.ts.map

package/lib/cjs/components/input/ValidatedTextInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValidatedTextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ValidatedTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,KAAK,GAAG;IACnB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IAEd,uEAAuE;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAElB,kBAAkB;IAClB,WAAW,EAAE,MAAM,CAAC;IAEpB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACrE,MAAM,CAAC,YAAY,EAAE;QACpB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAEC;IAEF,YAAY,MAAO,MAAM,cAAc,CAAC,gBAAgB,CAAC,UAKvD;IAEF,MAAM;CAaN"}

package/lib/cjs/components/input/ValidatedTextInput.js

@@ -1,36 +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 isValid = (value, pattern, required) => {
-    if (!value.length) {
-        return !required;
-    }
-    return pattern.test(value);
-};
-/**
- * ValidatedTextInput provides an easy way to validate a text inputs value for a certain pattern.
- * This is best used for any form of forms.
- */
-class ValidatedTextInput extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.handleChange = (e) => {
-            const { value } = e.target;
-            const { pattern, required, onChange } = this.props;
-            const valid = isValid(value, pattern, required);
-            onChange(value, valid);
-        };
-    }
-    render() {
-        const { style, invalidStyle, value, ...props } = this.props;
-        const { pattern, required, ...otherProps } = props;
-        return (react_1.default.createElement("input", { ...otherProps, value: value, onChange: this.handleChange, style: isValid(value, pattern, required) ? style : { ...style, ...invalidStyle }, type: "text" }));
-    }
-}
-exports.default = ValidatedTextInput;
-ValidatedTextInput.defaultProps = {
-    required: false
-};

package/lib/cjs/components/input/__tests__/DateInput.spec.d.ts

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

package/lib/cjs/components/input/__tests__/DateInput.spec.d.ts.map

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

package/lib/cjs/components/input/__tests__/DateInput.spec.js

@@ -1,99 +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 vitest_1 = require("vitest");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_2 = require("@testing-library/react");
-const DateInput_1 = __importDefault(require("../DateInput"));
-const DateStateProvider = ({ children, initialValue }) => {
-    const [state, setState] = (0, react_1.useState)(initialValue);
-    return children(state, setState);
-};
-(0, vitest_1.describe)('DateInput.js', () => {
-    (0, vitest_1.describe)('Locale support', () => {
-        (0, vitest_1.it)('should render date in correct format for de-DE locale', async () => {
-            (0, react_2.render)(react_1.default.createElement(DateInput_1.default, { value: new Date('2019-02-01').getTime(), onChange: () => { } }));
-            await (0, react_2.waitFor)(() => (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).toHaveValue('01.02.2019'));
-        });
-    });
-    (0, vitest_1.describe)('Changing values via text input', () => {
-        (0, vitest_1.it)('should render correct date typed into text input without "invalid" class', async () => {
-            (0, react_2.render)(react_1.default.createElement(DateStateProvider, { initialValue: new Date('2019-02-01').getTime() }, (date, setDate) => react_1.default.createElement(DateInput_1.default, { value: date, onChange: (date) => setDate(date) })));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '02.02.2019' } });
-            });
-            (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).toHaveValue('02.02.2019');
-            (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).not.toHaveClass('invalid');
-        });
-        (0, vitest_1.it)('should render incorrect date typed into text input with "invalid" class', async () => {
-            (0, react_2.render)(react_1.default.createElement(DateStateProvider, { initialValue: new Date('2019-02-01').getTime() }, (date, setDate) => react_1.default.createElement(DateInput_1.default, { value: date, onChange: (date) => setDate(date) })));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '02.02.201' } });
-            });
-            (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).toHaveClass('invalid');
-        });
-        (0, vitest_1.it)('should call onChange callback with parsed value of the input during the input is being changed when the value is valid', async () => {
-            const onChange = vitest_1.vi.fn();
-            (0, react_2.render)(react_1.default.createElement(DateInput_1.default, { value: new Date('2019-02-01').getTime(), onChange: onChange }));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '02.02.2019' } });
-            });
-            const currentValue = onChange.mock.calls[onChange.mock.calls.length - 1][0];
-            (0, vitest_1.expect)((0, dayjs_1.default)(currentValue).toISOString()).toEqual((0, dayjs_1.default)('2019-02-02').toISOString());
-        });
-        (0, vitest_1.it)('should not call onChange callback while editing the input when the input value is invalid', async () => {
-            const onChange = vitest_1.vi.fn();
-            (0, react_2.render)(react_1.default.createElement(DateInput_1.default, { value: new Date('2019-02-01').getTime(), onChange: onChange }));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '02.02.201' } });
-            });
-            (0, vitest_1.expect)(onChange).not.toHaveBeenCalled();
-        });
-        (0, vitest_1.it)('should display the current value in the input field if the input value is invalid and the input became blurred', async () => {
-            (0, react_2.render)(react_1.default.createElement(DateStateProvider, { initialValue: new Date('2019-02-01').getTime() }, (date, setDate) => react_1.default.createElement(DateInput_1.default, { value: date, onChange: (date) => setDate(date) })));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '02.02.201' } });
-                react_2.fireEvent.blur(react_2.screen.getByTestId('date-input'));
-            });
-            (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).toHaveValue('01.02.2019');
-        });
-        (0, vitest_1.it)('should display invalid date text in the input when the value is NaN', async () => {
-            (0, react_2.render)(react_1.default.createElement(DateInput_1.default, { value: NaN, onChange: () => { } }));
-            (0, vitest_1.expect)(react_2.screen.getByTestId('date-input')).toHaveValue('dateInput.invalidDate');
-        });
-        (0, vitest_1.it)('should call onChange callback with [null, true] when empty string is set to input field', async () => {
-            const onChange = vitest_1.vi.fn();
-            (0, react_2.render)(react_1.default.createElement(DateInput_1.default, { value: Date.now(), onChange: onChange }));
-            await (0, react_2.act)(async () => {
-                react_2.fireEvent.change(react_2.screen.getByTestId('date-input'), { target: { value: '' } });
-            });
-            (0, vitest_1.expect)(onChange.mock.calls).toEqual([[null, true]]);
-        });
-    });
-});

package/lib/cjs/components/input/__tests__/DateTimeInput.spec.d.ts

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

package/lib/cjs/components/input/__tests__/DateTimeInput.spec.d.ts.map

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

package/lib/cjs/components/input/__tests__/DateTimeInput.spec.js

@@ -1,39 +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 vitest_1 = require("vitest");
-const DateTimeInput_1 = __importDefault(require("../DateTimeInput"));
-const react_2 = require("@testing-library/react");
-const testing_library_1 = require("@storybook/testing-library");
-(0, vitest_1.describe)('DateTimeInput.js', () => {
-    (0, vitest_1.it)('should update time when timestamp has changed', () => {
-        const { rerender } = (0, react_2.render)(react_1.default.createElement(DateTimeInput_1.default, { timestamp: new Date('2019-02-01T11:11:00').getTime(), onChange: () => { } }));
-        const timeElement = react_2.screen.queryByDisplayValue('11:11');
-        (0, vitest_1.expect)(timeElement).toBeInTheDocument();
-        rerender(react_1.default.createElement(DateTimeInput_1.default, { timestamp: new Date('2019-02-02T03:24:00').getTime(), onChange: () => { } }));
-        (0, vitest_1.expect)(timeElement).toHaveDisplayValue('03:24');
-    });
-    (0, vitest_1.it)('should display the time and date as timezone date', async () => {
-        const { rerender } = (0, react_2.render)(react_1.default.createElement(DateTimeInput_1.default, { timestamp: new Date('2019-02-01T11:11:00Z').getTime(), onChange: () => { }, timezone: "America/Vancouver" }));
-        const timeElementUtm = react_2.screen.queryByDisplayValue('11:11');
-        (0, vitest_1.expect)(timeElementUtm).not.toBeInTheDocument();
-        const timeElement = react_2.screen.queryByDisplayValue('03:11');
-        (0, vitest_1.expect)(timeElement).toBeInTheDocument();
-        const dateElement = react_2.screen.queryByDisplayValue('01.02.2019');
-        (0, vitest_1.expect)(dateElement).toBeInTheDocument();
-        rerender(react_1.default.createElement(DateTimeInput_1.default, { timestamp: new Date('2019-02-02T03:24:00Z').getTime(), onChange: () => { }, timezone: "America/Vancouver" }));
-        (0, vitest_1.expect)(timeElement).toHaveDisplayValue('19:24');
-        (0, vitest_1.expect)(dateElement).toHaveDisplayValue('01.02.2019');
-        await (0, react_2.act)(async () => {
-            dateElement?.click();
-            timeElement?.click();
-            testing_library_1.userEvent.clear(timeElement);
-            testing_library_1.userEvent.type(timeElement, '10:24');
-        });
-        (0, vitest_1.expect)(timeElement).toHaveDisplayValue('10:24');
-        (0, vitest_1.expect)(dateElement).toHaveDisplayValue('01.02.2019');
-    });
-});

package/lib/cjs/components/input/__tests__/SelectWithSearchAsync.spec.d.ts

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

package/lib/cjs/components/input/__tests__/SelectWithSearchAsync.spec.d.ts.map

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

package/lib/cjs/components/input/__tests__/SelectWithSearchAsync.spec.js

@@ -1,49 +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 vitest_1 = require("vitest");
-const SelectWithSearchAsync_1 = __importDefault(require("../SelectWithSearchAsync"));
-const react_2 = require("@testing-library/react");
-// helper data
-const obj1 = { id: 1, label: 'obj 1' };
-const obj5 = { id: 5, label: 'obj 5' };
-const content = [obj1, obj5];
-const searchByQuery = vitest_1.vi.fn(() => Promise.resolve({
-    content,
-    totalElements: 2,
-    totalPages: 1,
-    number: 0,
-    size: 5,
-    sort: []
-}));
-const searchById = vitest_1.vi.fn((id) => Promise.resolve(content.find((item) => item.id === id)));
-const noop = () => { };
-(0, vitest_1.describe)('SelectWithSearchAsync.js', () => {
-    (0, vitest_1.beforeEach)(() => {
-        searchByQuery.mockClear();
-        searchById.mockClear();
-    });
-    (0, vitest_1.it)(`should fetch initial value`, async () => {
-        (0, react_2.render)(react_1.default.createElement(SelectWithSearchAsync_1.default, { value: 5, onChange: noop, valueKey: "id", labelKey: "label", searchByQuery: searchByQuery, searchById: searchById }));
-        await (0, react_2.waitFor)(() => {
-            (0, vitest_1.expect)(searchById).toHaveBeenCalledTimes(1);
-            (0, vitest_1.expect)(searchById).toHaveBeenCalledWith(5);
-        });
-        await (0, react_2.waitFor)(() => {
-            (0, vitest_1.expect)(react_2.screen.queryByText(obj5.label)).toBeInTheDocument();
-        });
-    });
-    (0, vitest_1.it)(`should fetch and display current value's label if the values is changed from outside`, async () => {
-        const { rerender } = (0, react_2.render)(react_1.default.createElement(SelectWithSearchAsync_1.default, { value: 5, onChange: noop, valueKey: "id", labelKey: "label", searchByQuery: searchByQuery, searchById: searchById }));
-        await (0, react_2.waitFor)(() => {
-            (0, vitest_1.expect)(react_2.screen.queryByText(obj5.label)).toBeInTheDocument();
-        });
-        rerender(react_1.default.createElement(SelectWithSearchAsync_1.default, { value: 1, onChange: noop, valueKey: "id", labelKey: "label", searchByQuery: searchByQuery, searchById: searchById }));
-        await (0, react_2.waitFor)(() => {
-            (0, vitest_1.expect)(react_2.screen.queryByText(obj1.label)).toBeInTheDocument();
-        });
-    });
-});

package/lib/cjs/components/link/RouteLink.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { TranslationDescriptor } from '../../types/i18n';
-declare type LocationShape = RouteComponentProps['location'];
-export declare type Props = {
-    to: string | LocationShape;
-    /** a title tooltip */
-    title?: TranslationDescriptor;
-    /** a keyboard shortcut that activates the link */
-    keyboardShortcut?: string;
-    /**
-     * a function called before the link is activated, should return a promise that either
-     *  - rejects: to abort the navigation
-     *  - resolves: to continue the navigation with
-     *  - resolves with a new location: to continue the navigation with a new path
-     * */
-    confirm?: () => Promise<(string | null | undefined) | (LocationShape | null | undefined)>;
-    /** @ignore */
-    children?: any;
-    /** @ignore */
-    className?: string;
-    /** @ignore */
-    'data-testid'?: string;
-};
-/**
- * RouteLink enables the possibility to add new links to existing routes.
- * Those routes can also be accessed via `keyboardShortcut`
- */
-export default function RouteLink({ to, confirm, className, title, children, keyboardShortcut, ...otherProps }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=RouteLink.d.ts.map

package/lib/cjs/components/link/RouteLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteLink.d.ts","sourceRoot":"","sources":["../../../../src/components/link/RouteLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAC,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,aAAK,aAAa,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;AAKrD,oBAAY,KAAK,GAAG;IACnB,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC;IAE3B,sBAAsB;IACtB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;SAKK;IACL,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAE1F,cAAc;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,qBAkElH"}

package/lib/cjs/components/link/RouteLink.js

@@ -1,81 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint no-unused-vars: 0 */
-const react_1 = __importStar(require("react"));
-const i18n_1 = require("../../i18n");
-const react_router_dom_1 = require("react-router-dom");
-const isModifiedEvent = (event) => !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
-/**
- * RouteLink enables the possibility to add new links to existing routes.
- * Those routes can also be accessed via `keyboardShortcut`
- */
-function RouteLink({ to, confirm, className, title, children, keyboardShortcut, ...otherProps }) {
-    const history = (0, react_router_dom_1.useHistory)();
-    const { t } = (0, i18n_1.useTranslation)();
-    const pushRoute = (0, react_1.useCallback)(() => {
-        if (confirm) {
-            confirm()
-                .then((location) => history.push(location || to))
-                .catch(() => {
-                // Exception means that the user didn't confirm, we don't need to react for that.
-            });
-        }
-        else {
-            history.push(to);
-        }
-    }, [confirm, history, to]);
-    const handleKeyEvent = (0, react_1.useCallback)((event) => {
-        if (keyboardShortcut &&
-            event.key === keyboardShortcut &&
-            !isModifiedEvent(event) && // @ts-ignore EventTarget is a Node and has a tagName
-            event.target.tagName && // @ts-ignore EventTarget is a Node and has a tagName
-            !['INPUT', 'SELECT', 'TEXTAREA'].includes(event.target.tagName)) {
-            event.preventDefault();
-            pushRoute();
-        }
-    }, [keyboardShortcut, pushRoute]);
-    (0, react_1.useEffect)(() => {
-        if (keyboardShortcut) {
-            window.addEventListener('keydown', handleKeyEvent);
-            return () => {
-                window.removeEventListener('keydown', handleKeyEvent);
-            };
-        }
-    }, [keyboardShortcut, handleKeyEvent]);
-    const handleClickEvent = (event) => {
-        if (event.button === 0 && !isModifiedEvent(event)) {
-            event.preventDefault();
-            pushRoute();
-        }
-    };
-    const href = history.createHref(typeof to === 'string' ? { pathname: to } : to);
-    return (react_1.default.createElement("a", { href: href, onClick: handleClickEvent, className: `di route-link ${className || ''}`, title: title
-            ? t(title.id, {
-                defaultValue: title.defaultValue
-            })
-            : undefined, ...otherProps }, children));
-}
-exports.default = RouteLink;

package/lib/cjs/components/multiMenu/MultiMenu.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { Placement, Modifier } from '@popperjs/core';
-export declare type Props = {
-    /** Enabler for the Multimenu */
-    menuButton: React.ReactNode;
-    /** (Optional) if set, sets the direction in which the MultiMenu should open */
-    direction?: Placement;
-    /** Should contain several <MultiMenuItem/> elements */
-    children?: React.ReactNode;
-    /** (Optional) sets additional (css) classes */
-    className?: string;
-    /** (Optional) https://popper.js.org/popper-documentation.html#modifiers..preventOverflow */
-    popperModifiers?: Modifier<any, any>[];
-};
-declare type State = {
-    contentVisible: boolean;
-};
-/**
- * MultiMenu enables a toggleable menu to either show more content and further functionality.
- */
-export default class MultiMenu extends React.Component<Props, State> {
-    state: State;
-    toggleMenu: () => void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=MultiMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/multiMenu/MultiMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAMnD,oBAAY,KAAK,GAAG;IACnB,gCAAgC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4FAA4F;IAC5F,eAAe,CAAC,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACvC,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,cAAc,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACnE,KAAK,EAAE,KAAK,CAEV;IAEF,UAAU,EAAE,MAAM,IAAI,CAIpB;IAEF,MAAM;CA6BN"}