@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/esm/src/components/input/DateTimeInput.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    /** the current value (millis since 1970-01-01) */
-    timestamp: number;
-    /** callback function that is executed when the user picks a date */
-    onChange: (date: number | null | undefined, fromTextField?: boolean) => void;
-    /** (optional) if set to true, displays warning styles */
-    warning?: boolean;
-    /** (optional) forces the input field to display the `Popup` */
-    forceOpen?: boolean;
-    /** displays the DateTimeInput read-only */
-    readOnly?: boolean;
-    selectsStart?: boolean;
-    selectsEnd?: boolean;
-    startDate?: Date;
-    endDate?: Date;
-    /** (optional) locale, if not set, the i18next.language is taken */
-    locale?: string;
-    /** (optional) timezone */
-    timezone?: string;
-};
-/**
- * Extends DateInput but also displaying the current time.
- * Usually the user's locale is used for displaying the correct date format.
- */
-export default function DateTimeInput({ timestamp, timezone, warning, readOnly, onChange, ...otherProps }: Props): React.JSX.Element;
-//# sourceMappingURL=DateTimeInput.d.ts.map

package/lib/esm/src/components/input/DateTimeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/DateTimeInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,oBAAY,KAAK,GAAG;IACnB,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACrC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,GAAG,UAAU,EACb,EAAE,KAAK,qBA4DP"}

package/lib/esm/src/components/input/DateTimeInput.js

@@ -1,52 +0,0 @@
-import dayjs from 'dayjs';
-import React, { useEffect, useState } from 'react';
-import DateInput from './DateInput';
-import ValidatedTextInput from './ValidatedTextInput';
-const formatTime = (timezone, date) => {
-    try {
-        return dayjs.tz(date, timezone).format('HH:mm');
-    }
-    catch (error) {
-        console.error('DateTimeInput: Error while extracting time from date', error);
-        return '00:00';
-    }
-};
-/**
- * Extends DateInput but also displaying the current time.
- * Usually the user's locale is used for displaying the correct date format.
- */
-export default function DateTimeInput({ timestamp, timezone, warning, readOnly = false, onChange, ...otherProps }) {
-    const [time, setTime] = useState(formatTime(timezone, timestamp));
-    const timeValue = time == null ? formatTime(timezone, timestamp) : time;
-    useEffect(() => {
-        setTime(formatTime(timezone, timestamp));
-    }, [timezone, timestamp]);
-    function handleChangeDate(date, fromTextField) {
-        const currentDate = dayjs.tz(timestamp, timezone);
-        const newDate = dayjs
-            .tz(date, timezone)
-            .set('hour', currentDate.hour())
-            .set('minute', currentDate.minute())
-            .set('second', currentDate.second())
-            .set('millisecond', currentDate.millisecond());
-        onChange(newDate.valueOf(), fromTextField);
-    }
-    function handleChangeTime(time, valid) {
-        if (valid) {
-            const [hours, minutes] = time.split(':').map(Number);
-            const newDate = dayjs.tz(timestamp, timezone).set('hours', hours).set('minutes', minutes);
-            onChange(newDate.valueOf(), true);
-        }
-        setTime(time);
-    }
-    function tryFixTime() {
-        if (time && /^[0-9]:[0-5][0-9]$/.test(time)) {
-            handleChangeTime(time.padStart(5, '0'), true);
-        }
-    }
-    return (React.createElement("span", { className: `di date-time-input ${warning ? 'with-warning' : ''}` },
-        React.createElement(DateInput, { ...otherProps, value: timestamp, timezone: timezone, onChange: handleChangeDate, readOnly: readOnly }),
-        React.createElement(ValidatedTextInput, { "data-testid": "time-input", value: timeValue, onChange: handleChangeTime, pattern: /^(([01][0-9])|2[0-3]):[0-5][0-9]$/, required: true, invalidStyle: {
-                borderColor: 'red'
-            }, placeholder: "00:00", className: "time", onBlur: tryFixTime, disabled: readOnly })));
-}

package/lib/esm/src/components/input/SelectWithSearch.d.ts

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import '../../assets/react-select.css';
-import '../../assets/react-select-custom.css';
-export declare type Item = {
-    type: 'item';
-    value: string;
-    label: string;
-};
-export declare type Group = {
-    type: 'group';
-    label: string;
-    options: Array<Item>;
-};
-export declare type Props = {
-    /** Flag to preselect the status of the checkbox */
-    value: Item | null | undefined;
-    /** Function, executed when selecting value */
-    onChange: (arg0: Item | null | undefined) => void;
-    /** Array of select options values */
-    options: Array<Item> | Array<Group>;
-    /** Array of special select options values */
-    specialOptions?: Array<Item> | null | undefined;
-    /** Message displayed when no results found by search feature */
-    noResultsMessage?: string;
-    /** Placeholder */
-    placeholder?: string;
-    /** Clearable */
-    clearable?: boolean;
-    /** Loading */
-    loading?: boolean;
-    /** Function comparing two options - used for sorting */
-    compareOptions?: (value1: Item, value2: Item) => number;
-    /** (Optional) Whether the menu should use a portal, and where it should attach */
-    menuPortalTarget?: HTMLElement;
-    /** (Optional) indicates if the component is disabled or not */
-    disabled?: boolean;
-    /** Enables free-form input mode */
-    freeForm?: boolean;
-    /** @ignore */
-    'data-testid'?: string;
-};
-declare type State = {
-    options: Array<Item> | Array<Group>;
-    inputValue: string | null;
-};
-/**
- * SelectWithSearch enhances a native select list by applying a search functionality to it.
- * Additional entries can be added by setting and adjusting `specialOptions`
- */
-export default class SelectWithSearch extends React.Component<Props, State> {
-    state: State;
-    selectRef: {
-        current: any | null;
-    };
-    portalRoot: HTMLElement | null;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    componentWillUnmount(): void;
-    updateOptions: () => void;
-    filterOption: (option: Item, inputValue: string) => boolean;
-    getContainerClasses: () => string[];
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=SelectWithSearch.d.ts.map

package/lib/esm/src/components/input/SelectWithSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectWithSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/SelectWithSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,mDAAmD;IACnD,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/B,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,qCAAqC;IACrC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpC,6CAA6C;IAC7C,cAAc,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAEhD,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC;IAExD,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AA0BF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1E,KAAK,EAAE,KAAK,CAGV;IACF,SAAS,EAAE;QACV,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;KACpB,CAAoC;IAErC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEtC,iBAAiB;IAejB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnC,oBAAoB;IAMpB,aAAa,EAAE,MAAM,IAAI,CAcvB;IAEF,YAAY,WAAY,IAAI,cAAc,MAAM,KAAG,OAAO,CAExD;IAEF,mBAAmB,iBAMjB;IAEF,MAAM;CAiDN"}

package/lib/esm/src/components/input/SelectWithSearch.js

@@ -1,111 +0,0 @@
-import * as React from 'react';
-import Select from 'react-select';
-import { orderBy, isEqual } from 'lodash';
-import '../../assets/react-select.css';
-import '../../assets/react-select-custom.css';
-function getSortedOptions(options, compareOptions) {
-    if (!compareOptions) {
-        // @ts-ignore
-        return orderBy(options, 'label', 'asc');
-    }
-    // @ts-ignore
-    if (options.every((option) => !option.options)) {
-        const singleOptions = options;
-        return [...singleOptions].sort(compareOptions);
-    }
-    // @ts-ignore
-    if (options.every((option) => option.options)) {
-        const groupOptions = options;
-        return groupOptions.map((option) => ({ ...option, options: [...option.options].sort(compareOptions) }));
-    }
-    throw new Error('Mixing groups with single options not allowed');
-}
-/**
- * SelectWithSearch enhances a native select list by applying a search functionality to it.
- * Additional entries can be added by setting and adjusting `specialOptions`
- */
-export default class SelectWithSearch extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            options: [],
-            inputValue: null
-        };
-        this.selectRef = React.createRef();
-        this.portalRoot = null;
-        this.updateOptions = () => {
-            const { options, specialOptions, compareOptions } = this.props;
-            const sortedOptions = getSortedOptions(options, compareOptions);
-            if (specialOptions) {
-                this.setState({
-                    // @ts-ignore
-                    options: [...sortedOptions, ...specialOptions]
-                });
-            }
-            else {
-                this.setState({
-                    options: sortedOptions
-                });
-            }
-        };
-        this.filterOption = (option, inputValue) => {
-            return option.label.toString().toLowerCase().startsWith(inputValue.toLowerCase());
-        };
-        this.getContainerClasses = () => {
-            const { specialOptions } = this.props;
-            if (specialOptions) {
-                return ['select-search-container', 'special'];
-            }
-            return ['select-search-container'];
-        };
-    }
-    componentDidMount() {
-        this.updateOptions();
-        if (this.props['data-testid'] && this.selectRef && this.selectRef.current) {
-            this.selectRef.current.controlRef.setAttribute('data-testid', this.props['data-testid']);
-        }
-        if (this.props.menuPortalTarget) {
-            this.portalRoot = document.createElement('div');
-            const classes = this.getContainerClasses();
-            this.portalRoot.classList.add(...classes);
-            this.props.menuPortalTarget.appendChild(this.portalRoot);
-        }
-    }
-    componentDidUpdate(prevProps) {
-        if (!isEqual(prevProps.options, this.props.options) || prevProps.freeForm !== this.props.freeForm) {
-            this.updateOptions();
-        }
-    }
-    componentWillUnmount() {
-        if (this.props.menuPortalTarget && this.portalRoot) {
-            this.props.menuPortalTarget.removeChild(this.portalRoot);
-        }
-    }
-    render() {
-        const { noResultsMessage, placeholder, value, onChange, clearable, loading, disabled } = this.props;
-        const { options } = this.state;
-        return (React.createElement(Select, { ref: this.selectRef, joinValues: true, name: "form-field-name", className: this.getContainerClasses().join(' '), classNamePrefix: "select-search", isClearable: clearable, noOptionsMessage: noResultsMessage ? () => noResultsMessage : undefined, options: options, value: value || null, onChange: onChange, onInputChange: (newValue) => {
-                if (this.props.freeForm && newValue) {
-                    this.setState({ inputValue: newValue });
-                }
-            }, placeholder: placeholder, 
-            // @ts-ignore
-            filterOption: this.filterOption, isLoading: loading, menuPortalTarget: this.portalRoot, isDisabled: disabled, onBlur: () => {
-                if (this.props.freeForm && this.state.inputValue !== null) {
-                    this.setState({ options: this.props.options });
-                    this.setState({ inputValue: this.state.inputValue }, () => {
-                        const newItem = {
-                            type: 'item',
-                            value: this.state.inputValue,
-                            label: this.state.inputValue
-                        };
-                        this.setState((prevState) => ({
-                            options: [newItem, ...prevState.options]
-                        }));
-                        this.state.inputValue = null;
-                        onChange(newItem);
-                    });
-                }
-            } }));
-    }
-}

package/lib/esm/src/components/input/SelectWithSearchAsync.d.ts

@@ -1,58 +0,0 @@
-import * as React from 'react';
-import { Pageable } from '../../types/pagination';
-import '../../assets/react-select.css';
-import '../../assets/react-select-custom.css';
-export declare type Props<Item, ID> = {
-    /** Flag to preselect the status of the checkbox */
-    value: ID | null | undefined;
-    /** Function, executed when selecting value */
-    onChange: (item: ID | null | undefined) => void;
-    /** Identifier for value */
-    valueKey: string;
-    /** Identifier for label */
-    labelKey: string;
-    /** Function, executed when the component mounts and updates */
-    searchByQuery: (query: string, offset: number) => Promise<Pageable<Item>>;
-    /** Function, executed when the component mounts and updates */
-    searchById: (id: ID) => Promise<Item | null | undefined>;
-    /** (Optional) if set, returns a custom message if no results are available*/
-    noResultsMessage?: string;
-    /** (Optional) if true, enables button to clear field on click */
-    clearable?: boolean;
-    /** (Optional) indicates if the component is disabled or not */
-    disabled?: boolean;
-    /** (Optional) Whether the menu should use a portal, and where it should attach */
-    menuPortalTarget?: HTMLElement;
-    /** Placeholder */
-    placeholder?: string;
-    /** @ignore */
-    'data-testid'?: string;
-};
-declare type SelectItem<ID> = {
-    value: ID;
-    label: string;
-};
-declare type State<ID extends string | number> = {
-    cache: Record<ID, SelectItem<ID>>;
-    currentItem: SelectItem<ID> | null | undefined;
-};
-/**
- * SelectWithSearchAsync enhances a native select list by applying a search functionality to it.
- * Fetches selectable results asynchronously while showing small loading indicator
- */
-export default class SelectWithSearchAsync<Item, ID extends string | number> extends React.Component<Props<Item, ID>, State<ID>> {
-    state: State<ID>;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    transformBackendItemToSelectItem: (backendItem: any) => SelectItem<ID>;
-    reloadItemFromCache: () => boolean;
-    addBackendItemToCache: (item: Item | null | undefined) => void;
-    fetchOptions: (input: string, options: Array<Item>) => Promise<{
-        hasMore: boolean;
-        options: Array<any>;
-    }>;
-    handleChange: (item: SelectItem<ID> | null | undefined) => void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=SelectWithSearchAsync.d.ts.map

package/lib/esm/src/components/input/SelectWithSearchAsync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectWithSearchAsync.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/SelectWithSearchAsync.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAChD,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,KAAK,CAAC,IAAI,EAAE,EAAE,IAAI;IAC7B,mDAAmD;IACnD,KAAK,EAAE,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAE7B,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAEhD,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IAEjB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IAEjB,+DAA+D;IAC/D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,+DAA+D;IAC/D,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAEzD,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,aAAK,UAAU,CAAC,EAAE,IAAI;IACrB,KAAK,EAAE,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,KAAK,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,IAAI;IACxC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,WAAW,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,qBAAqB,CAAC,IAAI,EAAE,EAAE,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,KAAK,CAAC,SAAS,CACnG,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,EACf,KAAK,CAAC,EAAE,CAAC,CACT;IACA,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAGd;IAEF,iBAAiB;IAQjB,kBAAkB;IAiBlB,gCAAgC,EAAE,CAAC,WAAW,EAAE,GAAG,KAAK,UAAU,CAAC,EAAE,CAAC,CAMpE;IACF,mBAAmB,EAAE,MAAM,OAAO,CAYhC;IACF,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAQ5D;IAEF,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;KAAC,CAAC,CAgBrG;IAEF,YAAY,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAgB7D;IAEF,MAAM;CAmBN"}

package/lib/esm/src/components/input/SelectWithSearchAsync.js

@@ -1,100 +0,0 @@
-import * as React from 'react';
-import { AsyncPaginate } from 'react-select-async-paginate';
-import '../../assets/react-select.css';
-import '../../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
- */
-export default 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(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 }));
-    }
-}

package/lib/esm/src/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/esm/src/components/input/UrnInput.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { Button, Icon } from '@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.
- */
-export default 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(Button, { small: true, onClick: this.handleEdit },
-                    React.createElement(Icon, { edit: true }))));
-        }
-    }
-}

package/lib/esm/src/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/esm/src/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/esm/src/components/input/ValidatedTextInput.js

@@ -1,30 +0,0 @@
-import React from '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.
- */
-export default class ValidatedTextInput extends React.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.createElement("input", { ...otherProps, value: value, onChange: this.handleChange, style: isValid(value, pattern, required) ? style : { ...style, ...invalidStyle }, type: "text" }));
-    }
-}
-ValidatedTextInput.defaultProps = {
-    required: false
-};

package/lib/esm/src/components/input/__tests__/DateInput.spec.d.ts

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

package/lib/esm/src/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/esm/src/components/input/__tests__/DateInput.spec.js

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

package/lib/esm/src/components/input/__tests__/DateTimeInput.spec.d.ts

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

package/lib/esm/src/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":""}