@gravity-ui/date-components 3.4.0 → 3.4.2

package/dist/esm/components/RangeDateSelection/RangeDateSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDateSelection.js","sourceRoot":"../../../../src","sources":["components/RangeDateSelection/RangeDateSelection.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {Minus, Plus} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport type {AccessibilityProps, DomProps, StyleProps} from '../types';\nimport {filterDOMProps} from '../utils/filterDOMProps';\n\nimport {DateTimeRuler} from './components/Ruler/Ruler';\nimport type {ViewportDimensions, ViewportInterval} from './components/Ruler/Ruler';\nimport {SelectionControl} from './components/SelectionControl/SelectionControl';\nimport {useRangeDateSelectionState} from './hooks/useRangeDateSelectionState';\nimport type {RangeDateSelectionOptions} from './hooks/useRangeDateSelectionState';\nimport {i18n} from './i18n';\n\nimport './RangeDateSelection.scss';\n\nconst b = block('range-date-selection');\n\nexport interface RangeDateSelectionProps\n    extends RangeDateSelectionOptions,\n        DomProps,\n        StyleProps,\n        AccessibilityProps {\n    /** Formats time ticks */\n    formatTime?: (time: DateTime) => string;\n    /** Displays now line */\n    displayNow?: boolean;\n    /** Enables dragging ruler */\n    draggableRuler?: boolean;\n    /** Displays buttons to scale selection */\n    hasScaleButtons?: boolean;\n    /** Position of scale buttons */\n    scaleButtonsPosition?: 'start' | 'end';\n    /** Renders additional svg content in the ruler */\n    renderAdditionalRulerContent?: (props: {\n        interval: ViewportInterval;\n        dimensions: ViewportDimensions;\n    }) => React.ReactNode;\n}\n\nexport function RangeDateSelection(props: RangeDateSelectionProps) {\n    const state = useRangeDateSelectionState(props);\n\n    const [isDraggingRuler, setDraggingRuler] = React.useState(false);\n\n    const handleRulerMoveStart = () => {\n        state.setDraggingValue(state.value);\n        setDraggingRuler(true);\n    };\n    const handleRulerMove = (d: number) => {\n        const intervalWidth = state.viewportInterval.end.diff(state.viewportInterval.start);\n        const delta = -Math.floor((d * intervalWidth) / 100);\n        state.move(delta);\n    };\n    const handleRulerMoveEnd = () => {\n        setDraggingRuler(false);\n        state.endDragging();\n    };\n\n    let id = React.useId();\n    id = props.id ?? id;\n\n    const {t} = i18n.useTranslation();\n\n    return (\n        <div\n            {...filterDOMProps(props, {labelable: true})}\n            id={id}\n            className={b(null, props.className)}\n            style={props.style}\n            dir=\"ltr\" // TODO: RTL support\n        >\n            <DateTimeRuler\n                className={b('ruler', {dragging: isDraggingRuler})}\n                {...state.viewportInterval}\n                onMoveStart={handleRulerMoveStart}\n                onMove={props.draggableRuler ? handleRulerMove : undefined}\n                onMoveEnd={handleRulerMoveEnd}\n                dragDisabled={state.isDragging}\n                displayNow={props.displayNow}\n                minValue={props.minValue}\n                maxValue={props.maxValue}\n                formatTime={props.formatTime}\n                timeZone={state.timeZone}\n                renderAdditionalRulerContent={props.renderAdditionalRulerContent}\n            >\n                <SelectionControl className={b('selection')} state={state} aria-labelledby={id} />\n            </DateTimeRuler>\n            {props.hasScaleButtons ? (\n                <div className={b('buttons', {position: props.scaleButtonsPosition ?? 'start'})}>\n                    <Button\n                        view=\"flat-secondary\"\n                        size=\"xs\"\n                        onClick={() => {\n                            state.startDragging();\n                            state.scale(0.5);\n                            state.endDragging();\n                        }}\n                        aria-label={t('Decrease range')}\n                    >\n                        <Icon data={Minus} />\n                    </Button>\n                    <Button\n                        view=\"flat-secondary\"\n                        size=\"xs\"\n                        onClick={() => {\n                            state.startDragging();\n                            state.scale(1.5);\n                            state.endDragging();\n                        }}\n                        aria-label={t('Increase range')}\n                    >\n                        <Icon data={Plus} />\n                    </Button>\n                </div>\n            ) : null}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RangeDateSelection.js","sourceRoot":"../../../../src","sources":["components/RangeDateSelection/RangeDateSelection.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {Minus, Plus} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport type {AccessibilityProps, DomProps, StyleProps} from '../types';\nimport {filterDOMProps} from '../utils/filterDOMProps';\n\nimport {DateTimeRuler} from './components/Ruler/Ruler';\nimport type {ViewportDimensions, ViewportInterval} from './components/Ruler/Ruler';\nimport {SelectionControl} from './components/SelectionControl/SelectionControl';\nimport {useRangeDateSelectionState} from './hooks/useRangeDateSelectionState';\nimport type {RangeDateSelectionOptions} from './hooks/useRangeDateSelectionState';\nimport {i18n} from './i18n';\n\nimport './RangeDateSelection.scss';\n\nconst b = block('range-date-selection');\n\nexport interface RangeDateSelectionProps\n    extends RangeDateSelectionOptions, DomProps, StyleProps, AccessibilityProps {\n    /** Formats time ticks */\n    formatTime?: (time: DateTime) => string;\n    /** Displays now line */\n    displayNow?: boolean;\n    /** Enables dragging ruler */\n    draggableRuler?: boolean;\n    /** Displays buttons to scale selection */\n    hasScaleButtons?: boolean;\n    /** Position of scale buttons */\n    scaleButtonsPosition?: 'start' | 'end';\n    /** Renders additional svg content in the ruler */\n    renderAdditionalRulerContent?: (props: {\n        interval: ViewportInterval;\n        dimensions: ViewportDimensions;\n    }) => React.ReactNode;\n}\n\nexport function RangeDateSelection(props: RangeDateSelectionProps) {\n    const state = useRangeDateSelectionState(props);\n\n    const [isDraggingRuler, setDraggingRuler] = React.useState(false);\n\n    const handleRulerMoveStart = () => {\n        state.setDraggingValue(state.value);\n        setDraggingRuler(true);\n    };\n    const handleRulerMove = (d: number) => {\n        const intervalWidth = state.viewportInterval.end.diff(state.viewportInterval.start);\n        const delta = -Math.floor((d * intervalWidth) / 100);\n        state.move(delta);\n    };\n    const handleRulerMoveEnd = () => {\n        setDraggingRuler(false);\n        state.endDragging();\n    };\n\n    let id = React.useId();\n    id = props.id ?? id;\n\n    const {t} = i18n.useTranslation();\n\n    return (\n        <div\n            {...filterDOMProps(props, {labelable: true})}\n            id={id}\n            className={b(null, props.className)}\n            style={props.style}\n            dir=\"ltr\" // TODO: RTL support\n        >\n            <DateTimeRuler\n                className={b('ruler', {dragging: isDraggingRuler})}\n                {...state.viewportInterval}\n                onMoveStart={handleRulerMoveStart}\n                onMove={props.draggableRuler ? handleRulerMove : undefined}\n                onMoveEnd={handleRulerMoveEnd}\n                dragDisabled={state.isDragging}\n                displayNow={props.displayNow}\n                minValue={props.minValue}\n                maxValue={props.maxValue}\n                formatTime={props.formatTime}\n                timeZone={state.timeZone}\n                renderAdditionalRulerContent={props.renderAdditionalRulerContent}\n            >\n                <SelectionControl className={b('selection')} state={state} aria-labelledby={id} />\n            </DateTimeRuler>\n            {props.hasScaleButtons ? (\n                <div className={b('buttons', {position: props.scaleButtonsPosition ?? 'start'})}>\n                    <Button\n                        view=\"flat-secondary\"\n                        size=\"xs\"\n                        onClick={() => {\n                            state.startDragging();\n                            state.scale(0.5);\n                            state.endDragging();\n                        }}\n                        aria-label={t('Decrease range')}\n                    >\n                        <Icon data={Minus} />\n                    </Button>\n                    <Button\n                        view=\"flat-secondary\"\n                        size=\"xs\"\n                        onClick={() => {\n                            state.startDragging();\n                            state.scale(1.5);\n                            state.endDragging();\n                        }}\n                        aria-label={t('Increase range')}\n                    >\n                        <Icon data={Plus} />\n                    </Button>\n                </div>\n            ) : null}\n        </div>\n    );\n}\n"]}

package/dist/esm/components/RelativeDateField/RelativeDateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeDateField.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/RelativeDateField.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {Popup, TextInput, useFocusWithin, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    PopupStyleProps,\n    StyleProps,\n    TextInputExtendProps,\n    TextInputProps,\n} from '../types';\nimport {filterDOMProps} from '../utils/filterDOMProps';\n\nimport {useRelativeDateFieldProps} from './hooks/useRelativeDateFieldProps';\nimport {useRelativeDateFieldState} from './hooks/useRelativeDateFieldState';\nimport type {RelativeDateFieldOptions} from './hooks/useRelativeDateFieldState';\n\nimport './RelativeDateField.scss';\n\nconst b = block('relative-date-field');\n\nexport interface RelativeDateFieldProps\n    extends RelativeDateFieldOptions,\n        TextInputProps,\n        TextInputExtendProps,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps,\n        FocusableProps,\n        KeyboardEvents,\n        PopupStyleProps {\n    /**\n     * Show time field in popup\n     * @default false\n     */\n    hasTime?: boolean;\n}\nexport function RelativeDateField(props: RelativeDateFieldProps) {\n    const state = useRelativeDateFieldState(props);\n    const {inputProps, calendarProps, timeInputProps} = useRelativeDateFieldProps(state, props);\n\n    const isMobile = useMobile();\n\n    const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n\n    const [isOpen, setOpen] = React.useState(false);\n    const dialogClosing = React.useRef(false);\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange: (isFocusWithin) => {\n            if (!dialogClosing.current) {\n                setOpen(isFocusWithin);\n            }\n        },\n        isDisabled: isMobile,\n    });\n\n    const DOMProps = filterDOMProps(props);\n    delete DOMProps.id;\n\n    return (\n        <div\n            {...DOMProps}\n            role=\"group\"\n            className={b(null, props.className)}\n            style={props.style}\n            {...focusWithinProps}\n        >\n            <TextInput\n                {...inputProps}\n                className={b('field')}\n                ref={setAnchor}\n                onBlur={props.onBlur}\n                onKeyDown={(e) => {\n                    inputProps.onKeyDown?.(e);\n                    if (\n                        !e.defaultPrevented &&\n                        e.altKey &&\n                        (e.key === 'ArrowDown' || e.key === 'ArrowUp')\n                    ) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        setOpen(true);\n                    }\n                }}\n                controlProps={{\n                    ...inputProps.controlProps,\n                    onClick: () => {\n                        setOpen(true);\n                    },\n                }}\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            {!isMobile && (\n                <Popup\n                    anchorElement={anchor}\n                    open={isOpen}\n                    onOpenChange={(open) => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                        dialogClosing.current = !open;\n                    }}\n                    onTransitionOutComplete={() => {\n                        setTimeout(() => {\n                            dialogClosing.current = false;\n                        });\n                    }}\n                    placement={props.popupPlacement}\n                    offset={props.popupOffset}\n                    className={props.popupClassName}\n                    style={props.popupStyle}\n                >\n                    <div className={b('popup-content')}>\n                        <Calendar {...calendarProps} />\n                        {props.hasTime ? (\n                            <div className={b('time-field-wrapper')}>\n                                <DateField className={b('time-field')} {...timeInputProps} />\n                            </div>\n                        ) : null}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RelativeDateField.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/RelativeDateField.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {Popup, TextInput, useFocusWithin, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    PopupStyleProps,\n    StyleProps,\n    TextInputExtendProps,\n    TextInputProps,\n} from '../types';\nimport {filterDOMProps} from '../utils/filterDOMProps';\n\nimport {useRelativeDateFieldProps} from './hooks/useRelativeDateFieldProps';\nimport {useRelativeDateFieldState} from './hooks/useRelativeDateFieldState';\nimport type {RelativeDateFieldOptions} from './hooks/useRelativeDateFieldState';\n\nimport './RelativeDateField.scss';\n\nconst b = block('relative-date-field');\n\nexport interface RelativeDateFieldProps\n    extends\n        RelativeDateFieldOptions,\n        TextInputProps,\n        TextInputExtendProps,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps,\n        FocusableProps,\n        KeyboardEvents,\n        PopupStyleProps {\n    /**\n     * Show time field in popup\n     * @default false\n     */\n    hasTime?: boolean;\n}\nexport function RelativeDateField(props: RelativeDateFieldProps) {\n    const state = useRelativeDateFieldState(props);\n    const {inputProps, calendarProps, timeInputProps} = useRelativeDateFieldProps(state, props);\n\n    const isMobile = useMobile();\n\n    const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n\n    const [isOpen, setOpen] = React.useState(false);\n    const dialogClosing = React.useRef(false);\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange: (isFocusWithin) => {\n            if (!dialogClosing.current) {\n                setOpen(isFocusWithin);\n            }\n        },\n        isDisabled: isMobile,\n    });\n\n    const DOMProps = filterDOMProps(props);\n    delete DOMProps.id;\n\n    return (\n        <div\n            {...DOMProps}\n            role=\"group\"\n            className={b(null, props.className)}\n            style={props.style}\n            {...focusWithinProps}\n        >\n            <TextInput\n                {...inputProps}\n                className={b('field')}\n                ref={setAnchor}\n                onBlur={props.onBlur}\n                onKeyDown={(e) => {\n                    inputProps.onKeyDown?.(e);\n                    if (\n                        !e.defaultPrevented &&\n                        e.altKey &&\n                        (e.key === 'ArrowDown' || e.key === 'ArrowUp')\n                    ) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        setOpen(true);\n                    }\n                }}\n                controlProps={{\n                    ...inputProps.controlProps,\n                    onClick: () => {\n                        setOpen(true);\n                    },\n                }}\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            {!isMobile && (\n                <Popup\n                    anchorElement={anchor}\n                    open={isOpen}\n                    onOpenChange={(open) => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                        dialogClosing.current = !open;\n                    }}\n                    onTransitionOutComplete={() => {\n                        setTimeout(() => {\n                            dialogClosing.current = false;\n                        });\n                    }}\n                    placement={props.popupPlacement}\n                    offset={props.popupOffset}\n                    className={props.popupClassName}\n                    style={props.popupStyle}\n                >\n                    <div className={b('popup-content')}>\n                        <Calendar {...calendarProps} />\n                        {props.hasTime ? (\n                            <div className={b('time-field-wrapper')}>\n                                <DateField className={b('time-field')} {...timeInputProps} />\n                            </div>\n                        ) : null}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/esm/components/RelativeDatePicker/RelativeDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeDatePicker.js","sourceRoot":"../../../../src","sources":["components/RelativeDatePicker/RelativeDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {\n    Calendar as CalendarIcon,\n    Clock as ClockIcon,\n    Function as FunctionIcon,\n} from '@gravity-ui/icons';\nimport {Button, Icon, Popup, TextInput, useForkRef, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport type {CalendarProps} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {MobileCalendar} from '../DatePicker/MobileCalendar';\nimport {StubButton} from '../DatePicker/StubButton';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    PopupStyleProps,\n    StyleProps,\n    TextInputProps,\n} from '../types';\n\nimport {useRelativeDatePickerProps} from './hooks/useRelativeDatePickerProps';\nimport {useRelativeDatePickerState} from './hooks/useRelativeDatePickerState';\nimport type {RelativeDatePickerStateOptions, Value} from './hooks/useRelativeDatePickerState';\n\nimport './RelativeDatePicker.scss';\n\nconst b = block('relative-date-picker');\n\nexport interface RelativeDatePickerProps\n    extends RelativeDatePickerStateOptions,\n        TextInputProps,\n        FocusableProps,\n        KeyboardEvents,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps,\n        PopupStyleProps {\n    children?: (props: CalendarProps) => React.ReactNode;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean) => void;\n}\n\nexport function RelativeDatePicker(props: RelativeDatePickerProps) {\n    const state = useRelativeDatePickerState(props);\n\n    const {\n        groupProps,\n        fieldProps,\n        modeSwitcherProps,\n        calendarButtonProps,\n        popupProps,\n        calendarProps,\n        timeInputProps,\n    } = useRelativeDatePickerProps(state, props);\n\n    const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n    const handleRef = useForkRef(groupProps.ref, setAnchor);\n\n    const isMobile = useMobile();\n    const isOnlyTime =\n        state.datePickerState.formatInfo.hasTime && !state.datePickerState.formatInfo.hasDate;\n\n    return (\n        <div {...groupProps} ref={handleRef} className={b(null, props.className)}>\n            {isMobile && state.mode === 'absolute' && (\n                <MobileCalendar\n                    state={state.datePickerState}\n                    props={{\n                        id: props.id,\n                        disabled: props.disabled,\n                        readOnly: props.readOnly,\n                        placeholderValue: props.placeholderValue,\n                        timeZone: props.timeZone,\n                    }}\n                />\n            )}\n            <TextInput\n                {...fieldProps}\n                controlProps={{\n                    ...fieldProps.controlProps,\n                    disabled: isMobile && state.mode === 'absolute',\n                    className: b('input', {mobile: isMobile && state.mode === 'absolute'}),\n                }}\n                hasClear={props.hasClear && !(isMobile && state.mode === 'absolute')}\n                startContent={\n                    <Button {...modeSwitcherProps}>\n                        <Icon data={FunctionIcon} />\n                    </Button>\n                }\n                endContent={\n                    <React.Fragment>\n                        {!isMobile && !isOnlyTime && (\n                            <Button {...calendarButtonProps}>\n                                <Icon data={CalendarIcon} />\n                            </Button>\n                        )}\n                        {!isMobile && isOnlyTime && (\n                            <StubButton size={calendarButtonProps.size} icon={ClockIcon} />\n                        )}\n                        {isMobile && state.mode === 'absolute' && (\n                            <StubButton\n                                size={calendarButtonProps.size}\n                                icon={isOnlyTime ? ClockIcon : CalendarIcon}\n                            />\n                        )}\n                    </React.Fragment>\n                }\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value?.type}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                toStringValue={(value) => getNativeValue(value)}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            {!isMobile && !isOnlyTime && (\n                <Popup {...popupProps} anchorElement={anchor}>\n                    <div className={b('popup-content')}>\n                        {typeof props.children === 'function' ? (\n                            props.children(calendarProps)\n                        ) : (\n                            <Calendar {...calendarProps} />\n                        )}\n                        {state.datePickerState.formatInfo.hasTime && (\n                            <div className={b('time-field-wrapper')}>\n                                <DateField {...timeInputProps} />\n                            </div>\n                        )}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n}\n\nfunction getNativeValue(value: Value | null) {\n    if (!value) {\n        return '';\n    }\n    if (value.type === 'relative') {\n        return value.value;\n    }\n    return value.value.toISOString();\n}\n"]}
+{"version":3,"file":"RelativeDatePicker.js","sourceRoot":"../../../../src","sources":["components/RelativeDatePicker/RelativeDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {\n    Calendar as CalendarIcon,\n    Clock as ClockIcon,\n    Function as FunctionIcon,\n} from '@gravity-ui/icons';\nimport {Button, Icon, Popup, TextInput, useForkRef, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport type {CalendarProps} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {MobileCalendar} from '../DatePicker/MobileCalendar';\nimport {StubButton} from '../DatePicker/StubButton';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    PopupStyleProps,\n    StyleProps,\n    TextInputProps,\n} from '../types';\n\nimport {useRelativeDatePickerProps} from './hooks/useRelativeDatePickerProps';\nimport {useRelativeDatePickerState} from './hooks/useRelativeDatePickerState';\nimport type {RelativeDatePickerStateOptions, Value} from './hooks/useRelativeDatePickerState';\n\nimport './RelativeDatePicker.scss';\n\nconst b = block('relative-date-picker');\n\nexport interface RelativeDatePickerProps\n    extends\n        RelativeDatePickerStateOptions,\n        TextInputProps,\n        FocusableProps,\n        KeyboardEvents,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps,\n        PopupStyleProps {\n    children?: (props: CalendarProps) => React.ReactNode;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean) => void;\n}\n\nexport function RelativeDatePicker(props: RelativeDatePickerProps) {\n    const state = useRelativeDatePickerState(props);\n\n    const {\n        groupProps,\n        fieldProps,\n        modeSwitcherProps,\n        calendarButtonProps,\n        popupProps,\n        calendarProps,\n        timeInputProps,\n    } = useRelativeDatePickerProps(state, props);\n\n    const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n    const handleRef = useForkRef(groupProps.ref, setAnchor);\n\n    const isMobile = useMobile();\n    const isOnlyTime =\n        state.datePickerState.formatInfo.hasTime && !state.datePickerState.formatInfo.hasDate;\n\n    return (\n        <div {...groupProps} ref={handleRef} className={b(null, props.className)}>\n            {isMobile && state.mode === 'absolute' && (\n                <MobileCalendar\n                    state={state.datePickerState}\n                    props={{\n                        id: props.id,\n                        disabled: props.disabled,\n                        readOnly: props.readOnly,\n                        placeholderValue: props.placeholderValue,\n                        timeZone: props.timeZone,\n                    }}\n                />\n            )}\n            <TextInput\n                {...fieldProps}\n                controlProps={{\n                    ...fieldProps.controlProps,\n                    disabled: isMobile && state.mode === 'absolute',\n                    className: b('input', {mobile: isMobile && state.mode === 'absolute'}),\n                }}\n                hasClear={props.hasClear && !(isMobile && state.mode === 'absolute')}\n                startContent={\n                    <Button {...modeSwitcherProps}>\n                        <Icon data={FunctionIcon} />\n                    </Button>\n                }\n                endContent={\n                    <React.Fragment>\n                        {!isMobile && !isOnlyTime && (\n                            <Button {...calendarButtonProps}>\n                                <Icon data={CalendarIcon} />\n                            </Button>\n                        )}\n                        {!isMobile && isOnlyTime && (\n                            <StubButton size={calendarButtonProps.size} icon={ClockIcon} />\n                        )}\n                        {isMobile && state.mode === 'absolute' && (\n                            <StubButton\n                                size={calendarButtonProps.size}\n                                icon={isOnlyTime ? ClockIcon : CalendarIcon}\n                            />\n                        )}\n                    </React.Fragment>\n                }\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value?.type}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                toStringValue={(value) => getNativeValue(value)}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            {!isMobile && !isOnlyTime && (\n                <Popup {...popupProps} anchorElement={anchor}>\n                    <div className={b('popup-content')}>\n                        {typeof props.children === 'function' ? (\n                            props.children(calendarProps)\n                        ) : (\n                            <Calendar {...calendarProps} />\n                        )}\n                        {state.datePickerState.formatInfo.hasTime && (\n                            <div className={b('time-field-wrapper')}>\n                                <DateField {...timeInputProps} />\n                            </div>\n                        )}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n}\n\nfunction getNativeValue(value: Value | null) {\n    if (!value) {\n        return '';\n    }\n    if (value.type === 'relative') {\n        return value.value;\n    }\n    return value.value.toISOString();\n}\n"]}

package/dist/esm/components/RelativeRangeDatePicker/RelativeRangeDatePicker.css

@@ -14,7 +14,7 @@
   flex-direction: column;
 }
 .g-date-relative-range-date-picker__value-label-tooltip {
-  --g-popover-max-width: "none";
+  --g-popover-max-width: 'none';
 }
 .g-date-relative-range-date-picker__value-label-item, .g-date-relative-range-date-picker__value-label-to, .g-date-relative-range-date-picker__value-label-tz {
   text-align: center;

package/dist/esm/components/RelativeRangeDatePicker/components/PickerDialog/PickerDoc.js

@@ -6,33 +6,32 @@ import { CircleQuestion } from '@gravity-ui/icons';
 import { Button, Icon, Popover, Sheet, Table, useMobile } from '@gravity-ui/uikit';
 import { block } from "../../../../utils/cn.js";
 import { getButtonSizeForInput } from "../../../utils/getButtonSizeForInput.js";
-import { PresetTitle } from "../Presets/defaultPresets.js";
 import { i18n } from "../Presets/i18n/index.js";
 import "./PickerDoc.css";
 const b = block('relative-range-date-picker-doc');
 const data = [
     {
-        title: _jsx(PresetTitle, { title: "Last 5 minutes" }),
+        title: 'Last 5 minutes',
         from: 'now - 5m',
         to: 'now',
     },
     {
-        title: _jsx(PresetTitle, { title: "From start of day" }),
+        title: 'From start of day',
         from: 'now/d',
         to: 'now',
     },
     {
-        title: _jsx(PresetTitle, { title: "This week" }),
+        title: 'This week',
         from: 'now/w',
         to: 'now/w',
     },
     {
-        title: _jsx(PresetTitle, { title: "From start of week" }),
+        title: 'From start of week',
         from: 'now/w',
         to: 'now',
     },
     {
-        title: _jsx(PresetTitle, { title: "Previous month" }),
+        title: 'Previous month',
         from: 'now - 1M/M',
         to: 'now - 1M/M',
     },
@@ -46,6 +45,9 @@ function DocContent({ size, docs, onStartUpdate, onEndUpdate }) {
             name: () => {
                 return t('Range');
             },
+            template: (item) => {
+                return t(item.title);
+            },
         },
         {
             id: 'from',

package/dist/esm/components/RelativeRangeDatePicker/components/PickerDialog/PickerDoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerDoc.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/PickerDialog/PickerDoc.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {CircleQuestion} from '@gravity-ui/icons';\nimport {Button, Icon, Popover, Sheet, Table, useMobile} from '@gravity-ui/uikit';\nimport type {TableColumnConfig} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getButtonSizeForInput} from '../../../utils/getButtonSizeForInput';\nimport {PresetTitle} from '../Presets/defaultPresets';\nimport type {Preset} from '../Presets/defaultPresets';\nimport {i18n} from '../Presets/i18n';\n\nimport './PickerDoc.scss';\n\nconst b = block('relative-range-date-picker-doc');\n\nconst data: Preset[] = [\n    {\n        title: <PresetTitle title=\"Last 5 minutes\" />,\n        from: 'now - 5m',\n        to: 'now',\n    },\n    {\n        title: <PresetTitle title=\"From start of day\" />,\n        from: 'now/d',\n        to: 'now',\n    },\n    {\n        title: <PresetTitle title=\"This week\" />,\n        from: 'now/w',\n        to: 'now/w',\n    },\n    {\n        title: <PresetTitle title=\"From start of week\" />,\n        from: 'now/w',\n        to: 'now',\n    },\n    {\n        title: <PresetTitle title=\"Previous month\" />,\n        from: 'now - 1M/M',\n        to: 'now - 1M/M',\n    },\n];\n\ninterface DocContentProps extends Omit<PresetsDocProps, 'docs' | 'className'> {\n    docs: Preset[];\n}\n\nfunction DocContent({size, docs, onStartUpdate, onEndUpdate}: DocContentProps) {\n    const isMobile = useMobile();\n\n    const {t} = i18n.useTranslation();\n    const columns: TableColumnConfig<Preset>[] = React.useMemo(\n        () => [\n            {\n                id: 'title',\n                name: () => {\n                    return t('Range');\n                },\n            },\n            {\n                id: 'from',\n                name: () => {\n                    return t('From');\n                },\n                template: (item) => (\n                    <Button\n                        size={isMobile ? 'l' : getButtonSizeForInput(size)}\n                        onClick={() => onStartUpdate(item.from)}\n                    >\n                        {item.from}\n                    </Button>\n                ),\n            },\n            {\n                id: 'to',\n                name: () => {\n                    return t('To');\n                },\n                template: (item) => (\n                    <Button\n                        size={isMobile ? 'l' : getButtonSizeForInput(size)}\n                        onClick={() => onEndUpdate(item.to)}\n                    >\n                        {item.to}\n                    </Button>\n                ),\n            },\n        ],\n        [isMobile, onEndUpdate, onStartUpdate, size, t],\n    );\n\n    return <Table columns={columns} data={docs} className={b('table', {size})} wordWrap />;\n}\n\ninterface DesktopDocProps extends Omit<PresetsDocProps, 'docs'> {\n    docs: Preset[];\n}\n\nfunction DesktopDoc({className, size, ...props}: DesktopDocProps) {\n    return (\n        <Popover\n            className={b(null)}\n            hasArrow={false}\n            placement={['right-start', 'left-start']}\n            content={<DocContent size={size} {...props} />}\n        >\n            <Button\n                className={b('button', className)}\n                view=\"flat-secondary\"\n                size={getButtonSizeForInput(size)}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n        </Popover>\n    );\n}\n\ninterface MobileDocProps extends Omit<PresetsDocProps, 'docs'> {\n    docs: Preset[];\n}\n\nfunction MobileDoc({className, ...props}: MobileDocProps) {\n    const [open, setOpen] = React.useState(false);\n    return (\n        <div className={b(null, className)}>\n            <Button\n                className={b('button')}\n                view=\"flat-secondary\"\n                size=\"l\"\n                onClick={() => {\n                    setOpen(true);\n                }}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n            <Sheet visible={open} onClose={() => setOpen(false)}>\n                <DocContent {...props} />\n            </Sheet>\n        </div>\n    );\n}\n\ninterface PresetsDocProps {\n    className?: string;\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs?: Preset[];\n    onStartUpdate: (start: string) => void;\n    onEndUpdate: (end: string) => void;\n}\n\nexport function PickerDoc({docs = data, ...props}: PresetsDocProps) {\n    const isMobile = useMobile();\n\n    if (!Array.isArray(docs) || docs.length === 0) {\n        return null;\n    }\n\n    if (isMobile) {\n        return <MobileDoc {...props} docs={docs} />;\n    }\n\n    return <DesktopDoc {...props} docs={docs} />;\n}\n"]}
+{"version":3,"file":"PickerDoc.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/PickerDialog/PickerDoc.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {CircleQuestion} from '@gravity-ui/icons';\nimport {Button, Icon, Popover, Sheet, Table, useMobile} from '@gravity-ui/uikit';\nimport type {TableColumnConfig} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getButtonSizeForInput} from '../../../utils/getButtonSizeForInput';\nimport type {DefaultPreset, Preset} from '../Presets/defaultPresets';\nimport {i18n} from '../Presets/i18n';\n\nimport './PickerDoc.scss';\n\nconst b = block('relative-range-date-picker-doc');\n\nconst data: DefaultPreset[] = [\n    {\n        title: 'Last 5 minutes',\n        from: 'now - 5m',\n        to: 'now',\n    },\n    {\n        title: 'From start of day',\n        from: 'now/d',\n        to: 'now',\n    },\n    {\n        title: 'This week',\n        from: 'now/w',\n        to: 'now/w',\n    },\n    {\n        title: 'From start of week',\n        from: 'now/w',\n        to: 'now',\n    },\n    {\n        title: 'Previous month',\n        from: 'now - 1M/M',\n        to: 'now - 1M/M',\n    },\n];\n\ninterface DocContentProps extends Omit<PresetsDocProps, 'docs' | 'className'> {\n    docs: Preset[];\n}\n\nfunction DocContent({size, docs, onStartUpdate, onEndUpdate}: DocContentProps) {\n    const isMobile = useMobile();\n\n    const {t} = i18n.useTranslation();\n    const columns: TableColumnConfig<Preset>[] = React.useMemo(\n        () => [\n            {\n                id: 'title',\n                name: () => {\n                    return t('Range');\n                },\n                template: (item) => {\n                    return t(item.title as any);\n                },\n            },\n            {\n                id: 'from',\n                name: () => {\n                    return t('From');\n                },\n                template: (item) => (\n                    <Button\n                        size={isMobile ? 'l' : getButtonSizeForInput(size)}\n                        onClick={() => onStartUpdate(item.from)}\n                    >\n                        {item.from}\n                    </Button>\n                ),\n            },\n            {\n                id: 'to',\n                name: () => {\n                    return t('To');\n                },\n                template: (item) => (\n                    <Button\n                        size={isMobile ? 'l' : getButtonSizeForInput(size)}\n                        onClick={() => onEndUpdate(item.to)}\n                    >\n                        {item.to}\n                    </Button>\n                ),\n            },\n        ],\n        [isMobile, onEndUpdate, onStartUpdate, size, t],\n    );\n\n    return <Table columns={columns} data={docs} className={b('table', {size})} wordWrap />;\n}\n\ninterface DesktopDocProps extends Omit<PresetsDocProps, 'docs'> {\n    docs: Preset[];\n}\n\nfunction DesktopDoc({className, size, ...props}: DesktopDocProps) {\n    return (\n        <Popover\n            className={b(null)}\n            hasArrow={false}\n            placement={['right-start', 'left-start']}\n            content={<DocContent size={size} {...props} />}\n        >\n            <Button\n                className={b('button', className)}\n                view=\"flat-secondary\"\n                size={getButtonSizeForInput(size)}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n        </Popover>\n    );\n}\n\ninterface MobileDocProps extends Omit<PresetsDocProps, 'docs'> {\n    docs: Preset[];\n}\n\nfunction MobileDoc({className, ...props}: MobileDocProps) {\n    const [open, setOpen] = React.useState(false);\n    return (\n        <div className={b(null, className)}>\n            <Button\n                className={b('button')}\n                view=\"flat-secondary\"\n                size=\"l\"\n                onClick={() => {\n                    setOpen(true);\n                }}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n            <Sheet visible={open} onClose={() => setOpen(false)}>\n                <DocContent {...props} />\n            </Sheet>\n        </div>\n    );\n}\n\ninterface PresetsDocProps {\n    className?: string;\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs?: Preset[];\n    onStartUpdate: (start: string) => void;\n    onEndUpdate: (end: string) => void;\n}\n\nexport function PickerDoc({docs = data, ...props}: PresetsDocProps) {\n    const isMobile = useMobile();\n\n    if (!Array.isArray(docs) || docs.length === 0) {\n        return null;\n    }\n\n    if (isMobile) {\n        return <MobileDoc {...props} docs={docs} />;\n    }\n\n    return <DesktopDoc {...props} docs={docs} />;\n}\n"]}

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/Presets.js

@@ -34,6 +34,7 @@ export const SIZE_TO_ITEM_HEIGHT = {
 };
 function PresetsList({ presets, onChoosePreset, size = 'm' }) {
     const ref = React.useRef(null);
+    const { t } = i18n.useTranslation();
     React.useEffect(() => {
         var _a, _b;
         const list = ref.current;
@@ -58,7 +59,7 @@ function PresetsList({ presets, onChoosePreset, size = 'm' }) {
         }
         return undefined;
     }, []);
-    return (_jsx(List, { ref: ref, className: b('list'), itemClassName: b('item'), items: presets, filterable: false, virtualized: false, renderItem: (item) => item.title, itemHeight: SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
+    return (_jsx(List, { ref: ref, className: b('list'), itemClassName: b('item'), items: presets, filterable: false, virtualized: false, renderItem: (item) => t(item.title), itemHeight: SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
             onChoosePreset(item.from, item.to);
         } }));
 }

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/Presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"Presets.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/Presets.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {List, Tab, TabList, TabPanel, TabProvider} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\n\nimport type {Preset} from './defaultPresets';\nimport {i18n} from './i18n';\nimport {filterPresetTabs, getDefaultPresetTabs} from './utils';\nimport type {PresetTab} from './utils';\n\nimport './Presets.scss';\n\nconst b = block('relative-range-date-picker-presets');\n\nexport interface PresetProps {\n    className?: string;\n    onChoosePreset: (start: string, end: string) => void;\n    withTime?: boolean;\n    minValue?: DateTime;\n    size?: 's' | 'm' | 'l' | 'xl';\n    presetTabs?: PresetTab[];\n}\nexport function Presets({\n    className,\n    size = 'm',\n    minValue,\n    withTime,\n    onChoosePreset,\n    presetTabs,\n}: PresetProps) {\n    const {t} = i18n.useTranslation();\n    const tabs = React.useMemo(() => {\n        return filterPresetTabs(presetTabs ?? getDefaultPresetTabs({withTime, t}), {minValue});\n    }, [withTime, minValue, presetTabs, t]);\n\n    const [activeTabId, setActiveTab] = React.useState(tabs[0]?.id);\n\n    if (tabs.length === 0) {\n        return null;\n    }\n\n    const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0];\n    if (!activeTab) {\n        return null;\n    }\n\n    if (activeTab.id !== activeTabId) {\n        setActiveTab(activeTab.id);\n    }\n\n    return (\n        <div className={b({size}, className)}>\n            <TabProvider value={activeTabId} onUpdate={setActiveTab}>\n                <div className={b('tabs')}>\n                    <TabList size={size === 's' ? 'm' : size}>\n                        {tabs.map(({id, title}) => (\n                            <Tab key={id} value={id}>\n                                {title}\n                            </Tab>\n                        ))}\n                    </TabList>\n                </div>\n                <TabPanel className={b('content')} value={activeTabId}>\n                    <PresetsList\n                        presets={activeTab.presets}\n                        onChoosePreset={onChoosePreset}\n                        size={size}\n                    />\n                </TabPanel>\n            </TabProvider>\n        </div>\n    );\n}\nexport const SIZE_TO_ITEM_HEIGHT = {\n    s: 28,\n    m: 28,\n    l: 32,\n    xl: 36,\n};\n\ninterface PresetsListProps {\n    size?: 's' | 'm' | 'l' | 'xl';\n    presets: Preset[];\n    onChoosePreset: (start: string, end: string) => void;\n}\nfunction PresetsList({presets, onChoosePreset, size = 'm'}: PresetsListProps) {\n    const ref = React.useRef<List<Preset>>(null);\n\n    React.useEffect(() => {\n        const list = ref.current;\n        const container = ref.current?.refContainer.current?.node as HTMLDivElement | undefined;\n        if (list && container) {\n            try {\n                container.setAttribute('tabindex', '0');\n                container.setAttribute('class', b('list-container'));\n                const handleFocus = () => {\n                    if (list.getActiveItem() === null) {\n                        list.activateItem(0, true);\n                    }\n                };\n                container.addEventListener('focus', handleFocus);\n                return () => {\n                    container.removeEventListener('focus', handleFocus);\n                };\n            } catch {\n                // Oooops\n            }\n        }\n        return undefined;\n    }, []);\n\n    return (\n        <List\n            ref={ref}\n            className={b('list')}\n            itemClassName={b('item')}\n            items={presets}\n            filterable={false}\n            virtualized={false}\n            renderItem={(item) => item.title}\n            itemHeight={SIZE_TO_ITEM_HEIGHT[size]}\n            onItemClick={(item) => {\n                onChoosePreset(item.from, item.to);\n            }}\n        />\n    );\n}\n"]}
+{"version":3,"file":"Presets.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/Presets.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {List, Tab, TabList, TabPanel, TabProvider} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\n\nimport type {Preset} from './defaultPresets';\nimport {i18n} from './i18n';\nimport {filterPresetTabs, getDefaultPresetTabs} from './utils';\nimport type {PresetTab} from './utils';\n\nimport './Presets.scss';\n\nconst b = block('relative-range-date-picker-presets');\n\nexport interface PresetProps {\n    className?: string;\n    onChoosePreset: (start: string, end: string) => void;\n    withTime?: boolean;\n    minValue?: DateTime;\n    size?: 's' | 'm' | 'l' | 'xl';\n    presetTabs?: PresetTab[];\n}\nexport function Presets({\n    className,\n    size = 'm',\n    minValue,\n    withTime,\n    onChoosePreset,\n    presetTabs,\n}: PresetProps) {\n    const {t} = i18n.useTranslation();\n    const tabs = React.useMemo(() => {\n        return filterPresetTabs(presetTabs ?? getDefaultPresetTabs({withTime, t}), {minValue});\n    }, [withTime, minValue, presetTabs, t]);\n\n    const [activeTabId, setActiveTab] = React.useState(tabs[0]?.id);\n\n    if (tabs.length === 0) {\n        return null;\n    }\n\n    const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0];\n    if (!activeTab) {\n        return null;\n    }\n\n    if (activeTab.id !== activeTabId) {\n        setActiveTab(activeTab.id);\n    }\n\n    return (\n        <div className={b({size}, className)}>\n            <TabProvider value={activeTabId} onUpdate={setActiveTab}>\n                <div className={b('tabs')}>\n                    <TabList size={size === 's' ? 'm' : size}>\n                        {tabs.map(({id, title}) => (\n                            <Tab key={id} value={id}>\n                                {title}\n                            </Tab>\n                        ))}\n                    </TabList>\n                </div>\n                <TabPanel className={b('content')} value={activeTabId}>\n                    <PresetsList\n                        presets={activeTab.presets}\n                        onChoosePreset={onChoosePreset}\n                        size={size}\n                    />\n                </TabPanel>\n            </TabProvider>\n        </div>\n    );\n}\nexport const SIZE_TO_ITEM_HEIGHT = {\n    s: 28,\n    m: 28,\n    l: 32,\n    xl: 36,\n};\n\ninterface PresetsListProps {\n    size?: 's' | 'm' | 'l' | 'xl';\n    presets: Preset[];\n    onChoosePreset: (start: string, end: string) => void;\n}\nfunction PresetsList({presets, onChoosePreset, size = 'm'}: PresetsListProps) {\n    const ref = React.useRef<List<Preset>>(null);\n    const {t} = i18n.useTranslation();\n\n    React.useEffect(() => {\n        const list = ref.current;\n        const container = ref.current?.refContainer.current?.node as HTMLDivElement | undefined;\n        if (list && container) {\n            try {\n                container.setAttribute('tabindex', '0');\n                container.setAttribute('class', b('list-container'));\n                const handleFocus = () => {\n                    if (list.getActiveItem() === null) {\n                        list.activateItem(0, true);\n                    }\n                };\n                container.addEventListener('focus', handleFocus);\n                return () => {\n                    container.removeEventListener('focus', handleFocus);\n                };\n            } catch {\n                // Oooops\n            }\n        }\n        return undefined;\n    }, []);\n\n    return (\n        <List\n            ref={ref}\n            className={b('list')}\n            itemClassName={b('item')}\n            items={presets}\n            filterable={false}\n            virtualized={false}\n            renderItem={(item) => t(item.title as any)}\n            itemHeight={SIZE_TO_ITEM_HEIGHT[size]}\n            onItemClick={(item) => {\n                onChoosePreset(item.from, item.to);\n            }}\n        />\n    );\n}\n"]}

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/defaultPresets.d.ts

@@ -1,13 +1,15 @@
-import { i18n } from "./i18n/index.js";
+import type { i18n } from "./i18n/index.js";
 export interface Preset {
     from: string;
     to: string;
-    title: React.ReactNode;
+    title: string;
 }
-export declare function PresetTitle({ title, }: {
+export interface DefaultPreset {
+    from: string;
+    to: string;
     title: keyof (typeof i18n.keysetData)['g-date-relative-range-date-picker-presets'];
-}): string;
-export declare const DEFAULT_DATE_PRESETS: Preset[];
-export declare const DEFAULT_TIME_PRESETS: Preset[];
-export declare const DEFAULT_OTHERS_PRESETS: Preset[];
-export declare const allPresets: Preset[];
+}
+export declare const DEFAULT_DATE_PRESETS: DefaultPreset[];
+export declare const DEFAULT_TIME_PRESETS: DefaultPreset[];
+export declare const DEFAULT_OTHERS_PRESETS: DefaultPreset[];
+export declare const allPresets: DefaultPreset[];

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/defaultPresets.js

@@ -1,138 +1,132 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { i18n } from "./i18n/index.js";
-export function PresetTitle({ title, }) {
-    const { t } = i18n.useTranslation();
-    return t(title);
-}
 export const DEFAULT_DATE_PRESETS = [
     {
         from: 'now-1d',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last day" }),
+        title: 'Last day',
     },
     {
         from: 'now-3d',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 3 days" }),
+        title: 'Last 3 days',
     },
     {
         from: 'now-1w',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last week" }),
+        title: 'Last week',
     },
     {
         from: 'now-1M',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last month" }),
+        title: 'Last month',
     },
     {
         from: 'now-3M',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 3 months" }),
+        title: 'Last 3 months',
     },
     {
         from: 'now-6M',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 6 months" }),
+        title: 'Last 6 months',
     },
     {
         from: 'now-1y',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last year" }),
+        title: 'Last year',
     },
     {
         from: 'now-3y',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 3 years" }),
+        title: 'Last 3 years',
     },
 ];
 export const DEFAULT_TIME_PRESETS = [
     {
         from: 'now-5m',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 5 minutes" }),
+        title: 'Last 5 minutes',
     },
     {
         from: 'now-15m',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 15 minutes" }),
+        title: 'Last 15 minutes',
     },
     {
         from: 'now-30m',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 30 minutes" }),
+        title: 'Last 30 minutes',
     },
     {
         from: 'now-1h',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last hour" }),
+        title: 'Last hour',
     },
     {
         from: 'now-3h',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 3 hours" }),
+        title: 'Last 3 hours',
     },
     {
         from: 'now-6h',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 6 hours" }),
+        title: 'Last 6 hours',
     },
     {
         from: 'now-12h',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "Last 12 hours" }),
+        title: 'Last 12 hours',
     },
 ];
 export const DEFAULT_OTHERS_PRESETS = [
     {
         from: 'now/d',
         to: 'now/d',
-        title: _jsx(PresetTitle, { title: "Today" }),
+        title: 'Today',
     },
     {
         from: 'now-1d/d',
         to: 'now-1d/d',
-        title: _jsx(PresetTitle, { title: "Yesterday" }),
+        title: 'Yesterday',
     },
     {
         from: 'now-2d/d',
         to: 'now-2d/d',
-        title: _jsx(PresetTitle, { title: "Day before yesterday" }),
+        title: 'Day before yesterday',
     },
     {
         from: 'now/w',
         to: 'now/w',
-        title: _jsx(PresetTitle, { title: "This week" }),
+        title: 'This week',
     },
     {
         from: 'now/M',
         to: 'now/M',
-        title: _jsx(PresetTitle, { title: "This month" }),
+        title: 'This month',
     },
     {
         from: 'now/y',
         to: 'now/y',
-        title: _jsx(PresetTitle, { title: "This year" }),
+        title: 'This year',
     },
     {
         from: 'now/d',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "From start of day" }),
+        title: 'From start of day',
     },
     {
         from: 'now/w',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "From start of week" }),
+        title: 'From start of week',
     },
     {
         from: 'now/M',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "From start of month" }),
+        title: 'From start of month',
     },
     {
         from: 'now/y',
         to: 'now',
-        title: _jsx(PresetTitle, { title: "From start of year" }),
+        title: 'From start of year',
     },
 ];
 export const allPresets = DEFAULT_TIME_PRESETS.concat(DEFAULT_DATE_PRESETS, DEFAULT_OTHERS_PRESETS);

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/defaultPresets.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPresets.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/defaultPresets.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,wBAAe;AAQ5B,MAAM,UAAU,WAAW,CAAC,EACxB,KAAK,GAGR;IACG,MAAM,EAAC,CAAC,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IAClC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAa;IAC1C;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG;KAC1C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,GAAG;KAC7C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;KAC5C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,GAAG;KAC/C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,GAAG;KAC/C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,cAAc,GAAG;KAC9C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAa;IAC1C;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,gBAAgB,GAAG;KAChD;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,iBAAiB,GAAG;KACjD;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,iBAAiB,GAAG;KACjD;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,cAAc,GAAG;KAC9C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,cAAc,GAAG;KAC9C;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,GAAG;KAC/C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAa;IAC5C;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG;KACvC;IACD;QACI,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,sBAAsB,GAAG;KACtD;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;KAC5C;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG;KAC3C;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,mBAAmB,GAAG;KACnD;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,oBAAoB,GAAG;KACpD;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,qBAAqB,GAAG;KACrD;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAC,oBAAoB,GAAG;KACpD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,oBAAoB,CAAC,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC","sourcesContent":["import {i18n} from './i18n';\n\nexport interface Preset {\n    from: string;\n    to: string;\n    title: React.ReactNode;\n}\n\nexport function PresetTitle({\n    title,\n}: {\n    title: keyof (typeof i18n.keysetData)['g-date-relative-range-date-picker-presets'];\n}) {\n    const {t} = i18n.useTranslation();\n    return t(title);\n}\n\nexport const DEFAULT_DATE_PRESETS: Preset[] = [\n    {\n        from: 'now-1d',\n        to: 'now',\n        title: <PresetTitle title=\"Last day\" />,\n    },\n    {\n        from: 'now-3d',\n        to: 'now',\n        title: <PresetTitle title=\"Last 3 days\" />,\n    },\n    {\n        from: 'now-1w',\n        to: 'now',\n        title: <PresetTitle title=\"Last week\" />,\n    },\n    {\n        from: 'now-1M',\n        to: 'now',\n        title: <PresetTitle title=\"Last month\" />,\n    },\n    {\n        from: 'now-3M',\n        to: 'now',\n        title: <PresetTitle title=\"Last 3 months\" />,\n    },\n    {\n        from: 'now-6M',\n        to: 'now',\n        title: <PresetTitle title=\"Last 6 months\" />,\n    },\n    {\n        from: 'now-1y',\n        to: 'now',\n        title: <PresetTitle title=\"Last year\" />,\n    },\n    {\n        from: 'now-3y',\n        to: 'now',\n        title: <PresetTitle title=\"Last 3 years\" />,\n    },\n];\n\nexport const DEFAULT_TIME_PRESETS: Preset[] = [\n    {\n        from: 'now-5m',\n        to: 'now',\n        title: <PresetTitle title=\"Last 5 minutes\" />,\n    },\n    {\n        from: 'now-15m',\n        to: 'now',\n        title: <PresetTitle title=\"Last 15 minutes\" />,\n    },\n    {\n        from: 'now-30m',\n        to: 'now',\n        title: <PresetTitle title=\"Last 30 minutes\" />,\n    },\n    {\n        from: 'now-1h',\n        to: 'now',\n        title: <PresetTitle title=\"Last hour\" />,\n    },\n    {\n        from: 'now-3h',\n        to: 'now',\n        title: <PresetTitle title=\"Last 3 hours\" />,\n    },\n    {\n        from: 'now-6h',\n        to: 'now',\n        title: <PresetTitle title=\"Last 6 hours\" />,\n    },\n    {\n        from: 'now-12h',\n        to: 'now',\n        title: <PresetTitle title=\"Last 12 hours\" />,\n    },\n];\n\nexport const DEFAULT_OTHERS_PRESETS: Preset[] = [\n    {\n        from: 'now/d',\n        to: 'now/d',\n        title: <PresetTitle title=\"Today\" />,\n    },\n    {\n        from: 'now-1d/d',\n        to: 'now-1d/d',\n        title: <PresetTitle title=\"Yesterday\" />,\n    },\n    {\n        from: 'now-2d/d',\n        to: 'now-2d/d',\n        title: <PresetTitle title=\"Day before yesterday\" />,\n    },\n    {\n        from: 'now/w',\n        to: 'now/w',\n        title: <PresetTitle title=\"This week\" />,\n    },\n    {\n        from: 'now/M',\n        to: 'now/M',\n        title: <PresetTitle title=\"This month\" />,\n    },\n    {\n        from: 'now/y',\n        to: 'now/y',\n        title: <PresetTitle title=\"This year\" />,\n    },\n    {\n        from: 'now/d',\n        to: 'now',\n        title: <PresetTitle title=\"From start of day\" />,\n    },\n    {\n        from: 'now/w',\n        to: 'now',\n        title: <PresetTitle title=\"From start of week\" />,\n    },\n    {\n        from: 'now/M',\n        to: 'now',\n        title: <PresetTitle title=\"From start of month\" />,\n    },\n    {\n        from: 'now/y',\n        to: 'now',\n        title: <PresetTitle title=\"From start of year\" />,\n    },\n];\n\nexport const allPresets = DEFAULT_TIME_PRESETS.concat(DEFAULT_DATE_PRESETS, DEFAULT_OTHERS_PRESETS);\n"]}
+{"version":3,"file":"defaultPresets.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/defaultPresets.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {i18n} from './i18n';\n\nexport interface Preset {\n    from: string;\n    to: string;\n    title: string;\n}\n\nexport interface DefaultPreset {\n    from: string;\n    to: string;\n    title: keyof (typeof i18n.keysetData)['g-date-relative-range-date-picker-presets'];\n}\n\nexport const DEFAULT_DATE_PRESETS: DefaultPreset[] = [\n    {\n        from: 'now-1d',\n        to: 'now',\n        title: 'Last day',\n    },\n    {\n        from: 'now-3d',\n        to: 'now',\n        title: 'Last 3 days',\n    },\n    {\n        from: 'now-1w',\n        to: 'now',\n        title: 'Last week',\n    },\n    {\n        from: 'now-1M',\n        to: 'now',\n        title: 'Last month',\n    },\n    {\n        from: 'now-3M',\n        to: 'now',\n        title: 'Last 3 months',\n    },\n    {\n        from: 'now-6M',\n        to: 'now',\n        title: 'Last 6 months',\n    },\n    {\n        from: 'now-1y',\n        to: 'now',\n        title: 'Last year',\n    },\n    {\n        from: 'now-3y',\n        to: 'now',\n        title: 'Last 3 years',\n    },\n];\n\nexport const DEFAULT_TIME_PRESETS: DefaultPreset[] = [\n    {\n        from: 'now-5m',\n        to: 'now',\n        title: 'Last 5 minutes',\n    },\n    {\n        from: 'now-15m',\n        to: 'now',\n        title: 'Last 15 minutes',\n    },\n    {\n        from: 'now-30m',\n        to: 'now',\n        title: 'Last 30 minutes',\n    },\n    {\n        from: 'now-1h',\n        to: 'now',\n        title: 'Last hour',\n    },\n    {\n        from: 'now-3h',\n        to: 'now',\n        title: 'Last 3 hours',\n    },\n    {\n        from: 'now-6h',\n        to: 'now',\n        title: 'Last 6 hours',\n    },\n    {\n        from: 'now-12h',\n        to: 'now',\n        title: 'Last 12 hours',\n    },\n];\n\nexport const DEFAULT_OTHERS_PRESETS: DefaultPreset[] = [\n    {\n        from: 'now/d',\n        to: 'now/d',\n        title: 'Today',\n    },\n    {\n        from: 'now-1d/d',\n        to: 'now-1d/d',\n        title: 'Yesterday',\n    },\n    {\n        from: 'now-2d/d',\n        to: 'now-2d/d',\n        title: 'Day before yesterday',\n    },\n    {\n        from: 'now/w',\n        to: 'now/w',\n        title: 'This week',\n    },\n    {\n        from: 'now/M',\n        to: 'now/M',\n        title: 'This month',\n    },\n    {\n        from: 'now/y',\n        to: 'now/y',\n        title: 'This year',\n    },\n    {\n        from: 'now/d',\n        to: 'now',\n        title: 'From start of day',\n    },\n    {\n        from: 'now/w',\n        to: 'now',\n        title: 'From start of week',\n    },\n    {\n        from: 'now/M',\n        to: 'now',\n        title: 'From start of month',\n    },\n    {\n        from: 'now/y',\n        to: 'now',\n        title: 'From start of year',\n    },\n];\n\nexport const allPresets = DEFAULT_TIME_PRESETS.concat(DEFAULT_DATE_PRESETS, DEFAULT_OTHERS_PRESETS);\n"]}

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/utils.d.ts

@@ -2,7 +2,7 @@ import type { DateTime } from '@gravity-ui/date-utils';
 import type { ExtractFunctionType } from "../../../types/index.js";
 import type { Preset } from "./defaultPresets.js";
 import { i18n } from "./i18n/index.js";
-export declare function getPresetTitle(start: string, end: string, presets?: Preset[], t?: ExtractFunctionType<typeof i18n>): import("react").ReactNode;
+export declare function getPresetTitle(start: string, end: string, presets?: Preset[], t?: ExtractFunctionType<typeof i18n>): string;
 export declare function filterPresets(presets: Preset[], minValue?: DateTime): Preset[];
 export interface PresetTab {
     id: string;

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/utils.js

@@ -25,7 +25,7 @@ export function getPresetTitle(start, end, presets = allPresets, t = i18n) {
     const endText = end.replace(/\s+/g, '');
     for (const preset of presets) {
         if (preset.from === startText && preset.to === endText) {
-            return preset.title;
+            return t(preset.title);
         }
     }
     if (end === 'now') {

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTimeParse} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {ExtractFunctionType} from '../../../types';\n\nimport {\n    DEFAULT_DATE_PRESETS,\n    DEFAULT_OTHERS_PRESETS,\n    DEFAULT_TIME_PRESETS,\n    allPresets,\n} from './defaultPresets';\nimport type {Preset} from './defaultPresets';\nimport {i18n} from './i18n';\n\nconst lastRe = /^now-(\\d+)([smhdwMy])$/;\n\nconst oneUnit = {\n    s: 'Last second',\n    m: 'Last minute',\n    h: 'Last hour',\n    d: 'Last day',\n    w: 'Last week',\n    M: 'Last month',\n    y: 'Last year',\n} as const;\n\nconst countUnit = {\n    s: 'Last {count} second',\n    m: 'Last {count} minute',\n    h: 'Last {count} hour',\n    d: 'Last {count} day',\n    w: 'Last {count} week',\n    M: 'Last {count} month',\n    y: 'Last {count} year',\n} as const;\n\nexport function getPresetTitle(\n    start: string,\n    end: string,\n    presets: Preset[] = allPresets,\n    t: ExtractFunctionType<typeof i18n> = i18n,\n) {\n    const startText = start.replace(/\\s+/g, '');\n    const endText = end.replace(/\\s+/g, '');\n\n    for (const preset of presets) {\n        if (preset.from === startText && preset.to === endText) {\n            return preset.title;\n        }\n    }\n\n    if (end === 'now') {\n        const match = lastRe.exec(startText);\n        if (match) {\n            const [, count, unit] = match;\n            if (isDateUnit(unit)) {\n                const template = Number(count) === 1 ? oneUnit[unit] : countUnit[unit];\n                return t(template, {count});\n            }\n        }\n    }\n\n    return startText + ' — ' + endText;\n}\n\nfunction isDateUnit(value: string): value is 's' | 'm' | 'h' | 'd' | 'w' | 'M' | 'y' {\n    return ['s', 'm', 'h', 'd', 'w', 'M', 'y'].includes(value);\n}\n\nexport function filterPresets(presets: Preset[], minValue?: DateTime) {\n    return presets.filter((preset) => {\n        const from = dateTimeParse(preset.from);\n        const to = dateTimeParse(preset.to, {roundUp: true});\n\n        if (!from || !to) {\n            return false;\n        }\n\n        if (to.isBefore(from)) {\n            return false;\n        }\n\n        if (minValue && from.isBefore(minValue)) {\n            return false;\n        }\n\n        return true;\n    });\n}\n\nexport interface PresetTab {\n    id: string;\n    title: string;\n    presets: Preset[];\n}\n\nexport function getDefaultPresetTabs({\n    withTime,\n    minValue,\n    t = i18n,\n}: {\n    minValue?: DateTime;\n    withTime?: boolean;\n    t?: (key: 'Main' | 'Other') => string;\n}) {\n    const tabs: PresetTab[] = [];\n\n    const mainTab: PresetTab = {\n        id: 'main',\n        title: t('Main'),\n        presets: [],\n    };\n    const mainPresets = DEFAULT_DATE_PRESETS;\n    if (withTime) {\n        mainPresets.unshift(...DEFAULT_TIME_PRESETS);\n    }\n    mainTab.presets = filterPresets(mainPresets, minValue);\n\n    if (mainTab.presets.length > 0) {\n        tabs.push(mainTab);\n    }\n\n    const otherTab: PresetTab = {\n        id: 'other',\n        title: t('Other'),\n        presets: filterPresets(DEFAULT_OTHERS_PRESETS, minValue),\n    };\n\n    if (otherTab.presets.length > 0) {\n        tabs.push(otherTab);\n    }\n\n    return tabs;\n}\n\nexport function filterPresetTabs(tabs: PresetTab[], {minValue}: {minValue?: DateTime} = {}) {\n    return tabs.reduce<PresetTab[]>((acc, tab) => {\n        const presets = filterPresets(tab.presets, minValue);\n        if (presets.length) {\n            acc.push({\n                ...tab,\n                presets,\n            });\n        }\n        return acc;\n    }, []);\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTimeParse} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {ExtractFunctionType} from '../../../types';\n\nimport {\n    DEFAULT_DATE_PRESETS,\n    DEFAULT_OTHERS_PRESETS,\n    DEFAULT_TIME_PRESETS,\n    allPresets,\n} from './defaultPresets';\nimport type {Preset} from './defaultPresets';\nimport {i18n} from './i18n';\n\nconst lastRe = /^now-(\\d+)([smhdwMy])$/;\n\nconst oneUnit = {\n    s: 'Last second',\n    m: 'Last minute',\n    h: 'Last hour',\n    d: 'Last day',\n    w: 'Last week',\n    M: 'Last month',\n    y: 'Last year',\n} as const;\n\nconst countUnit = {\n    s: 'Last {count} second',\n    m: 'Last {count} minute',\n    h: 'Last {count} hour',\n    d: 'Last {count} day',\n    w: 'Last {count} week',\n    M: 'Last {count} month',\n    y: 'Last {count} year',\n} as const;\n\nexport function getPresetTitle(\n    start: string,\n    end: string,\n    presets: Preset[] = allPresets,\n    t: ExtractFunctionType<typeof i18n> = i18n,\n): string {\n    const startText = start.replace(/\\s+/g, '');\n    const endText = end.replace(/\\s+/g, '');\n\n    for (const preset of presets) {\n        if (preset.from === startText && preset.to === endText) {\n            return t(preset.title as any);\n        }\n    }\n\n    if (end === 'now') {\n        const match = lastRe.exec(startText);\n        if (match) {\n            const [, count, unit] = match;\n            if (isDateUnit(unit)) {\n                const template = Number(count) === 1 ? oneUnit[unit] : countUnit[unit];\n                return t(template, {count});\n            }\n        }\n    }\n\n    return startText + ' — ' + endText;\n}\n\nfunction isDateUnit(value: string): value is 's' | 'm' | 'h' | 'd' | 'w' | 'M' | 'y' {\n    return ['s', 'm', 'h', 'd', 'w', 'M', 'y'].includes(value);\n}\n\nexport function filterPresets(presets: Preset[], minValue?: DateTime) {\n    return presets.filter((preset) => {\n        const from = dateTimeParse(preset.from);\n        const to = dateTimeParse(preset.to, {roundUp: true});\n\n        if (!from || !to) {\n            return false;\n        }\n\n        if (to.isBefore(from)) {\n            return false;\n        }\n\n        if (minValue && from.isBefore(minValue)) {\n            return false;\n        }\n\n        return true;\n    });\n}\n\nexport interface PresetTab {\n    id: string;\n    title: string;\n    presets: Preset[];\n}\n\nexport function getDefaultPresetTabs({\n    withTime,\n    minValue,\n    t = i18n,\n}: {\n    minValue?: DateTime;\n    withTime?: boolean;\n    t?: (key: 'Main' | 'Other') => string;\n}) {\n    const tabs: PresetTab[] = [];\n\n    const mainTab: PresetTab = {\n        id: 'main',\n        title: t('Main'),\n        presets: [],\n    };\n    const mainPresets = DEFAULT_DATE_PRESETS;\n    if (withTime) {\n        mainPresets.unshift(...DEFAULT_TIME_PRESETS);\n    }\n    mainTab.presets = filterPresets(mainPresets, minValue);\n\n    if (mainTab.presets.length > 0) {\n        tabs.push(mainTab);\n    }\n\n    const otherTab: PresetTab = {\n        id: 'other',\n        title: t('Other'),\n        presets: filterPresets(DEFAULT_OTHERS_PRESETS, minValue),\n    };\n\n    if (otherTab.presets.length > 0) {\n        tabs.push(otherTab);\n    }\n\n    return tabs;\n}\n\nexport function filterPresetTabs(tabs: PresetTab[], {minValue}: {minValue?: DateTime} = {}) {\n    return tabs.reduce<PresetTab[]>((acc, tab) => {\n        const presets = filterPresets(tab.presets, minValue);\n        if (presets.length) {\n            acc.push({\n                ...tab,\n                presets,\n            });\n        }\n        return acc;\n    }, []);\n}\n"]}

package/dist/esm/components/RelativeRangeDatePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputBase,\n    InputDOMProps,\n    PopupStyleProps,\n    RangeValue,\n    StyleProps,\n    TextInputProps,\n    Validation,\n} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport type {PresetTab} from './components/Presets/utils';\nimport type {\n    RelativeRangeDatePickerStateOptions,\n    RelativeRangeDatePickerValue,\n} from './hooks/useRelativeRangeDatePickerState';\n\nexport type RelativeRangeDatePickerTriggerProps = Pick<\n    React.AllHTMLAttributes<HTMLElement>,\n    | 'id'\n    | 'role'\n    | 'aria-controls'\n    | 'aria-haspopup'\n    | 'aria-expanded'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'aria-details'\n    | 'onClick'\n    | 'onKeyDown'\n    | 'disabled'\n    | 'readOnly'\n>;\n\nexport interface RelativeRangeDatePickerRenderControlProps {\n    ref: React.Ref<HTMLElement>;\n    value: RelativeRangeDatePickerValue | null;\n    title: string;\n    errorMessage?: React.ReactNode;\n    validationState?: 'invalid';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    triggerProps: RelativeRangeDatePickerTriggerProps;\n}\n\nexport interface RelativeRangeDatePickerProps\n    extends RelativeRangeDatePickerStateOptions,\n        DomProps,\n        AccessibilityProps,\n        InputBase,\n        InputDOMProps,\n        TextInputProps,\n        Validation,\n        FocusableProps,\n        StyleProps,\n        PopupStyleProps {\n    /** Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format) */\n    format?: string;\n    /** A placeholder date that controls the default values of each segment when the user first interacts with them. Defaults to today's date at midnight. */\n    placeholderValue?: DateTime;\n    /** Apply changes with button */\n    withApplyButton?: boolean;\n    /** Show time zone selector */\n    withZonesList?: boolean;\n    /** Show relative range presets */\n    withPresets?: boolean;\n    /** Apply presets immediately */\n    applyPresetsImmediately?: boolean;\n    /** Show header with docs tooltip */\n    withHeader?: boolean;\n    /** Custom preset tabs */\n    presetTabs?: PresetTab[];\n    /** Custom docs for picker, if empty array docs will be hidden */\n    docs?: Preset[];\n    /** Show selected relative values as absolute dates */\n    alwaysShowAsAbsolute?: boolean;\n    /** */\n    getRangeTitle?: (value: RangeValue<Value | null> | null, timeZone: string) => string;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean) => void;\n    /** Used to render control. */\n    renderControl?: (props: RelativeRangeDatePickerRenderControlProps) => React.ReactElement;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputBase,\n    InputDOMProps,\n    PopupStyleProps,\n    RangeValue,\n    StyleProps,\n    TextInputProps,\n    Validation,\n} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport type {PresetTab} from './components/Presets/utils';\nimport type {\n    RelativeRangeDatePickerStateOptions,\n    RelativeRangeDatePickerValue,\n} from './hooks/useRelativeRangeDatePickerState';\n\nexport type RelativeRangeDatePickerTriggerProps = Pick<\n    React.AllHTMLAttributes<HTMLElement>,\n    | 'id'\n    | 'role'\n    | 'aria-controls'\n    | 'aria-haspopup'\n    | 'aria-expanded'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'aria-details'\n    | 'onClick'\n    | 'onKeyDown'\n    | 'disabled'\n    | 'readOnly'\n>;\n\nexport interface RelativeRangeDatePickerRenderControlProps {\n    ref: React.Ref<HTMLElement>;\n    value: RelativeRangeDatePickerValue | null;\n    title: string;\n    errorMessage?: React.ReactNode;\n    validationState?: 'invalid';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    triggerProps: RelativeRangeDatePickerTriggerProps;\n}\n\nexport interface RelativeRangeDatePickerProps\n    extends\n        RelativeRangeDatePickerStateOptions,\n        DomProps,\n        AccessibilityProps,\n        InputBase,\n        InputDOMProps,\n        TextInputProps,\n        Validation,\n        FocusableProps,\n        StyleProps,\n        PopupStyleProps {\n    /** Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format) */\n    format?: string;\n    /** A placeholder date that controls the default values of each segment when the user first interacts with them. Defaults to today's date at midnight. */\n    placeholderValue?: DateTime;\n    /** Apply changes with button */\n    withApplyButton?: boolean;\n    /** Show time zone selector */\n    withZonesList?: boolean;\n    /** Show relative range presets */\n    withPresets?: boolean;\n    /** Apply presets immediately */\n    applyPresetsImmediately?: boolean;\n    /** Show header with docs tooltip */\n    withHeader?: boolean;\n    /** Custom preset tabs */\n    presetTabs?: PresetTab[];\n    /** Custom docs for picker, if empty array docs will be hidden */\n    docs?: Preset[];\n    /** Show selected relative values as absolute dates */\n    alwaysShowAsAbsolute?: boolean;\n    /** */\n    getRangeTitle?: (value: RangeValue<Value | null> | null, timeZone: string) => string;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean) => void;\n    /** Used to render control. */\n    renderControl?: (props: RelativeRangeDatePickerRenderControlProps) => React.ReactElement;\n}\n"]}