@rio-cloud/rio-uikit 2.1.0 → 2.2.0

package/components/datepicker/DateRangePicker.js.map

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

package/components/datepicker/DayPicker.js

@@ -9,7 +9,7 @@ import Pe from "../../hooks/useClickOutside.js";
 import ke from "../../hooks/usePopperDropdown.js";
 import Ne from "../../hooks/useKey.js";
 import we from "../clearableInput/ClearableInput.js";
-import Re from "classnames";
+import Re from "../../utils/classNames.js";
 const Ee = (e) => !e.mode || e.mode === "single", xe = (e) => e.mode === "multiple", Le = (e) => e.mode === "range", Je = (e) => {
   const {
     id: o,

package/components/datepicker/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { DayPicker as ReactDayPicker } from 'react-day-picker';\nimport { format, isValid, parse, type Locale } from 'date-fns';\nimport * as locales from 'date-fns/locale';\nimport { debounce } from 'es-toolkit/function';\n\nimport 'react-day-picker/dist/style.css';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport useKey from '../../hooks/useKey';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport classNames from 'classnames';\n\n// Features\n// [ ] input parsing and error handling\n// [-] time picker -> use a dedicated time picker input next to the day picker\n// [-] time range callback + validation\n// [ ] wrap all react-day-picker callbacks to avoid exposing internals and types\n// [x] start/end month\n// [ ] reserved days / unselectable days\n// [ ] disable editable input - use selected date only\n// [x] disallow editing input for mode: \"multi\" and \"range\" since input contains custom value\n// [ ] modifier and modifiersStyles\n// [x] closeOnSelect\n// [x] enter confirms the manual input and closes the dropdown\n// [x] esc closed the dropdown\n// [ ] support different sizes\n// [ ] mandatory value\n// [x] avoid opening dropdown again when clicking inside the input\n// [x] clear inputs\n// [ ] tab should select elements inside the dropdown, select should close but keep focus on input\n\nexport type DateRange = {\n    from?: Date | undefined;\n    to?: Date | undefined;\n};\n\nexport type Modifiers = Record<string, boolean>;\n\nexport type OnSelectHandler<T> = (\n    selected: T,\n    triggerDate: Date,\n    modifiers: Modifiers,\n    event: React.MouseEvent | React.KeyboardEvent\n) => void;\n\n// - By default, don't show a time picker\n// - Handle given formats like \"2020-04-04\" or ISO dates \"2020-03-12T16:20:44.193Z\" as initialValue - really?\n\ntype CommonProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'value' | 'selected'> & {\n    id?: string;\n    locale?: string;\n    closeOnSelect?: boolean;\n    initialValue?: Date;\n    inputProps?: Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'defaultValue' | 'children'>;\n\n    /**\n     * Custom format string (e.g., 'yyyy-MM-dd') to override locale-based formatting.\n     * If omitted, locale-based display is used for the input.\n     */\n    dateFormat?: string;\n\n    alignRight?: boolean;\n    isClearable?: boolean;\n    minWidth?: number;\n    mandatory?: boolean;\n    bsSize?: 'sm' | 'md' | 'lg' | 'xl';\n    footer?: React.ReactNode;\n    inline?: boolean;\n    placeholder?: string | React.ReactElement;\n\n    inputClassName?: string;\n    className?: string;\n\n    // react-day-picker props\n    showOutsideDays?: boolean;\n    fixedWeeks?: boolean;\n    defaultMonth?: Date;\n    startMonth?: Date;\n    endMonth?: Date;\n};\n\ntype SingleModeProps = CommonProps & {\n    mode?: 'single';\n    selected?: Date;\n    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;\n    onSelectChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n};\n\ntype MultipleModeProps = CommonProps & {\n    mode: 'multiple';\n    selected?: Date[];\n    onSelectChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n};\n\ntype RangeModeProps = CommonProps & {\n    mode: 'range';\n    selected?: DateRange;\n    onChange?: (value: DateRange | undefined) => void;\n    onSelectChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n};\n\ntype DayPickerProps = SingleModeProps | MultipleModeProps | RangeModeProps;\n\nconst isSingleProps = (props: DayPickerProps): props is SingleModeProps => !props.mode || props.mode === 'single';\nconst isMultipleProps = (props: DayPickerProps): props is MultipleModeProps => props.mode === 'multiple';\nconst isRangeProps = (props: DayPickerProps): props is RangeModeProps => props.mode === 'range';\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        selected,\n        inputProps = {},\n        alignRight,\n        bsSize = '',\n        locale = 'en-GB',\n        footer,\n        inline,\n        showOutsideDays = true,\n        fixedWeeks = true,\n        mode = 'single',\n        dateFormat,\n        placeholder,\n        isClearable = false,\n        closeOnSelect = true,\n        defaultMonth,\n        startMonth,\n        endMonth,\n        inputClassName,\n        className,\n    } = props;\n\n    const isSingleMode = mode === 'single';\n    const isMultipleMode = mode === 'multiple';\n    const isRangeMode = mode === 'range';\n\n    const isControlled = selected !== undefined;\n    const [internalSelected, setInternalSelected] = useState<typeof selected>();\n\n    const selectedValue = isControlled ? selected : internalSelected;\n\n    const narrowedSelected = (() => {\n        if (isSingleMode) {\n            return selectedValue instanceof Date ? selectedValue : undefined;\n        }\n        if (isMultipleMode) {\n            return Array.isArray(selectedValue) ? selectedValue : undefined;\n        }\n        return isDateRange(selectedValue) ? selectedValue : undefined;\n    })();\n\n    const selectionProps = { selected: narrowedSelected };\n\n    const resolvedLocale = resolveLocale(locale);\n\n    const [internalInputValue, setInternalInputValue] = useState<string>('');\n\n    const inputValue =\n        isControlled && !isSingleMode\n            ? formatSelectedForInput(narrowedSelected, locale, mode, dateFormat)\n            : internalInputValue;\n\n    // const inputValue = isSingleMode\n    //     ? internalInputValue\n    //     : formatSelectedForInput(narrowedSelected, locale, mode, dateFormat);\n\n    // const inputValue = internalInputValue;\n\n    // This ensures that whenever the external selected prop changes, the input field gets updated accordingly\n    useEffect(() => {\n        if (isSingleMode && isControlled && selected instanceof Date) {\n            setInternalInputValue(formatDate(selected, locale, dateFormat));\n        }\n    }, [selected, isSingleMode, isControlled, locale, dateFormat]);\n\n    const notifySelectChange = (value: typeof selected, modifiers: Modifiers) => {\n        if (isSingleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as SingleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isMultipleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as MultipleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isRangeProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as RangeModeProps['selected'], modifiers);\n        }\n    };\n\n    const handleInputChange = (newValue: string) => doHandleInputValue(newValue);\n    const handleInputChangeNative = (event: any) => doHandleInputValue(event.currentTarget.value);\n\n    const debouncedParseInput = useRef(\n        debounce((rawValue: string) => {\n            const parsed = parseDateString(rawValue, locale);\n            console.log(parsed);\n            const isValid = !!parsed;\n\n            setInternalSelected(parsed as typeof props.selected);\n\n            if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n                props.onInputChange(rawValue, parsed, isValid);\n            }\n\n            const shouldNotify = parsed !== undefined || rawValue === '';\n            if (shouldNotify) {\n                // parse to desired dateFormat for use on outside\n                const formattedSelected = dateFormat ? parseDateString(rawValue, locale, dateFormat) : parsed;\n                notifySelectChange(formattedSelected as typeof selected, {});\n            }\n        }, 300)\n    ).current;\n\n    const doHandleInputValue = (rawValue: string) => {\n        // const parsed = parseDateString(rawValue, locale, dateFormat);\n\n        // const isValid = !!parsed;\n\n        // if (!isControlled) {\n        //     // && isValidDate(parsed); // TODO: optional second validation\n\n        //     setInternalInputValue(rawValue);\n        //     setInternalSelected(parsed as typeof props.selected);\n        // } else if (isSingleMode) {\n        //     setInternalInputValue(rawValue);\n        // }\n\n        // if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n        //     props.onInputChange(rawValue, parsed, isValid);\n        // }\n\n        // const shouldNotify = parsed !== undefined || rawValue === '';\n        // if (shouldNotify) {\n        //     onSelectChange(parsed as typeof selected, {});\n        // }\n\n        setInternalInputValue(rawValue); // always update input state\n        debouncedParseInput(rawValue); // defer parsing & callback execution\n    };\n\n    const keyboardRef = useRef(false);\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        // Do not close the dropdown on input blur when the user selects something inside the dropdown itself\n        const nextFocused = event.relatedTarget as Node | null;\n        const focusInsideDropdown = nextFocused && popperElementRef.current?.contains(nextFocused);\n        if (isDropdownOpen && !focusInsideDropdown) {\n            closePopper();\n        }\n\n        if (!isSingleMode) {\n            return;\n        }\n\n        const parsed = parseDateString(internalInputValue, locale, dateFormat);\n\n        if (parsed && isValid(parsed)) {\n            setInternalSelected(parsed as typeof selected);\n            notifySelectChange(parsed as typeof selected, {});\n            setInternalInputValue(formatDate(parsed, locale, dateFormat));\n        }\n    };\n\n    const handleOnInputFocus = () => {\n        if (!isDropdownOpen) {\n            openPopper();\n        }\n    };\n\n    const handleInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Workaround to figure out if the user navigates via keyboard\n        if (event.key === 'Tab') {\n            keyboardRef.current = true;\n        }\n\n        if (event.key !== 'Enter') {\n            return;\n        }\n        // In case the dropdown is not open but the input is focused, open the dropdown on enter\n        if (!isDropdownOpen) {\n            handleInputClick();\n            return;\n        }\n        // In case the dropdown is open, the input is focused and the prop allows it, close the dropdown\n        if (isDropdownOpen && closeOnSelect) {\n            notifySelectChange(narrowedSelected as typeof selected, {});\n            closePopper();\n        }\n    };\n\n    const handleSelectedChange = (newValue: typeof selected) => {\n        if (!isControlled) {\n            setInternalSelected(newValue);\n        }\n    };\n\n    const handleClearSelection = () => {\n        handleInputChange('');\n        handleSelectedChange(undefined as typeof selected);\n        setInternalInputValue('');\n\n        if (isControlled) {\n            setInternalSelected(undefined);\n        }\n\n        if (isRangeMode && 'onChange' in props && props.onChange) {\n            props.onChange(undefined);\n        }\n\n        notifySelectChange(undefined as typeof selected, {});\n    };\n\n    const handleDaySelect: OnSelectHandler<typeof selected> = (selected, triggerDate, modifiers, event) => {\n        // safe because of discriminated union\n        handleSelectedChange(selected as typeof selected);\n\n        // trigger callback\n        notifySelectChange(selected, modifiers);\n\n        if (isSingleMode && !isControlled) {\n            // should be the only place formatting is applied to the input\n            setInternalInputValue(formatDate(selected as Date, locale, dateFormat));\n        }\n\n        if (keyboardRef.current) {\n            // Note: When the date is selected via enter key, assume the user uses keyboard navigation.\n            // In this case the input should be focused to allow to tab to another element in his form.\n            // However, it is not possible to detect according to the event since the event.type is alway \"click\".\n            // Instead we check if the user used the tab key to focus the day picker.\n            inputRef?.current?.focus();\n        }\n\n        if (closeOnSelect) {\n            closePopper();\n            keyboardRef.current = false;\n        }\n    };\n\n    const {\n        isOpen: isDropdownOpen,\n        open: openPopper,\n        close: closePopper,\n        referenceRef: popperRef,\n        popperElementRef: setPopperElement,\n        popperStyles,\n        popperAttributes,\n    } = usePopperDropdown({ placement: alignRight ? 'bottom-end' : 'bottom-start' });\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    // Close the dropdown when clicking outside the dropdown wrapper.\n    // It also checks if the click happened into the input, in which case the\n    // dropdown will remain open.\n    const outsideRef = useClickOutside(\n        event => {\n            const target = event.target as Node | null;\n            if (!target) {\n                closePopper();\n                return;\n            }\n\n            const clickedWithinTrigger = popperRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closePopper();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    // Needed to select all tabbable elements inside the dropdown calendar and to disable the\n    // focus on tab for all of these. This allows the user to tab between multiple inputs on the page\n    // or when having two day pickers side by side. Tabbing from one day picker input to the other will\n    // open and close the dropdown respectively and achieving the same usability as the old DatePicker.\n    // useEffect(() => {\n    //     if (isDropdownOpen && outsideRef.current) {\n    //         // get all buttons to disable the tab on them\n    //         const tabbableElements = (outsideRef.current as HTMLElement).querySelectorAll<HTMLElement>(\n    //             'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    //         );\n\n    //         tabbableElements.forEach((element: Element) => {\n    //             element.setAttribute('tabindex', '-1');\n    //         });\n    //     }\n    // }, [isDropdownOpen, outsideRef]);\n\n    // Close the dropdown when it is open and when the user presses the \"escape\" key\n    useKey('Escape', event => {\n        const target = event.target;\n        const isInput = inputRef.current && inputRef.current === target;\n\n        if (isInput && isDropdownOpen) {\n            closePopper();\n        }\n    });\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (!isDropdownOpen || !outsideRef.current) {\n                return;\n            }\n\n            if (event.key === 'Tab') {\n                const focusedInside = outsideRef.current.contains(document.activeElement);\n                if (focusedInside) {\n                    keyboardRef.current = true;\n                    console.log('User tabbed into dropdown');\n                    // Optional: closePopper(); or focus inputRef.current\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [isDropdownOpen]);\n\n    const dayPickerClassName = `DayPicker ${bsSize === 'sm' ? 'margin-10' : 'margin-15'} ${bsSize}`;\n\n    if (inline) {\n        // Render day picker inline without a dropdown and an input\n        return (\n            <div className={`display-flex flex-column justify-content-between ${className}`}>\n                <ReactDayPicker\n                    {...selectionProps}\n                    mode={mode as any}\n                    defaultMonth={defaultMonth}\n                    locale={resolvedLocale}\n                    onSelect={handleDaySelect}\n                    captionLayout='dropdown'\n                    animate\n                    navLayout='around'\n                    startMonth={startMonth}\n                    endMonth={endMonth}\n                    showOutsideDays={showOutsideDays}\n                    fixedWeeks={fixedWeeks}\n                    className={dayPickerClassName}\n                />\n                {footer ? <div className='padding-15'>{footer}</div> : <div />}\n            </div>\n        );\n    }\n\n    const clearableInputProps = {\n        ...inputProps,\n        readOnly: !isSingleMode,\n        style: {\n            background: 'var(--color-white)',\n            ...(inputProps?.style ?? {}),\n        },\n    };\n\n    return (\n        <>\n            <div ref={popperRef} className={`form-group ${className}`}>\n                <div className='input-group'>\n                    <span className='input-group-addon' onClick={handleInputClick}>\n                        <span className='rioglyph rioglyph-calendar' aria-hidden='true' />\n                    </span>\n                    {isClearable && (\n                        <ClearableInput\n                            id={id}\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...clearableInputProps}\n                            type='text'\n                            value={inputValue}\n                            onChange={handleInputChange}\n                            onClick={handleInputClick}\n                            onClear={handleClearSelection}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyPress={handleInputKeyPress}\n                            // hasError={hasError}\n                            ref={inputRef}\n                            inputClassName={inputClassName}\n                        />\n                    )}\n                    {!isClearable && (\n                        <input\n                            id={id}\n                            size={12}\n                            type='text'\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...inputProps}\n                            value={inputValue}\n                            onChange={handleInputChangeNative}\n                            onClick={handleInputClick}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyDown={handleInputKeyPress}\n                            ref={inputRef}\n                            readOnly={!isSingleMode}\n                            className={classNames('ClearableInput form-control bg-white', inputClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n            {isDropdownOpen && (\n                <div\n                    style={popperStyles}\n                    className='DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border'\n                    {...popperAttributes}\n                    ref={assignPopperElement}\n                    role='dialog'\n                    aria-label='DayPicker calendar'\n                >\n                    <div ref={outsideRef} className='display-flex flex-column justify-content-between'>\n                        <ReactDayPicker\n                            {...selectionProps}\n                            mode={mode as any}\n                            defaultMonth={defaultMonth}\n                            locale={resolvedLocale}\n                            onSelect={handleDaySelect}\n                            captionLayout='dropdown'\n                            animate\n                            navLayout='around'\n                            startMonth={startMonth}\n                            endMonth={endMonth}\n                            showOutsideDays={showOutsideDays}\n                            fixedWeeks={fixedWeeks}\n                            className={dayPickerClassName}\n                        />\n                        {footer ? <div className='padding-15'>{footer}</div> : <div />}\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nconst isDateRange = (value: unknown): value is DateRange => {\n    if (!value || typeof value !== 'object') {\n        return false;\n    }\n\n    const range = value as DateRange;\n\n    const fromIsValid = range.from === undefined || range.from instanceof Date;\n    const toIsValid = range.to === undefined || range.to instanceof Date;\n\n    return fromIsValid && toIsValid;\n};\n\nconst resolveLocale = (localeCode: string): Locale => {\n    const baseCode = localeCode.split('-')[0]; // 'de-DE' → 'de'\n    return (\n        (locales as Record<string, Locale>)[baseCode] || (locales as Record<string, Locale>)[localeCode] || locales.enGB\n    );\n};\n\nconst formatDate = (date: Date | undefined, localeCode: string, dateFormat?: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    if (dateFormat) {\n        return format(date, dateFormat); // use override\n    }\n\n    // fallback to locale-based formatting\n    return new Intl.DateTimeFormat(localeCode).format(date);\n};\n\nconst formatSelectedForInput = (\n    selected: unknown,\n    localeCode: string,\n    mode: 'single' | 'multiple' | 'range',\n    dateFormat?: string\n): string => {\n    if (!selected) {\n        return '';\n    }\n\n    const formatFn = (date: Date) =>\n        dateFormat ? format(date, dateFormat) : new Intl.DateTimeFormat(localeCode).format(date);\n\n    if (mode === 'single' && selected instanceof Date) {\n        return formatFn(selected);\n    }\n\n    if (mode === 'multiple' && Array.isArray(selected)) {\n        return selected.map(formatFn).join(', ');\n    }\n\n    if (mode === 'range' && typeof selected === 'object' && 'from' in selected) {\n        const { from, to } = selected as { from?: Date; to?: Date };\n        if (!from || !to) {\n            return '';\n        }\n        return [from, to].filter(Boolean).map(formatFn).join(' – ');\n    }\n\n    return '';\n};\n\nconst localeFormatMap: Record<string, string> = {\n    'bg-BG': 'dd.MM.yyyy',\n    'cs-CZ': 'dd.MM.yyyy',\n    'da-DK': 'dd-MM-yyyy',\n    'de-DE': 'dd.MM.yyyy',\n    'el-GR': 'dd/MM/yyyy',\n    'en-GB': 'dd/MM/yyyy',\n    'es-ES': 'dd/MM/yyyy',\n    'et-EE': 'dd.MM.yyyy',\n    'fi-FI': 'dd.MM.yyyy',\n    'fr-FR': 'dd/MM/yyyy',\n    'hr-HR': 'dd.MM.yyyy',\n    'hu-HU': 'yyyy. MM. dd.',\n    'it-IT': 'dd/MM/yyyy',\n    'lt-LT': 'dd-MM-yyyy',\n    'lv-LV': 'dd.MM.yyyy',\n    'nb-NO': 'dd.MM.yyyy',\n    'nl-NL': 'dd-MM-yyyy',\n    'pl-PL': 'dd.MM.yyyy',\n    'pt-BR': 'dd/MM/yyyy',\n    'pt-PT': 'dd/MM/yyyy',\n    'ro-RO': 'dd.MM.yyyy',\n    'sk-SK': 'dd.MM.yyyy',\n    'sl-SI': 'dd.MM.yyyy',\n    'sv-SE': 'yyyy-MM-dd',\n};\n\nconst getFormatForLocale = (localeCode: string, fallback = 'yyyy-MM-dd'): string => {\n    return localeFormatMap[localeCode] || fallback;\n};\n\nconst parseDateString = (value: string | undefined, localeCode: string, dateFormat?: string): Date | undefined => {\n    if (!value) {\n        return undefined;\n    }\n\n    const formatToUse = dateFormat || getFormatForLocale(localeCode, dateFormat);\n    const parsed = parse(value, formatToUse, new Date());\n\n    return isValid(parsed) ? parsed : undefined;\n};\n\nexport default DayPicker;\n"],"names":["isSingleProps","props","isMultipleProps","isRangeProps","DayPicker","id","selected","inputProps","alignRight","bsSize","locale","footer","inline","showOutsideDays","fixedWeeks","mode","dateFormat","placeholder","isClearable","closeOnSelect","defaultMonth","startMonth","endMonth","inputClassName","className","isSingleMode","isMultipleMode","isRangeMode","isControlled","internalSelected","setInternalSelected","useState","selectedValue","narrowedSelected","isDateRange","selectionProps","resolvedLocale","resolveLocale","internalInputValue","setInternalInputValue","inputValue","formatSelectedForInput","useEffect","formatDate","notifySelectChange","value","modifiers","handleInputChange","newValue","doHandleInputValue","handleInputChangeNative","event","debouncedParseInput","useRef","debounce","rawValue","parsed","parseDateString","isValid","formattedSelected","keyboardRef","handleInputBlur","nextFocused","focusInsideDropdown","popperElementRef","isDropdownOpen","closePopper","handleOnInputFocus","openPopper","handleInputKeyPress","handleInputClick","handleSelectedChange","handleClearSelection","handleDaySelect","triggerDate","inputRef","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","assignPopperElement","element","outsideRef","useClickOutside","target","clickedWithinTrigger","clickedWithinInput","useKey","handleKeyDown","dayPickerClassName","jsxs","jsx","ReactDayPicker","clearableInputProps","Fragment","ClearableInput","classNames","range","fromIsValid","toIsValid","localeCode","baseCode","locales","date","format","formatFn","from","to","localeFormatMap","getFormatForLocale","fallback","formatToUse","parse"],"mappings":"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"}
+{"version":3,"file":"DayPicker.js","sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { DayPicker as ReactDayPicker } from 'react-day-picker';\nimport { format, isValid, parse, type Locale } from 'date-fns';\nimport * as locales from 'date-fns/locale';\nimport { debounce } from 'es-toolkit/function';\n\nimport 'react-day-picker/dist/style.css';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport useKey from '../../hooks/useKey';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport classNames from '../../utils/classNames';\n\n// Features\n// [ ] input parsing and error handling\n// [-] time picker -> use a dedicated time picker input next to the day picker\n// [-] time range callback + validation\n// [ ] wrap all react-day-picker callbacks to avoid exposing internals and types\n// [x] start/end month\n// [ ] reserved days / unselectable days\n// [ ] disable editable input - use selected date only\n// [x] disallow editing input for mode: \"multi\" and \"range\" since input contains custom value\n// [ ] modifier and modifiersStyles\n// [x] closeOnSelect\n// [x] enter confirms the manual input and closes the dropdown\n// [x] esc closed the dropdown\n// [ ] support different sizes\n// [ ] mandatory value\n// [x] avoid opening dropdown again when clicking inside the input\n// [x] clear inputs\n// [ ] tab should select elements inside the dropdown, select should close but keep focus on input\n\nexport type DateRange = {\n    from?: Date | undefined;\n    to?: Date | undefined;\n};\n\nexport type Modifiers = Record<string, boolean>;\n\nexport type OnSelectHandler<T> = (\n    selected: T,\n    triggerDate: Date,\n    modifiers: Modifiers,\n    event: React.MouseEvent | React.KeyboardEvent\n) => void;\n\n// - By default, don't show a time picker\n// - Handle given formats like \"2020-04-04\" or ISO dates \"2020-03-12T16:20:44.193Z\" as initialValue - really?\n\ntype CommonProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'value' | 'selected'> & {\n    id?: string;\n    locale?: string;\n    closeOnSelect?: boolean;\n    initialValue?: Date;\n    inputProps?: Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'defaultValue' | 'children'>;\n\n    /**\n     * Custom format string (e.g., 'yyyy-MM-dd') to override locale-based formatting.\n     * If omitted, locale-based display is used for the input.\n     */\n    dateFormat?: string;\n\n    alignRight?: boolean;\n    isClearable?: boolean;\n    minWidth?: number;\n    mandatory?: boolean;\n    bsSize?: 'sm' | 'md' | 'lg' | 'xl';\n    footer?: React.ReactNode;\n    inline?: boolean;\n    placeholder?: string | React.ReactElement;\n\n    inputClassName?: string;\n    className?: string;\n\n    // react-day-picker props\n    showOutsideDays?: boolean;\n    fixedWeeks?: boolean;\n    defaultMonth?: Date;\n    startMonth?: Date;\n    endMonth?: Date;\n};\n\ntype SingleModeProps = CommonProps & {\n    mode?: 'single';\n    selected?: Date;\n    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;\n    onSelectChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n};\n\ntype MultipleModeProps = CommonProps & {\n    mode: 'multiple';\n    selected?: Date[];\n    onSelectChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n};\n\ntype RangeModeProps = CommonProps & {\n    mode: 'range';\n    selected?: DateRange;\n    onChange?: (value: DateRange | undefined) => void;\n    onSelectChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n};\n\ntype DayPickerProps = SingleModeProps | MultipleModeProps | RangeModeProps;\n\nconst isSingleProps = (props: DayPickerProps): props is SingleModeProps => !props.mode || props.mode === 'single';\nconst isMultipleProps = (props: DayPickerProps): props is MultipleModeProps => props.mode === 'multiple';\nconst isRangeProps = (props: DayPickerProps): props is RangeModeProps => props.mode === 'range';\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        selected,\n        inputProps = {},\n        alignRight,\n        bsSize = '',\n        locale = 'en-GB',\n        footer,\n        inline,\n        showOutsideDays = true,\n        fixedWeeks = true,\n        mode = 'single',\n        dateFormat,\n        placeholder,\n        isClearable = false,\n        closeOnSelect = true,\n        defaultMonth,\n        startMonth,\n        endMonth,\n        inputClassName,\n        className,\n    } = props;\n\n    const isSingleMode = mode === 'single';\n    const isMultipleMode = mode === 'multiple';\n    const isRangeMode = mode === 'range';\n\n    const isControlled = selected !== undefined;\n    const [internalSelected, setInternalSelected] = useState<typeof selected>();\n\n    const selectedValue = isControlled ? selected : internalSelected;\n\n    const narrowedSelected = (() => {\n        if (isSingleMode) {\n            return selectedValue instanceof Date ? selectedValue : undefined;\n        }\n        if (isMultipleMode) {\n            return Array.isArray(selectedValue) ? selectedValue : undefined;\n        }\n        return isDateRange(selectedValue) ? selectedValue : undefined;\n    })();\n\n    const selectionProps = { selected: narrowedSelected };\n\n    const resolvedLocale = resolveLocale(locale);\n\n    const [internalInputValue, setInternalInputValue] = useState<string>('');\n\n    const inputValue =\n        isControlled && !isSingleMode\n            ? formatSelectedForInput(narrowedSelected, locale, mode, dateFormat)\n            : internalInputValue;\n\n    // const inputValue = isSingleMode\n    //     ? internalInputValue\n    //     : formatSelectedForInput(narrowedSelected, locale, mode, dateFormat);\n\n    // const inputValue = internalInputValue;\n\n    // This ensures that whenever the external selected prop changes, the input field gets updated accordingly\n    useEffect(() => {\n        if (isSingleMode && isControlled && selected instanceof Date) {\n            setInternalInputValue(formatDate(selected, locale, dateFormat));\n        }\n    }, [selected, isSingleMode, isControlled, locale, dateFormat]);\n\n    const notifySelectChange = (value: typeof selected, modifiers: Modifiers) => {\n        if (isSingleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as SingleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isMultipleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as MultipleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isRangeProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as RangeModeProps['selected'], modifiers);\n        }\n    };\n\n    const handleInputChange = (newValue: string) => doHandleInputValue(newValue);\n    const handleInputChangeNative = (event: any) => doHandleInputValue(event.currentTarget.value);\n\n    const debouncedParseInput = useRef(\n        debounce((rawValue: string) => {\n            const parsed = parseDateString(rawValue, locale);\n            console.log(parsed);\n            const isValid = !!parsed;\n\n            setInternalSelected(parsed as typeof props.selected);\n\n            if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n                props.onInputChange(rawValue, parsed, isValid);\n            }\n\n            const shouldNotify = parsed !== undefined || rawValue === '';\n            if (shouldNotify) {\n                // parse to desired dateFormat for use on outside\n                const formattedSelected = dateFormat ? parseDateString(rawValue, locale, dateFormat) : parsed;\n                notifySelectChange(formattedSelected as typeof selected, {});\n            }\n        }, 300)\n    ).current;\n\n    const doHandleInputValue = (rawValue: string) => {\n        // const parsed = parseDateString(rawValue, locale, dateFormat);\n\n        // const isValid = !!parsed;\n\n        // if (!isControlled) {\n        //     // && isValidDate(parsed); // TODO: optional second validation\n\n        //     setInternalInputValue(rawValue);\n        //     setInternalSelected(parsed as typeof props.selected);\n        // } else if (isSingleMode) {\n        //     setInternalInputValue(rawValue);\n        // }\n\n        // if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n        //     props.onInputChange(rawValue, parsed, isValid);\n        // }\n\n        // const shouldNotify = parsed !== undefined || rawValue === '';\n        // if (shouldNotify) {\n        //     onSelectChange(parsed as typeof selected, {});\n        // }\n\n        setInternalInputValue(rawValue); // always update input state\n        debouncedParseInput(rawValue); // defer parsing & callback execution\n    };\n\n    const keyboardRef = useRef(false);\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        // Do not close the dropdown on input blur when the user selects something inside the dropdown itself\n        const nextFocused = event.relatedTarget as Node | null;\n        const focusInsideDropdown = nextFocused && popperElementRef.current?.contains(nextFocused);\n        if (isDropdownOpen && !focusInsideDropdown) {\n            closePopper();\n        }\n\n        if (!isSingleMode) {\n            return;\n        }\n\n        const parsed = parseDateString(internalInputValue, locale, dateFormat);\n\n        if (parsed && isValid(parsed)) {\n            setInternalSelected(parsed as typeof selected);\n            notifySelectChange(parsed as typeof selected, {});\n            setInternalInputValue(formatDate(parsed, locale, dateFormat));\n        }\n    };\n\n    const handleOnInputFocus = () => {\n        if (!isDropdownOpen) {\n            openPopper();\n        }\n    };\n\n    const handleInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Workaround to figure out if the user navigates via keyboard\n        if (event.key === 'Tab') {\n            keyboardRef.current = true;\n        }\n\n        if (event.key !== 'Enter') {\n            return;\n        }\n        // In case the dropdown is not open but the input is focused, open the dropdown on enter\n        if (!isDropdownOpen) {\n            handleInputClick();\n            return;\n        }\n        // In case the dropdown is open, the input is focused and the prop allows it, close the dropdown\n        if (isDropdownOpen && closeOnSelect) {\n            notifySelectChange(narrowedSelected as typeof selected, {});\n            closePopper();\n        }\n    };\n\n    const handleSelectedChange = (newValue: typeof selected) => {\n        if (!isControlled) {\n            setInternalSelected(newValue);\n        }\n    };\n\n    const handleClearSelection = () => {\n        handleInputChange('');\n        handleSelectedChange(undefined as typeof selected);\n        setInternalInputValue('');\n\n        if (isControlled) {\n            setInternalSelected(undefined);\n        }\n\n        if (isRangeMode && 'onChange' in props && props.onChange) {\n            props.onChange(undefined);\n        }\n\n        notifySelectChange(undefined as typeof selected, {});\n    };\n\n    const handleDaySelect: OnSelectHandler<typeof selected> = (selected, triggerDate, modifiers, event) => {\n        // safe because of discriminated union\n        handleSelectedChange(selected as typeof selected);\n\n        // trigger callback\n        notifySelectChange(selected, modifiers);\n\n        if (isSingleMode && !isControlled) {\n            // should be the only place formatting is applied to the input\n            setInternalInputValue(formatDate(selected as Date, locale, dateFormat));\n        }\n\n        if (keyboardRef.current) {\n            // Note: When the date is selected via enter key, assume the user uses keyboard navigation.\n            // In this case the input should be focused to allow to tab to another element in his form.\n            // However, it is not possible to detect according to the event since the event.type is alway \"click\".\n            // Instead we check if the user used the tab key to focus the day picker.\n            inputRef?.current?.focus();\n        }\n\n        if (closeOnSelect) {\n            closePopper();\n            keyboardRef.current = false;\n        }\n    };\n\n    const {\n        isOpen: isDropdownOpen,\n        open: openPopper,\n        close: closePopper,\n        referenceRef: popperRef,\n        popperElementRef: setPopperElement,\n        popperStyles,\n        popperAttributes,\n    } = usePopperDropdown({ placement: alignRight ? 'bottom-end' : 'bottom-start' });\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    // Close the dropdown when clicking outside the dropdown wrapper.\n    // It also checks if the click happened into the input, in which case the\n    // dropdown will remain open.\n    const outsideRef = useClickOutside(\n        event => {\n            const target = event.target as Node | null;\n            if (!target) {\n                closePopper();\n                return;\n            }\n\n            const clickedWithinTrigger = popperRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closePopper();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    // Needed to select all tabbable elements inside the dropdown calendar and to disable the\n    // focus on tab for all of these. This allows the user to tab between multiple inputs on the page\n    // or when having two day pickers side by side. Tabbing from one day picker input to the other will\n    // open and close the dropdown respectively and achieving the same usability as the old DatePicker.\n    // useEffect(() => {\n    //     if (isDropdownOpen && outsideRef.current) {\n    //         // get all buttons to disable the tab on them\n    //         const tabbableElements = (outsideRef.current as HTMLElement).querySelectorAll<HTMLElement>(\n    //             'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    //         );\n\n    //         tabbableElements.forEach((element: Element) => {\n    //             element.setAttribute('tabindex', '-1');\n    //         });\n    //     }\n    // }, [isDropdownOpen, outsideRef]);\n\n    // Close the dropdown when it is open and when the user presses the \"escape\" key\n    useKey('Escape', event => {\n        const target = event.target;\n        const isInput = inputRef.current && inputRef.current === target;\n\n        if (isInput && isDropdownOpen) {\n            closePopper();\n        }\n    });\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (!isDropdownOpen || !outsideRef.current) {\n                return;\n            }\n\n            if (event.key === 'Tab') {\n                const focusedInside = outsideRef.current.contains(document.activeElement);\n                if (focusedInside) {\n                    keyboardRef.current = true;\n                    console.log('User tabbed into dropdown');\n                    // Optional: closePopper(); or focus inputRef.current\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [isDropdownOpen]);\n\n    const dayPickerClassName = `DayPicker ${bsSize === 'sm' ? 'margin-10' : 'margin-15'} ${bsSize}`;\n\n    if (inline) {\n        // Render day picker inline without a dropdown and an input\n        return (\n            <div className={`display-flex flex-column justify-content-between ${className}`}>\n                <ReactDayPicker\n                    {...selectionProps}\n                    mode={mode as any}\n                    defaultMonth={defaultMonth}\n                    locale={resolvedLocale}\n                    onSelect={handleDaySelect}\n                    captionLayout='dropdown'\n                    animate\n                    navLayout='around'\n                    startMonth={startMonth}\n                    endMonth={endMonth}\n                    showOutsideDays={showOutsideDays}\n                    fixedWeeks={fixedWeeks}\n                    className={dayPickerClassName}\n                />\n                {footer ? <div className='padding-15'>{footer}</div> : <div />}\n            </div>\n        );\n    }\n\n    const clearableInputProps = {\n        ...inputProps,\n        readOnly: !isSingleMode,\n        style: {\n            background: 'var(--color-white)',\n            ...(inputProps?.style ?? {}),\n        },\n    };\n\n    return (\n        <>\n            <div ref={popperRef} className={`form-group ${className}`}>\n                <div className='input-group'>\n                    <span className='input-group-addon' onClick={handleInputClick}>\n                        <span className='rioglyph rioglyph-calendar' aria-hidden='true' />\n                    </span>\n                    {isClearable && (\n                        <ClearableInput\n                            id={id}\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...clearableInputProps}\n                            type='text'\n                            value={inputValue}\n                            onChange={handleInputChange}\n                            onClick={handleInputClick}\n                            onClear={handleClearSelection}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyPress={handleInputKeyPress}\n                            // hasError={hasError}\n                            ref={inputRef}\n                            inputClassName={inputClassName}\n                        />\n                    )}\n                    {!isClearable && (\n                        <input\n                            id={id}\n                            size={12}\n                            type='text'\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...inputProps}\n                            value={inputValue}\n                            onChange={handleInputChangeNative}\n                            onClick={handleInputClick}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyDown={handleInputKeyPress}\n                            ref={inputRef}\n                            readOnly={!isSingleMode}\n                            className={classNames('ClearableInput form-control bg-white', inputClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n            {isDropdownOpen && (\n                <div\n                    style={popperStyles}\n                    className='DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border'\n                    {...popperAttributes}\n                    ref={assignPopperElement}\n                    role='dialog'\n                    aria-label='DayPicker calendar'\n                >\n                    <div ref={outsideRef} className='display-flex flex-column justify-content-between'>\n                        <ReactDayPicker\n                            {...selectionProps}\n                            mode={mode as any}\n                            defaultMonth={defaultMonth}\n                            locale={resolvedLocale}\n                            onSelect={handleDaySelect}\n                            captionLayout='dropdown'\n                            animate\n                            navLayout='around'\n                            startMonth={startMonth}\n                            endMonth={endMonth}\n                            showOutsideDays={showOutsideDays}\n                            fixedWeeks={fixedWeeks}\n                            className={dayPickerClassName}\n                        />\n                        {footer ? <div className='padding-15'>{footer}</div> : <div />}\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nconst isDateRange = (value: unknown): value is DateRange => {\n    if (!value || typeof value !== 'object') {\n        return false;\n    }\n\n    const range = value as DateRange;\n\n    const fromIsValid = range.from === undefined || range.from instanceof Date;\n    const toIsValid = range.to === undefined || range.to instanceof Date;\n\n    return fromIsValid && toIsValid;\n};\n\nconst resolveLocale = (localeCode: string): Locale => {\n    const baseCode = localeCode.split('-')[0]; // 'de-DE' → 'de'\n    return (\n        (locales as Record<string, Locale>)[baseCode] || (locales as Record<string, Locale>)[localeCode] || locales.enGB\n    );\n};\n\nconst formatDate = (date: Date | undefined, localeCode: string, dateFormat?: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    if (dateFormat) {\n        return format(date, dateFormat); // use override\n    }\n\n    // fallback to locale-based formatting\n    return new Intl.DateTimeFormat(localeCode).format(date);\n};\n\nconst formatSelectedForInput = (\n    selected: unknown,\n    localeCode: string,\n    mode: 'single' | 'multiple' | 'range',\n    dateFormat?: string\n): string => {\n    if (!selected) {\n        return '';\n    }\n\n    const formatFn = (date: Date) =>\n        dateFormat ? format(date, dateFormat) : new Intl.DateTimeFormat(localeCode).format(date);\n\n    if (mode === 'single' && selected instanceof Date) {\n        return formatFn(selected);\n    }\n\n    if (mode === 'multiple' && Array.isArray(selected)) {\n        return selected.map(formatFn).join(', ');\n    }\n\n    if (mode === 'range' && typeof selected === 'object' && 'from' in selected) {\n        const { from, to } = selected as { from?: Date; to?: Date };\n        if (!from || !to) {\n            return '';\n        }\n        return [from, to].filter(Boolean).map(formatFn).join(' – ');\n    }\n\n    return '';\n};\n\nconst localeFormatMap: Record<string, string> = {\n    'bg-BG': 'dd.MM.yyyy',\n    'cs-CZ': 'dd.MM.yyyy',\n    'da-DK': 'dd-MM-yyyy',\n    'de-DE': 'dd.MM.yyyy',\n    'el-GR': 'dd/MM/yyyy',\n    'en-GB': 'dd/MM/yyyy',\n    'es-ES': 'dd/MM/yyyy',\n    'et-EE': 'dd.MM.yyyy',\n    'fi-FI': 'dd.MM.yyyy',\n    'fr-FR': 'dd/MM/yyyy',\n    'hr-HR': 'dd.MM.yyyy',\n    'hu-HU': 'yyyy. MM. dd.',\n    'it-IT': 'dd/MM/yyyy',\n    'lt-LT': 'dd-MM-yyyy',\n    'lv-LV': 'dd.MM.yyyy',\n    'nb-NO': 'dd.MM.yyyy',\n    'nl-NL': 'dd-MM-yyyy',\n    'pl-PL': 'dd.MM.yyyy',\n    'pt-BR': 'dd/MM/yyyy',\n    'pt-PT': 'dd/MM/yyyy',\n    'ro-RO': 'dd.MM.yyyy',\n    'sk-SK': 'dd.MM.yyyy',\n    'sl-SI': 'dd.MM.yyyy',\n    'sv-SE': 'yyyy-MM-dd',\n};\n\nconst getFormatForLocale = (localeCode: string, fallback = 'yyyy-MM-dd'): string => {\n    return localeFormatMap[localeCode] || fallback;\n};\n\nconst parseDateString = (value: string | undefined, localeCode: string, dateFormat?: string): Date | undefined => {\n    if (!value) {\n        return undefined;\n    }\n\n    const formatToUse = dateFormat || getFormatForLocale(localeCode, dateFormat);\n    const parsed = parse(value, formatToUse, new Date());\n\n    return isValid(parsed) ? parsed : undefined;\n};\n\nexport default DayPicker;\n"],"names":["isSingleProps","props","isMultipleProps","isRangeProps","DayPicker","id","selected","inputProps","alignRight","bsSize","locale","footer","inline","showOutsideDays","fixedWeeks","mode","dateFormat","placeholder","isClearable","closeOnSelect","defaultMonth","startMonth","endMonth","inputClassName","className","isSingleMode","isMultipleMode","isRangeMode","isControlled","internalSelected","setInternalSelected","useState","selectedValue","narrowedSelected","isDateRange","selectionProps","resolvedLocale","resolveLocale","internalInputValue","setInternalInputValue","inputValue","formatSelectedForInput","useEffect","formatDate","notifySelectChange","value","modifiers","handleInputChange","newValue","doHandleInputValue","handleInputChangeNative","event","debouncedParseInput","useRef","debounce","rawValue","parsed","parseDateString","isValid","formattedSelected","keyboardRef","handleInputBlur","nextFocused","focusInsideDropdown","popperElementRef","isDropdownOpen","closePopper","handleOnInputFocus","openPopper","handleInputKeyPress","handleInputClick","handleSelectedChange","handleClearSelection","handleDaySelect","triggerDate","inputRef","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","assignPopperElement","element","outsideRef","useClickOutside","target","clickedWithinTrigger","clickedWithinInput","useKey","handleKeyDown","dayPickerClassName","jsxs","jsx","ReactDayPicker","clearableInputProps","Fragment","ClearableInput","classNames","range","fromIsValid","toIsValid","localeCode","baseCode","locales","date","format","formatFn","from","to","localeFormatMap","getFormatForLocale","fallback","formatToUse","parse"],"mappings":"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"}

package/components/dialog/Dialog.js

@@ -1,19 +1,19 @@
-import { jsx as s, jsxs as r, Fragment as oo } from "react/jsx-runtime";
-import { useState as c, useRef as eo } from "react";
-import lo from "react-dom";
-import L from "classnames";
-import { noop as S } from "es-toolkit/function";
-import { useReducedMotion as to, AnimatePresence as so, motion as _ } from "motion/react";
-import { getOrCreatePortalRoot as ao } from "../../utils/portalRoot.js";
-import io from "../../hooks/useEsc.js";
-import x from "./DialogHeader.js";
-import I from "./DialogBody.js";
+import { jsx as s, jsxs as r, Fragment as $ } from "react/jsx-runtime";
+import { useState as m } from "react";
+import oo from "react-dom";
+import { noop as L } from "es-toolkit/function";
+import { useReducedMotion as eo, AnimatePresence as lo, motion as S } from "motion/react";
+import _ from "../../utils/classNames.js";
+import { getOrCreatePortalRoot as to } from "../../utils/portalRoot.js";
+import so from "../../hooks/useEsc.js";
+import I from "./DialogHeader.js";
+import v from "./DialogBody.js";
 import D from "./DialogFooter.js";
-import no from "../../hooks/useFocusTrap.js";
-import { DialogContextProvider as ro } from "./dialogContext.js";
-const C = "modal-dialog", v = "modal-open", o = (w) => {
+import ao from "../../hooks/useFocusTrap.js";
+import { DialogContextProvider as io } from "./dialogContext.js";
+const C = "modal-dialog", x = "modal-open", o = (w) => {
   const {
-    title: m,
+    title: c,
     subtitle: N,
     body: d,
     footer: f,
@@ -21,39 +21,39 @@ const C = "modal-dialog", v = "modal-open", o = (w) => {
     className: F = "",
     bodyClassName: Z,
     footerClassName: A,
-    showXsDialogBorders: R = !1,
-    showCloseButton: O = !0,
-    useOverflow: B = !1,
+    showXsDialogBorders: O = !1,
+    showCloseButton: B = !0,
+    useOverflow: H = !1,
     bsSize: e,
     show: a = !1,
-    onClose: H = S,
+    onClose: R = L,
     disableEsc: T = !1,
-    onEsc: M = S,
+    onEsc: M = L,
     onCloseValidation: P = () => !0,
     children: u,
     ...G
-  } = w, [U, h] = c(a), i = eo(null), p = ao(), l = to(), [X, j] = c();
-  no(X);
-  const k = (t) => {
-    const n = p.getElementsByClassName(C).length > 1;
-    t ? document.body.classList.add(v) : !t && !n && document.body.classList.remove(v);
-  }, W = () => g(), g = (t) => {
-    P() && (h(!1), H(), M());
-  }, [z, K] = c(a);
-  a !== z && (h(a), k(a), K(a)), io(() => {
-    if (!i || !i.current)
+  } = w, [U, h] = m(a), p = to(), l = eo(), [n, X] = m(null);
+  ao(n);
+  const j = (t) => {
+    const i = p.getElementsByClassName(C).length > 1;
+    t ? document.body.classList.add(x) : !t && !i && document.body.classList.remove(x);
+  }, k = () => g(), g = (t) => {
+    P() && (h(!1), R(), M());
+  }, [z, K] = m(a);
+  a !== z && (h(a), j(a), K(a)), so(() => {
+    if (!n)
       return;
-    const t = i.current, n = document.activeElement;
-    !T && t.contains(n) && g();
+    const t = n, i = document.activeElement;
+    !T && t.contains(i) && g();
   });
   const V = (t) => {
     if (t.opacity === 0)
       return;
-    const n = i.current, $ = document.activeElement;
-    n?.contains($) || i?.current?.focus();
-  }, q = L("modal", "show", F), E = e === "xs", y = !!u, J = L(
+    const i = n, Y = document.activeElement;
+    i?.contains(Y) || i?.focus();
+  }, W = _("modal", "show", F), E = e === "xs", y = !!u, q = _(
     C,
-    B && "modal-overflow",
+    H && "modal-overflow",
     e === "xs" && "modal-xs",
     e === "sm" && "modal-sm",
     e === "lg" && "modal-lg",
@@ -64,22 +64,22 @@ const C = "modal-dialog", v = "modal-open", o = (w) => {
     e === "fullheight-lg" && "modal-full-height modal-lg",
     e === "fullheight-xl" && "modal-full-height modal-xl",
     e === "fullscreen" && "modal-fullscreen"
-  ), Q = {
+  ), J = {
     type: "spring",
     damping: 33,
     stiffness: 500
-  }, Y = {
+  }, Q = {
     type: "spring",
     damping: 25,
     stiffness: 400
   };
-  return lo.createPortal(
+  return oo.createPortal(
     /* @__PURE__ */ s(
-      ro,
+      io,
       {
-        value: { onClose: W, isSmallestDialog: E, showXsDialogBorders: R, showCloseButton: O },
+        value: { onClose: k, isSmallestDialog: E, showXsDialogBorders: O, showCloseButton: B },
         children: /* @__PURE__ */ s(
-          so,
+          lo,
           {
             initial: !1,
             mode: "wait",
@@ -87,45 +87,45 @@ const C = "modal-dialog", v = "modal-open", o = (w) => {
               "div",
               {
                 ...G,
-                className: q,
+                className: W,
                 role: "dialog",
-                ref: i,
                 "aria-label": "dialog",
                 tabIndex: 0,
                 children: [
                   /* @__PURE__ */ s(
-                    _.div,
+                    S.div,
                     {
                       initial: l ? !1 : { opacity: 0, y: "-50%" },
-                      animate: l ? { opacity: 1 } : { opacity: 1, y: 0, transition: E ? Y : Q },
+                      animate: l ? { opacity: 1 } : { opacity: 1, y: 0, transition: E ? Q : J },
                       exit: l ? void 0 : { opacity: 0, y: "-150%" },
                       transition: l ? { duration: 0 } : {
                         opacity: { duration: 0.2 },
                         y: { duration: 0.3 }
                       },
                       onAnimationComplete: V,
-                      ref: j,
-                      className: J,
+                      ref: X,
+                      className: q,
                       role: "document",
+                      tabIndex: -1,
                       children: /* @__PURE__ */ r("div", { className: "modal-content", children: [
                         y && u,
-                        !y && /* @__PURE__ */ r(oo, { children: [
-                          m && /* @__PURE__ */ s(
-                            x,
+                        !y && /* @__PURE__ */ r($, { children: [
+                          c && /* @__PURE__ */ s(
+                            I,
                             {
-                              title: m,
+                              title: c,
                               subtitle: N,
                               headerButtons: b
                             }
                           ),
-                          d && /* @__PURE__ */ s(I, { className: Z, children: d }),
+                          d && /* @__PURE__ */ s(v, { className: Z, children: d }),
                           f && /* @__PURE__ */ s(D, { className: A, children: f })
                         ] })
                       ] })
                     }
                   ),
                   /* @__PURE__ */ s(
-                    _.div,
+                    S.div,
                     {
                       initial: l ? !1 : { opacity: 0 },
                       animate: { opacity: 1 },
@@ -144,8 +144,8 @@ const C = "modal-dialog", v = "modal-open", o = (w) => {
     p
   );
 };
-o.Title = x;
-o.Body = I;
+o.Title = I;
+o.Body = v;
 o.Footer = D;
 o.SIZE_XS = "xs";
 o.SIZE_SM = "sm";