@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/contentHeader/ContentHeader.js

@@ -1,58 +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 react_router_dom_1 = require("react-router-dom");
-const i18n_1 = require("../../i18n");
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-const icon_arrow_back_png_1 = __importDefault(require("../../assets/img/icon-arrow-back.png"));
-/**
- * `parentPageLink` set to true shows a back button to go to the parent page.
- * `subPagePathPrefix` needs to be used with `parentPageLink` set to true. It allows to customize what is considered the parent page.
- * With only the `parentPageLink` set to true the parent page is the direct parent, e.g. of `/assets/1234/conditions/5678` the parent is `/assets/1234/conditions`
- * To make the parent of e.g. `/assets/1234/conditions/edit/5678` the page `/assets/1234/conditions`, `subPagePathPrefix="/edit"` needs to be used.
- */
-const ContentHeader = ({ parentPageLink, title, subPagePathPrefixArray, subPagePathPrefix, subtitle, children }) => {
-    const { push } = (0, react_router_dom_1.useHistory)();
-    const { pathname } = (0, react_router_dom_1.useLocation)();
-    const { t } = (0, i18n_1.useTranslation)();
-    const goToParentPage = () => {
-        if (subPagePathPrefix) {
-            push(pathname.substring(0, pathname.lastIndexOf(subPagePathPrefix)));
-        }
-        else if (subPagePathPrefixArray) {
-            subPagePathPrefixArray.forEach((pathPrefix) => {
-                if (pathname.includes(pathPrefix)) {
-                    push(pathname.substring(0, pathname.lastIndexOf(pathPrefix)));
-                }
-            });
-        }
-        else {
-            push(pathname.substring(0, pathname.lastIndexOf('/')));
-        }
-    };
-    const printStringOrMessage = (stringOrMessage) => {
-        if (typeof stringOrMessage === 'string') {
-            return stringOrMessage;
-        }
-        else {
-            const { id, defaultValue } = stringOrMessage;
-            return t(id, {
-                defaultValue
-            });
-        }
-    };
-    return (react_1.default.createElement("h1", { className: "di header" },
-        parentPageLink && (react_1.default.createElement(ng_ui_basic_components_1.Button, { onClick: goToParentPage, style: {
-                marginRight: '15px'
-            } },
-            react_1.default.createElement("img", { src: icon_arrow_back_png_1.default, alt: t('general.navigation.goBack', {
-                    defaultValue: 'Go Back'
-                }) }))),
-        react_1.default.createElement("span", null, printStringOrMessage(title)),
-        subtitle && react_1.default.createElement("span", { className: "search-result-count" }, printStringOrMessage(subtitle)),
-        children));
-};
-exports.default = ContentHeader;

package/lib/cjs/components/infobox/InfoBox.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
-    /** Color scheme type based on InfoBox purpose */
-    type?: 'info' | 'success' | 'warning' | 'error';
-    /** The message to display in the InfoBox */
-    message: TranslationDescriptor | string;
-    /** Optional icon of the InfoBox */
-    icon?: string;
-    /** Optional flag whether the InfoBox should be hideable */
-    hideable?: boolean;
-    /** Optional additional classnames for the parent div container */
-    className?: string;
-    /** Optional additional information to display under the info header */
-    children?: React.ReactNode;
-};
-/**
- * InfoBox is best used for highlighting information, especially if a warning and/or an error shall be displayed.
- */
-declare function InfoBox({ type, hideable, className, icon, message: inputMessage, children }: Props): React.JSX.Element | null;
-export default InfoBox;
-//# sourceMappingURL=InfoBox.d.ts.map

package/lib/cjs/components/infobox/InfoBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/infobox/InfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAQvD,oBAAY,KAAK,GAAG;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEhD,4CAA4C;IAC5C,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IAExC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,IAAa,EAAE,QAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAC,EAAE,KAAK,4BAwC1G;AAED,eAAe,OAAO,CAAC"}

package/lib/cjs/components/infobox/InfoBox.js

@@ -1,61 +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_1 = __importStar(require("react"));
-const i18n_1 = require("../../i18n");
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-const colors = {
-    info: '#ffffff',
-    success: '#cce0cc',
-    warning: '#fed254',
-    error: '#d66961'
-};
-/**
- * InfoBox is best used for highlighting information, especially if a warning and/or an error shall be displayed.
- */
-function InfoBox({ type = 'info', hideable = false, className, icon, message: inputMessage, children }) {
-    const [visible, setVisible] = (0, react_1.useState)(true);
-    const { t } = (0, i18n_1.useTranslation)();
-    function getMessage() {
-        if (typeof inputMessage !== 'string') {
-            const { id, defaultValue, ...rest } = inputMessage;
-            return t(id, { ...rest, defaultValue });
-        }
-        return inputMessage;
-    }
-    const message = getMessage();
-    return visible ? (react_1.default.createElement("div", { className: `infobox ${className ? className : ''}` },
-        react_1.default.createElement("div", { className: "infobox-header", style: {
-                backgroundColor: colors[type]
-            } },
-            react_1.default.createElement("div", { className: "infobox-header-content" },
-                icon && (react_1.default.createElement("div", { className: "infobox-iconcontainer" },
-                    react_1.default.createElement("img", { src: icon, alt: "info-icon", style: { width: 16, height: 16 } }))),
-                react_1.default.createElement("div", { className: "infobox-message" }, message)),
-            hideable && (react_1.default.createElement("button", { className: "infobox-closebutton", onClick: () => setVisible(false) },
-                react_1.default.createElement(ng_ui_basic_components_1.Icon, { del: true, large: true })))),
-        children)) : null;
-}
-exports.default = InfoBox;

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ReactDatePickerProps } from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
-import '../../assets/react-datepicker-custom.css';
-declare type DateInputProps = {
-    /** the current value (millis since 1970-01-01 or formatted string) */
-    value: number | string | null | undefined;
-    /** (optional) timezone */
-    timezone?: string;
-    /** callback function that is executed when the user picks a date */
-    onChange: (date: number | null | undefined, fromTextField?: boolean) => void;
-    /** makes the input field clearable */
-    clearable?: boolean;
-    /** displays the date picker inline */
-    inline?: boolean;
-    /** displays the DateInput read only */
-    readOnly?: boolean;
-    /** (optional) class name for the wrapping elements */
-    wrapperClassName?: string;
-    /** (optional) locale, if not set, the i18next.language is taken */
-    locale?: string;
-};
-export declare type Props = Omit<ReactDatePickerProps, keyof DateInputProps> & DateInputProps;
-/**
- * DateInput is used to let users set a date conveniently.
- * Usually the user's locale is used for displaying the correct date format.
- */
-export default function DateInput({ value, clearable, inline, readOnly, wrapperClassName, onChange, locale, timezone, ...otherProps }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=DateInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAmB,EAAC,oBAAoB,EAAiB,MAAM,kBAAkB,CAAC;AAalF,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AA0ClD,aAAK,cAAc,GAAG;IACrB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C,0BAA0B;IAC1B,QAAQ,CAAC,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,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AA2CtF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACb,EAAE,KAAK,qBAyKP"}

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

@@ -1,207 +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 timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-const react_datepicker_1 = __importStar(require("react-datepicker"));
-const lodash_1 = require("lodash");
-const dayjs_1 = __importDefault(require("dayjs"));
-const localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
-const localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
-const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
-const i18next_1 = __importDefault(require("i18next"));
-const classnames_1 = __importDefault(require("classnames"));
-const i18n_1 = require("../../i18n");
-const Locales = __importStar(require("date-fns/locale"));
-const ng_ui_basic_components_1 = require("@deviceinsight/ng-ui-basic-components");
-require("react-datepicker/dist/react-datepicker.css");
-require("../../assets/react-datepicker-custom.css");
-const dayjsLocales_1 = require("../../utils/dayjsLocales");
-dayjs_1.default.extend(utc_1.default);
-dayjs_1.default.extend(timezone_1.default);
-dayjs_1.default.extend(localeData_1.default);
-dayjs_1.default.extend(localizedFormat_1.default);
-dayjs_1.default.extend(customParseFormat_1.default);
-function registerLanguage(locale) {
-    const [localeSegment1, localeSegment2] = locale.split('-');
-    let module;
-    if (localeSegment1 && localeSegment2) {
-        // @ts-ignore
-        module = Locales[`${localeSegment1}${localeSegment2}`] ?? Locales[localeSegment1];
-    }
-    else if (localeSegment1) {
-        // @ts-ignore
-        module = Locales[localeSegment1];
-    }
-    else {
-        module = null;
-    }
-    if (module) {
-        (0, react_datepicker_1.registerLocale)(locale, module);
-    }
-}
-async function changeDayjsLocale(locale) {
-    let dayjsLocale = null;
-    const [localeSegment1] = locale.split('-');
-    if ((0, dayjsLocales_1.isLocaleSupported)(locale.toLowerCase())) {
-        dayjsLocale = locale.toLowerCase();
-    }
-    else if ((0, dayjsLocales_1.isLocaleSupported)(localeSegment1.toLowerCase())) {
-        dayjsLocale = localeSegment1.toLowerCase();
-    }
-    if (dayjsLocale) {
-        dayjs_1.default.locale(dayjsLocale);
-    }
-}
-function isInputValid(value, pattern) {
-    if (value == null || value === '') {
-        return true;
-    }
-    if (typeof value === 'number') {
-        return !isNaN(value);
-    }
-    if (typeof value === 'string') {
-        return (0, dayjs_1.default)(value, pattern, true).isValid();
-    }
-    return false;
-}
-function inputToDate(value, pattern, timezone) {
-    if (typeof value === 'number') {
-        return new Date(value);
-    }
-    if (typeof value === 'string' && (0, dayjs_1.default)(value, pattern, true).isValid()) {
-        return dayjs_1.default.tz(value, pattern, timezone).toDate();
-    }
-    return null;
-}
-function inputToTzDate(value, pattern, timezone) {
-    if (typeof value === 'number') {
-        return dayjs_1.default.tz(value, timezone);
-    }
-    if (typeof value === 'string' && (0, dayjs_1.default)(value, pattern, true).isValid()) {
-        return dayjs_1.default.tz(value, pattern, timezone);
-    }
-    return null;
-}
-/**
- * DateInput is used to let users set a date conveniently.
- * Usually the user's locale is used for displaying the correct date format.
- */
-function DateInput({ value, clearable, inline, readOnly, wrapperClassName, onChange, locale, timezone, ...otherProps }) {
-    const [pattern, setPattern] = (0, react_1.useState)(dayjs_1.default.localeData().longDateFormat('L'));
-    const { t } = (0, i18n_1.useTranslation)();
-    const [valid, setValid] = (0, react_1.useState)(false);
-    const [popupActive, setPopupActive] = (0, react_1.useState)(false);
-    const [inputText, setInputText] = (0, react_1.useState)('');
-    const debouncedSetPopupActive = (0, react_1.useMemo)(() => (0, lodash_1.debounce)(setPopupActive, 30), []);
-    (0, react_1.useEffect)(() => {
-        const language = locale ?? i18next_1.default.language;
-        if (language) {
-            registerLanguage(language);
-            changeDayjsLocale(language).then(() => setPattern(dayjs_1.default.localeData().longDateFormat('L')));
-        }
-    }, [locale]);
-    const formattedDate = (0, react_1.useCallback)((value) => {
-        if (value == null || value == '') {
-            return '';
-        }
-        else if (!isInputValid(value, pattern)) {
-            return t('dateInput.invalidDate', {
-                defaultValue: 'invalid date'
-            });
-        }
-        else {
-            return typeof value === 'number' ? dayjs_1.default.tz(value, timezone).format(pattern) : value;
-        }
-    }, [pattern, t, timezone]);
-    (0, react_1.useEffect)(() => {
-        if (value == null) {
-            setInputText('');
-        }
-        else {
-            setInputText(formattedDate(value));
-        }
-    }, [formattedDate, value]);
-    (0, react_1.useEffect)(() => {
-        setValid(isInputValid(value, pattern));
-    }, [pattern, value]);
-    (0, react_1.useEffect)(() => {
-        dayjs_1.default.locale(locale ?? i18next_1.default.language);
-        setPattern(dayjs_1.default.localeData().longDateFormat('L'));
-    }, [locale]);
-    const handleInputTextChange = (text) => {
-        setInputText(text);
-        if (text) {
-            const valid = (0, dayjs_1.default)(text, pattern, true).isValid();
-            if (valid) {
-                const prevDate = inputToTzDate(value, pattern, timezone);
-                const newDate = dayjs_1.default.tz(text, pattern, timezone ?? dayjs_1.default.tz.guess());
-                if (prevDate) {
-                    newDate.set('hour', prevDate.hour());
-                    newDate.set('minute', prevDate.minute());
-                    newDate.set('second', prevDate.second());
-                    newDate.set('millisecond', prevDate.millisecond());
-                }
-                onChange(newDate.valueOf(), true);
-            }
-            setValid(valid);
-        }
-        else {
-            onChange(null, true);
-            setValid(true);
-        }
-    };
-    const handlePickerChange = (date) => {
-        onChange(date ? date.valueOf() : null);
-        setInputText(formattedDate(date ? date.getTime() : null));
-        handlePopupHide();
-    };
-    const handlePopupShow = () => setPopupActive(true);
-    const handlePopupHide = () => setPopupActive(false);
-    const handleClear = () => handleInputTextChange('');
-    if (inline) {
-        return (react_1.default.createElement(react_datepicker_1.default, { ...otherProps, onChange: handlePickerChange, selected: inputToDate(value, pattern, timezone), locale: locale ?? i18next_1.default.language, isClearable: clearable, placeholderText: pattern, className: (0, classnames_1.default)('date', { invalid: !valid }), inline: true }));
-    }
-    if (readOnly) {
-        return (react_1.default.createElement(react_datepicker_1.default, { ...otherProps, onChange: () => { }, selected: inputToDate(value, pattern, timezone), locale: locale ?? i18next_1.default.language, customInput: react_1.default.createElement("span", null,
-                react_1.default.createElement("input", { type: "text", value: formattedDate(value), readOnly: true })), placeholderText: pattern, readOnly: true }));
-    }
-    return (react_1.default.createElement(ng_ui_basic_components_1.Popup, { handler: react_1.default.createElement("span", { className: "di date-input-wrapper" },
-            react_1.default.createElement("input", { "data-testid": "date-input", className: (0, classnames_1.default)('date', { invalid: !valid }), onChange: (e) => handleInputTextChange(e.target.value), value: inputText, placeholder: pattern, onClick: handlePopupShow, onFocus: handlePopupShow, onBlur: () => {
-                    handleInputTextChange(formattedDate(value));
-                    debouncedSetPopupActive(false);
-                } }),
-            clearable && (react_1.default.createElement(ng_ui_basic_components_1.Button, { naked: true, small: true, onClick: handleClear },
-                react_1.default.createElement(ng_ui_basic_components_1.Icon, { del: true })))), className: "date-input", handlerWrapperClassName: wrapperClassName, active: popupActive, onHide: handlePopupHide },
-        react_1.default.createElement("div", { className: "di date-picker-popup-wrapper", tabIndex: 0, onFocus: () => {
-                debouncedSetPopupActive(true);
-            } },
-            react_1.default.createElement(react_datepicker_1.default, { ...otherProps, selected: inputToDate(value, pattern, timezone), onChange: handlePickerChange, locale: locale ?? i18next_1.default.language, isClearable: clearable, placeholderText: pattern, className: (0, classnames_1.default)('date', { invalid: !valid }), inline: true }))));
-}
-exports.default = DateInput;

package/lib/cjs/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/cjs/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/cjs/components/input/DateTimeInput.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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importStar(require("react"));
-const DateInput_1 = __importDefault(require("./DateInput"));
-const ValidatedTextInput_1 = __importDefault(require("./ValidatedTextInput"));
-const formatTime = (timezone, date) => {
-    try {
-        return dayjs_1.default.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.
- */
-function DateTimeInput({ timestamp, timezone, warning, readOnly = false, onChange, ...otherProps }) {
-    const [time, setTime] = (0, react_1.useState)(formatTime(timezone, timestamp));
-    const timeValue = time == null ? formatTime(timezone, timestamp) : time;
-    (0, react_1.useEffect)(() => {
-        setTime(formatTime(timezone, timestamp));
-    }, [timezone, timestamp]);
-    function handleChangeDate(date, fromTextField) {
-        const currentDate = dayjs_1.default.tz(timestamp, timezone);
-        const newDate = dayjs_1.default
-            .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_1.default.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_1.default.createElement("span", { className: `di date-time-input ${warning ? 'with-warning' : ''}` },
-        react_1.default.createElement(DateInput_1.default, { ...otherProps, value: timestamp, timezone: timezone, onChange: handleChangeDate, readOnly: readOnly }),
-        react_1.default.createElement(ValidatedTextInput_1.default, { "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 })));
-}
-exports.default = DateTimeInput;

package/lib/cjs/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/cjs/components/input/SelectWithSearch.js

@@ -1,140 +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_select_1 = __importDefault(require("react-select"));
-const lodash_1 = require("lodash");
-require("../../assets/react-select.css");
-require("../../assets/react-select-custom.css");
-function getSortedOptions(options, compareOptions) {
-    if (!compareOptions) {
-        // @ts-ignore
-        return (0, lodash_1.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`
- */
-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 (!(0, lodash_1.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(react_select_1.default, { 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);
-                    });
-                }
-            } }));
-    }
-}
-exports.default = SelectWithSearch;

package/lib/cjs/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"}