@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/components/datepicker/DateRangePicker.js

@@ -1,454 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerPure = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const react_onclickoutside_1 = tslib_1.__importDefault(require("react-onclickoutside"));
-const moment_1 = tslib_1.__importDefault(require("moment"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
-const isNull_1 = tslib_1.__importDefault(require("lodash/fp/isNull"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash/fp/isEqual"));
-const DatePicker_1 = tslib_1.__importDefault(require("./DatePicker"));
-const getDropDirection_1 = tslib_1.__importDefault(require("../../utils/getDropDirection"));
-const Placeholder = ({ text }) => (0, jsx_runtime_1.jsx)("span", { className: 'placeholder', children: text });
-const propTypes = {
-    startValue: prop_types_1.default.object,
-    endValue: prop_types_1.default.object,
-    defaultStartValue: prop_types_1.default.object,
-    defaultEndValue: prop_types_1.default.object,
-    minValue: prop_types_1.default.object,
-    maxValue: prop_types_1.default.object,
-    onRangeChange: prop_types_1.default.func,
-    locale: prop_types_1.default.string,
-    textDefault: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textToday: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textLastWeek: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textLastMonth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textLastYear: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textCustom: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textApply: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textCancel: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textFrom: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    textTo: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    className: prop_types_1.default.string,
-    dropdownClass: prop_types_1.default.string,
-    dropdownMenuClass: prop_types_1.default.string,
-    hasTimePicker: prop_types_1.default.bool,
-    customRangeOnly: prop_types_1.default.bool,
-    customPresets: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        startValue: prop_types_1.default.object.isRequired,
-        endValue: prop_types_1.default.object.isRequired,
-        text: prop_types_1.default.string.isRequired,
-        onSelect: prop_types_1.default.func,
-    })),
-    dropup: prop_types_1.default.bool,
-    pullRight: prop_types_1.default.bool,
-    autoDropDirection: prop_types_1.default.bool,
-    clearable: prop_types_1.default.bool,
-    onClear: prop_types_1.default.func,
-};
-const defaultProps = {
-    defaultStartValue: (0, moment_1.default)().startOf('day'),
-    defaultEndValue: (0, moment_1.default)().endOf('day'),
-    minValue: null,
-    maxValue: null,
-    locale: 'en-GB',
-    textDefault: 'Select date range ...',
-    textToday: 'Today',
-    textLastWeek: 'Last week',
-    textLastMonth: 'Last month',
-    textCustom: 'Custom',
-    textFrom: 'From',
-    textTo: 'To',
-    textApply: 'Apply',
-    textCancel: 'Cancel',
-    dropdownClass: '',
-    dropdownMenuClass: '',
-    hasTimePicker: false,
-    customRangeOnly: false,
-    customPresets: [
-        {
-            text: 'Today',
-            startValue: (0, moment_1.default)().startOf('day'),
-            endValue: (0, moment_1.default)().endOf('day'),
-        },
-        {
-            text: 'Last week',
-            startValue: (0, moment_1.default)().subtract(1, 'weeks').startOf('isoWeek'),
-            endValue: (0, moment_1.default)().subtract(1, 'weeks').endOf('isoWeek'),
-        },
-        {
-            text: 'Last Month',
-            startValue: (0, moment_1.default)().subtract(1, 'months').startOf('month'),
-            endValue: (0, moment_1.default)().subtract(1, 'months').endOf('month'),
-        },
-    ],
-    onRangeChange: () => {
-        // function when range changes
-    },
-    autoDropDirection: true,
-    dropup: false,
-    pullRight: false,
-    clearable: false,
-    onClear: () => undefined,
-};
-const LOCAL_DATE_FORMAT = 'dd L LT';
-const LOCAL_DATE_FORMAT_NO_TIME = 'dd L';
-const DROPDOWN_WIDTH = 600;
-/**
- * Wrapper component for React-Datetime.
- *
- * @deprecated This will be removed from the UIKIT at some time.
- */
-class DateRangePicker extends react_1.Component {
-    constructor(props) {
-        super(props);
-        const customRangeStartValue = props.startValue ? props.startValue : props.defaultStartValue;
-        const customRangeEndValue = props.endValue ? props.endValue : props.defaultEndValue;
-        this.state = {
-            internalStartValue: props.startValue,
-            internalEndValue: props.endValue,
-            isMounted: false,
-            isCustomVisible: props.customRangeOnly,
-            isDropdownOpen: false,
-            customRangeStartValue: (0, moment_1.default)(customRangeStartValue), // default value for individual datepickers
-            customRangeEndValue: (0, moment_1.default)(customRangeEndValue), // default value for individual datepickers
-            isStartValid: true,
-            isEndValid: true,
-            dropdownToggleText: (0, jsx_runtime_1.jsx)(Placeholder, { text: props.textDefault }),
-            dropup: props.dropup,
-            pullRight: props.pullRight,
-        };
-        this.toggleDropdownOpen = this.toggleDropdownOpen.bind(this);
-        this.handleCustomToggle = this.handleCustomToggle.bind(this);
-        this.handleCustomApply = this.handleCustomApply.bind(this);
-        this.onStartChange = this.onStartChange.bind(this);
-        this.getValidStartDates = this.getValidStartDates.bind(this);
-        this.onEndChange = this.onEndChange.bind(this);
-        this.getValidEndDates = this.getValidEndDates.bind(this);
-        this.handleResetInternalState = this.handleResetInternalState.bind(this);
-    }
-    componentDidMount() {
-        const { startValue, endValue, locale } = this.props;
-        if (!this.state.isMounted) {
-            this.setState({
-                isMounted: true,
-            });
-        }
-        // initial mount value
-        if (startValue && endValue) {
-            this.update(startValue, endValue, locale);
-        }
-    }
-    /**
-     * Responsible for handling start/end values given from outside (controlled component context).
-     * @param {object} nextProps - The next props.
-     * @returns {undefined}
-     */
-    // eslint-disable-next-line camelcase
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        const { startValue, endValue, textDefault, customRangeOnly, locale, defaultStartValue, defaultEndValue } = nextProps;
-        const { internalStartValue, internalEndValue } = this.state;
-        // handle reset:
-        // reset condition 1 is for uncontrolled components,
-        // making sure that when a time is selected, and then the locale changed, that the selection remains
-        const resetCondition1 = (0, isNil_1.default)(startValue) && (0, isNil_1.default)(endValue) && (0, isNil_1.default)(internalStartValue) && (0, isNil_1.default)(internalEndValue);
-        // reset condition 2 is for controlled components,
-        // when a time is set / defined, and the controlling component wants a hard reset
-        const resetCondition2 = (0, isNull_1.default)(startValue) && (0, isNull_1.default)(endValue);
-        // reset to original state
-        if (resetCondition1 || resetCondition2) {
-            this.setState({
-                internalStartValue: undefined,
-                internalEndValue: undefined,
-                customRangeStartValue: defaultStartValue,
-                customRangeEndValue: defaultEndValue,
-                dropdownToggleText: (0, jsx_runtime_1.jsx)(Placeholder, { text: textDefault }),
-                isCustomVisible: customRangeOnly,
-                isDropdownOpen: false,
-                isStartValid: true,
-                isEndValid: true,
-                pullRight: nextProps.pullRight,
-                dropup: nextProps.dropup,
-            });
-        }
-        else if (startValue !== this.props.startValue || endValue !== this.props.endValue) {
-            this.update(startValue, endValue, locale);
-        }
-        else {
-            this.update(internalStartValue, internalEndValue, locale);
-        }
-    }
-    /**
-     * Converts start/end values to moments, makes them readable,
-     * crafts a dropdownToggleText and updates state.
-     * @param {object} startValue - the start date (date or moment).
-     * @param {object} endValue - the start date (date or moment).
-     * @param {object} locale - the locale to use.
-     * @param {object} extras - additional state, which needs to update.
-     * @param {object} callback - callback to be called, after state has changed.
-     * @returns {undefined}
-     */
-    update(startValue, endValue, locale, extras, callback) {
-        const { hasTimePicker } = this.props;
-        const format = hasTimePicker ? LOCAL_DATE_FORMAT : LOCAL_DATE_FORMAT_NO_TIME;
-        // necessary to set start to startOf / end day to endOf, when selecting "without time"
-        const finalStartValue = hasTimePicker ? (0, moment_1.default)(startValue) : (0, moment_1.default)(startValue).startOf('day');
-        const finalEndValue = hasTimePicker ? (0, moment_1.default)(endValue) : (0, moment_1.default)(endValue).endOf('day');
-        // composition of dropdownToggleText
-        const startValueText = `${finalStartValue.locale(locale).format(format)}`;
-        const endValueText = `${finalEndValue.locale(locale).format(format)}`;
-        const dropdownToggleText = startValueText === endValueText ? startValueText : `${startValueText} → ${endValueText}`;
-        // set state, and call callback
-        this.setState({
-            internalStartValue: finalStartValue,
-            internalEndValue: finalEndValue,
-            customRangeStartValue: finalStartValue,
-            customRangeEndValue: finalEndValue,
-            dropdownToggleText,
-            startValueText,
-            endValueText,
-            isStartValid: true,
-            isEndValid: !finalEndValue.isBefore(finalStartValue),
-            ...extras,
-        }, () => {
-            callback && callback(finalStartValue, finalEndValue);
-        });
-    }
-    handleResetInternalState(event) {
-        if (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        const { textDefault, customRangeOnly, defaultStartValue, defaultEndValue, pullRight, dropup, onClear } = this.props;
-        this.setState({
-            internalStartValue: undefined,
-            internalEndValue: undefined,
-            customRangeStartValue: defaultStartValue,
-            customRangeEndValue: defaultEndValue,
-            dropdownToggleText: (0, jsx_runtime_1.jsx)(Placeholder, { text: textDefault }),
-            isCustomVisible: customRangeOnly,
-            isDropdownOpen: false,
-            isStartValid: true,
-            isEndValid: true,
-            startValueText: null,
-            endValueText: null,
-            pullRight,
-            dropup,
-        });
-        onClear();
-    }
-    /**
-     * Gets called by wrapper component "onClickOutside".
-     * Responsible for closing the dropdown when a click occured outside.
-     * @returns {undefined}
-     */
-    handleClickOutside() {
-        if (this.state.isMounted) {
-            this.setState({
-                isDropdownOpen: false,
-            });
-        }
-    }
-    /**
-     * Toggles dropdown open status and visibility of custom range area.
-     * @param {object} event - mouse event on toggle dropdown
-     * @returns {undefined}
-     */
-    toggleDropdownOpen(event) {
-        const toggleNode = react_dom_1.default.findDOMNode(this.refDropdownToggle);
-        const menuNode = react_dom_1.default.findDOMNode(this.refDropdownMenu);
-        const dropDirection = this.isAutoDropActive() && !this.state.isDropdownOpen ? (0, getDropDirection_1.default)(toggleNode, menuNode) : {};
-        const left = event.currentTarget.getBoundingClientRect().left;
-        this.setState(prevState => ({
-            isDropdownOpen: !prevState.isDropdownOpen,
-            isCustomVisible: this.props.customRangeOnly,
-            ...dropDirection,
-            pullRight: left + DROPDOWN_WIDTH > document.body.clientWidth,
-        }));
-    }
-    isAutoDropActive() {
-        return !(!this.props.autoDropDirection || this.props.dropup || this.props.pullRight);
-    }
-    /**
-     * Only gets called on manual change of datePicker (user interaction).
-     * Has influence the validity of the end date.
-     *
-     * Important to note that the start date is not limited,
-     * whereas the end date is limited by the start date (see 'getValidEndDates').
-     *
-     * @param {object} startValue - the start date (date or moment).
-     * @param {object} isValidDate - if the date is valid or not.
-     * @returns {undefined}
-     */
-    onStartChange(startValue, isValidDate) {
-        const newState = { isStartValid: false };
-        const { hasTimePicker, minValue, maxValue } = this.props;
-        const { customRangeEndValue } = this.state;
-        if (moment_1.default.isMoment(startValue)) {
-            // necessary to set start to startOf / end day to endOf, when selecting "without time"
-            const finalStartValue = hasTimePicker ? startValue : (0, moment_1.default)(startValue).startOf('day');
-            // check validity of input (min/max)
-            const passesMin = minValue ? finalStartValue.isSameOrAfter((0, moment_1.default)(minValue)) : true;
-            const passesMax = maxValue ? finalStartValue.isSameOrBefore((0, moment_1.default)(maxValue)) : true;
-            const isValidInput = isValidDate && passesMin && passesMax;
-            newState.isStartValid = isValidInput;
-            if (isValidDate) {
-                newState.customRangeStartValue = finalStartValue;
-                newState.isEndValid = !customRangeEndValue.isBefore(finalStartValue);
-            }
-        }
-        this.setState(newState);
-    }
-    /**
-     * Only gets called on manual change of datePicker (user interaction)
-     * @param {object} endValue - the start date (date or moment).
-     * @param {object} isValidDate - if the date is valid or not.
-     * @returns {undefined}
-     */
-    onEndChange(endValue, isValidDate) {
-        const newState = { isEndValid: false };
-        const { hasTimePicker, minValue, maxValue } = this.props;
-        const { customRangeStartValue } = this.state;
-        // let isValidInput = false;
-        if (moment_1.default.isMoment(endValue)) {
-            // necessary to set end of seconds and milliseconds for every end value
-            const correctedEndValue = isValidDate ? endValue.endOf('minute') : endValue;
-            // necessary to set start to startOf / end day to endOf, when selecting "without time"
-            const finalEndValue = hasTimePicker ? correctedEndValue : (0, moment_1.default)(endValue).endOf('day');
-            // check validity of input (min/max)
-            const passesMin = minValue ? finalEndValue.isSameOrAfter((0, moment_1.default)(minValue)) : true;
-            const passesMax = maxValue ? finalEndValue.isSameOrBefore((0, moment_1.default)(maxValue)) : true;
-            const isValidInput = isValidDate && passesMin && passesMax && finalEndValue.isAfter(customRangeStartValue);
-            newState.isEndValid = isValidInput;
-            if (isValidDate) {
-                newState.customRangeEndValue = finalEndValue;
-            }
-        }
-        this.setState(newState);
-    }
-    /**
-     * Callback method for DatePicker to limit selection in DatePicker.
-     * @param {object} current - Current date in the loop.
-     * @returns {undefined}
-     */
-    getValidStartDates(current) {
-        const { minValue, maxValue } = this.props;
-        const customRangeEndValue = (0, moment_1.default)(this.state.customRangeEndValue);
-        if (current.isSame(customRangeEndValue, 'day')) {
-            return true;
-        }
-        const passesMin = minValue ? current.isSameOrAfter((0, moment_1.default)(minValue)) : true;
-        const passesMax = maxValue ? current.isSameOrBefore((0, moment_1.default)(maxValue)) : true;
-        return passesMin && passesMax;
-    }
-    /**
-     * Callback method for DatePicker to limit selection in DatePicker.
-     * End date has to be after start date.
-     * @param {object} current - Current date in the loop.
-     * @returns {undefined}
-     */
-    getValidEndDates(current) {
-        const { minValue, maxValue } = this.props;
-        const customRangeStartValue = (0, moment_1.default)(this.state.customRangeStartValue);
-        if (current.isSame(customRangeStartValue, 'day')) {
-            return true;
-        }
-        const passesMin = minValue ? current.isSameOrAfter((0, moment_1.default)(minValue)) : true;
-        const passesMax = maxValue ? current.isSameOrBefore((0, moment_1.default)(maxValue)) : true;
-        const isAfterStart = current.isAfter(customRangeStartValue);
-        return passesMin && passesMax && isAfterStart;
-    }
-    /**
-     * Gets called when "custom ..." has been selected.
-     * @returns {undefined}
-     */
-    handleCustomToggle() {
-        this.setState(prevState => {
-            return {
-                isCustomVisible: !prevState.isCustomVisible,
-            };
-        });
-    }
-    handleCustomPresetSelect(preset) {
-        if (typeof preset.onSelect === 'function') {
-            preset.onSelect();
-        }
-        this.handleSelect(preset.startValue, preset.endValue);
-    }
-    /**
-     * Gets called when a preset has been selected.
-     * @param {object} startValue - the start date (date or moment).
-     * @param {object} endValue - the start date (date or moment).
-     * @returns {undefined}
-     */
-    handleSelect(startValue, endValue) {
-        const { onRangeChange, locale } = this.props;
-        const extras = { isDropdownOpen: false };
-        this.update(startValue, endValue, locale, extras, onRangeChange);
-    }
-    /**
-     * Gets called user clicks the apply button.
-     * @returns {undefined}
-     */
-    handleCustomApply() {
-        const { customRangeStartValue, customRangeEndValue, isStartValid, isEndValid } = this.state;
-        const { onRangeChange, locale } = this.props;
-        if (isStartValid && isEndValid) {
-            const extras = { isDropdownOpen: false };
-            this.update(customRangeStartValue, customRangeEndValue, locale, extras, onRangeChange);
-        }
-    }
-    getDropdownToggle(dropdownToggleText) {
-        const { children, clearable } = this.props;
-        const { startValueText, endValueText } = this.state;
-        const isClearable = clearable && dropdownToggleText.type !== Placeholder;
-        const labelClassNames = (0, classnames_1.default)(isClearable && 'withClearButton');
-        const isRenderCallback = children && typeof children === 'function';
-        // Note: due to issues with nested events in Firefox (for toggle and inside the clear)
-        // the toggle element must not be a <button> but a div.
-        return ((0, jsx_runtime_1.jsxs)("div", { type: 'button', className: 'DateRangePickerToggle form-control dropdown-toggle text-left', "aria-haspopup": 'true', "aria-expanded": 'true', onClick: this.toggleDropdownOpen, ref: node => (this.refDropdownToggle = node), children: [isRenderCallback ? (this.props.children(startValueText, endValueText)) : ((0, jsx_runtime_1.jsx)("span", { className: labelClassNames, children: dropdownToggleText })), isClearable && this.getClearButton(), (0, jsx_runtime_1.jsx)("span", { className: 'caret' })] }));
-    }
-    getClearButton() {
-        return ((0, jsx_runtime_1.jsx)("span", { className: 'clearButton', onClick: this.handleResetInternalState, children: (0, jsx_runtime_1.jsx)("span", { className: 'clearButtonIcon rioglyph rioglyph-remove-sign' }) }));
-    }
-    getCustomPanelToggle(isCustomVisible, textCustom) {
-        return ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)('custom-panel-toggle', isCustomVisible && 'hidden'), children: (0, jsx_runtime_1.jsxs)("a", { role: 'button', onClick: this.handleCustomToggle, children: [textCustom, " ..."] }) }));
-    }
-    getCustomPanelButtons(isCustomVisible, isStartValid, isEndValid, textApply, textCancel) {
-        return ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)('custom-panel-buttons', 'margin-20', !isCustomVisible && 'hidden'), children: (0, jsx_runtime_1.jsxs)("div", { className: 'btn-toolbar', children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', disabled: !isStartValid || !isEndValid, onClick: this.handleCustomApply, className: 'btn btn-primary pull-right', children: textApply }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: this.toggleDropdownOpen, className: 'btn btn-default pull-right', children: textCancel })] }) }));
-    }
-    // eslint-disable-next-line complexity
-    render() {
-        const { locale, textCustom, textApply, textCancel, textFrom, textTo, textToday, textLastWeek, textLastMonth, className, clearable, dropdownClass, dropdownMenuClass, customPresets, hasTimePicker, } = this.props;
-        const { customRangeStartValue, customRangeEndValue, isStartValid, isEndValid, isCustomVisible, isDropdownOpen, dropdownToggleText, } = this.state;
-        const pullRight = this.isAutoDropActive() ? this.state.pullRight : this.props.pullRight;
-        const dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
-        if (customPresets && (0, isEqual_1.default)(customPresets, defaultProps.customPresets)) {
-            // support backward compatibility to override default drop down text values
-            customPresets[0].text = textToday;
-            customPresets[1].text = textLastWeek;
-            customPresets[2].text = textLastMonth;
-        }
-        const classes = (0, classnames_1.default)('DateRangePicker', className && className);
-        const dropDownClassNames = (0, classnames_1.default)('select', 'dropdown', dropdownClass, isDropdownOpen && 'open', dropup && 'dropup');
-        return ((0, jsx_runtime_1.jsx)("div", { className: classes, children: (0, jsx_runtime_1.jsxs)("div", { className: dropDownClassNames, children: [this.getDropdownToggle(dropdownToggleText, clearable), (0, jsx_runtime_1.jsxs)("ul", { className: (0, classnames_1.default)('dropdown-menu', pullRight && 'pull-right', dropdownMenuClass), ref: node => (this.refDropdownMenu = node), children: [customPresets.map((preset, i) => {
-                                return ((0, jsx_runtime_1.jsx)("li", { title: (preset.disabled && preset.disabledText) || null, className: (0, classnames_1.default)(preset.disabled && 'disabled'), children: (0, jsx_runtime_1.jsx)("a", { role: 'button', className: (0, classnames_1.default)(isCustomVisible && 'hidden'), onClick: !preset.disabled
-                                            ? this.handleCustomPresetSelect.bind(this, preset)
-                                            : undefined, children: preset.text }) }, `preset-${i}`));
-                            }), (0, jsx_runtime_1.jsx)("li", { role: 'separator', className: (0, classnames_1.default)('divider', isCustomVisible && 'hidden') }), this.getCustomPanelToggle(isCustomVisible, textCustom), (0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)('custom-panel', !isCustomVisible && 'hidden'), children: (0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'col-sm-6', children: [(0, jsx_runtime_1.jsx)("label", { children: textFrom }), (0, jsx_runtime_1.jsx)(DatePicker_1.default, { locale: locale, open: true, autoDropDirection: false, dateFormat: true, timeFormat: hasTimePicker, initialValue: customRangeStartValue, onChange: this.onStartChange, closeOnSelect: true, isValidDate: this.getValidStartDates, className: (0, classnames_1.default)('DatePicker', !isStartValid && 'has-error') })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'col-sm-6', children: [(0, jsx_runtime_1.jsx)("label", { children: textTo }), (0, jsx_runtime_1.jsx)(DatePicker_1.default, { locale: locale, open: true, autoDropDirection: false, dateFormat: true, timeFormat: hasTimePicker, initialValue: customRangeEndValue, onChange: this.onEndChange, closeOnSelect: true, isValidDate: this.getValidEndDates, className: (0, classnames_1.default)('DatePicker', !isEndValid && 'has-error') })] })] }) }), this.getCustomPanelButtons(isCustomVisible, isStartValid, isEndValid, textApply, textCancel)] })] }) }));
-    }
-}
-exports.DateRangePickerPure = DateRangePicker;
-DateRangePicker.propTypes = propTypes;
-DateRangePicker.defaultProps = defaultProps;
-/**
- * Wrapper component for React-Datetime.
- *
- * @deprecated This will be removed from the UIKIT at some time.
- */
-exports.default = (0, react_onclickoutside_1.default)(DateRangePicker);

package/lib/es/components/dialog/ConfirmationDialog.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type BaseDialogProps } from './Dialog';
-export type ConfirmationDialogProps = BaseDialogProps & {
-    content?: string | React.ReactNode;
-    onClickConfirm?: VoidFunction;
-    onClickCancel?: VoidFunction;
-    cancelButtonText?: string | React.ReactNode;
-    confirmButtonText?: string | React.ReactNode;
-    disableConfirm?: boolean;
-};
-declare const ConfirmationDialog: (props: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default ConfirmationDialog;

package/lib/es/components/dialog/ConfirmationDialog.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const Button_1 = tslib_1.__importDefault(require("../button/Button"));
-const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
-const ConfirmationDialog = (props) => {
-    const { content, onClickCancel = noop_1.default, cancelButtonText, onClickConfirm = noop_1.default, confirmButtonText, disableConfirm, ...remainingProps } = props;
-    const footer = ((0, jsx_runtime_1.jsxs)("div", { className: 'btn-toolbar', children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: 'CancelButton', onClick: onClickCancel, children: cancelButtonText }), (0, jsx_runtime_1.jsx)(Button_1.default, { bsStyle: 'primary', className: 'ConfirmationButton', onClick: onClickConfirm, disabled: disableConfirm, children: confirmButtonText })] }));
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { ...remainingProps, body: content, footer: footer, onClose: onClickCancel, showCloseButton: false, className: 'confirmation-dialog', disableEsc: true }));
-};
-exports.default = ConfirmationDialog;

package/lib/es/components/dialog/Dialog.d.ts

@@ -1,116 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fullwidth' | 'fullheight' | 'fullheight-lg' | 'fullheight-xl' | 'fullscreen';
-export type BaseDialogProps = {
-    /**
-     * Opens the dialog when set to `true`.
-     *
-     * @default false
-     */
-    show: boolean;
-    /**
-     * The dialog title (can also be a FormattedMessage component).
-     */
-    title?: React.ReactNode;
-    /**
-     * The dialog header subtitle content.
-     */
-    subtitle?: React.ReactNode;
-    /**
-     * Shows a close button when set to `true`.
-     *
-     * @default true
-     */
-    showCloseButton?: boolean;
-    /**
-     * A callback function invoked when the dialog closes.
-     */
-    onClose?: () => void;
-    /**
-     * Defined how large the dialog will be rendered.
-     *
-     * By default, the dialog has a medium size, and thus it can be omitted.
-     *
-     * Possible values are: `xs`, `sm`, `lg` `xl` `fullwidth` `fullheight` 'fullheight-lg' 'fullheight-xl' `fullscreen`
-     *
-     * @default 'md'
-     */
-    bsSize?: DialogSize;
-    /**
-     * Enables or disabled closing the dialog via esc key.
-     *
-     * @default false
-     */
-    disableEsc?: boolean;
-    /**
-     * Enables the modal body to overflow and use inline scrolling if needed.
-     *
-     * @default false
-     */
-    useOverflow?: boolean;
-    /**
-     * Show Header and Footer Borders for the "xs" dialog
-     *
-     * @default false
-     */
-    showXsDialogBorders?: boolean;
-    /**
-     * Additional classes for the modal element.
-     */
-    className?: string;
-};
-export type DialogProps = BaseDialogProps & {
-    /**
-     * The dialog body content.
-     */
-    body?: React.ReactNode;
-    /**
-     * The dialog body content.
-     */
-    footer?: React.ReactNode;
-    /**
-     * Additional classes for the modal-body element.
-     */
-    bodyClassName?: string;
-    /**
-     * Additional classes for the modal-footer element.
-     */
-    footerClassName?: string;
-    /**
-     * Allows to add additional buttons to the dialog header.
-     */
-    headerButtons?: React.ReactNode;
-    /**
-     * Deprecate to align with other dialog callbacks.
-     *
-     * @deprecated please use `onClose`
-     */
-    onHide?: VoidFunction;
-    /**
-     * A callback fired when esc key is pressed and the dialog is about to close.
-     */
-    onEsc?: VoidFunction;
-    /**
-     * A callback function to be executed before closing the dialog.
-     *
-     * If the function returns `false`, the dialog will not be closed
-     */
-    onCloseValidation?: () => boolean;
-};
-declare const Dialog: {
-    (props: PropsWithChildren<DialogProps>): React.ReactPortal;
-    Title: (props: import("./DialogHeader").DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ className, children, ...remainingProps }: PropsWithChildren<import("./DialogBody").DialogBodyProps>) => import("react/jsx-runtime").JSX.Element;
-    Footer: (props: PropsWithChildren<import("./DialogFooter").DialogFooterProps>) => import("react/jsx-runtime").JSX.Element;
-    SIZE_XS: "xs";
-    SIZE_SM: "sm";
-    SIZE_MD: "md";
-    SIZE_LG: "lg";
-    SIZE_XL: "xl";
-    SIZE_FULL: "full";
-    SIZE_FULL_WIDTH: "fullwidth";
-    SIZE_FULL_HEIGHT: "fullheight";
-    SIZE_FULL_HEIGHT_LG: "fullheight-lg";
-    SIZE_FULL_HEIGHT_XL: "fullheight-xl";
-    SIZE_FULL_SCREEN: "fullscreen";
-};
-export default Dialog;