@gravity-ui/date-components 3.4.0 → 3.4.1

package/README.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date:</label>
+        <label htmlFor="date-picker">Date: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -37,7 +37,7 @@ root.render(<App />);
 import {settings} from '@gravity-ui/date-utils';
 
 // Load date locales that will be used in an application.
-settings.loadLocale('ru');
+await settings.loadLocale('ru');
 
 function App() {
   return (
@@ -45,7 +45,7 @@ function App() {
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Дата:</label>
+        <label htmlFor="date-picker">Дата: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -57,8 +57,7 @@ If the app supports language switching, preload all supported locales when the a
 
 ```jsx
 // Preload locales
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);

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

@@ -9,33 +9,32 @@ const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const cn_1 = require("../../../../utils/cn.js");
 const getButtonSizeForInput_1 = require("../../../utils/getButtonSizeForInput.js");
-const defaultPresets_1 = require("../Presets/defaultPresets.js");
 const i18n_1 = require("../Presets/i18n/index.js");
 require("./PickerDoc.css");
 const b = (0, cn_1.block)('relative-range-date-picker-doc');
 const data = [
     {
-        title: (0, jsx_runtime_1.jsx)(defaultPresets_1.PresetTitle, { title: "Last 5 minutes" }),
+        title: 'Last 5 minutes',
         from: 'now - 5m',
         to: 'now',
     },
     {
-        title: (0, jsx_runtime_1.jsx)(defaultPresets_1.PresetTitle, { title: "From start of day" }),
+        title: 'From start of day',
         from: 'now/d',
         to: 'now',
     },
     {
-        title: (0, jsx_runtime_1.jsx)(defaultPresets_1.PresetTitle, { title: "This week" }),
+        title: 'This week',
         from: 'now/w',
         to: 'now/w',
     },
     {
-        title: (0, jsx_runtime_1.jsx)(defaultPresets_1.PresetTitle, { title: "From start of week" }),
+        title: 'From start of week',
         from: 'now/w',
         to: 'now',
     },
     {
-        title: (0, jsx_runtime_1.jsx)(defaultPresets_1.PresetTitle, { title: "Previous month" }),
+        title: 'Previous month',
         from: 'now - 1M/M',
         to: 'now - 1M/M',
     },
@@ -49,6 +48,9 @@ function DocContent({ size, docs, onStartUpdate, onEndUpdate }) {
             name: () => {
                 return t('Range');
             },
+            template: (item) => {
+                return t(item.title);
+            },
         },
         {
             id: 'from',

package/dist/cjs/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/cjs/components/RelativeRangeDatePicker/components/Presets/Presets.js

@@ -39,6 +39,7 @@ exports.SIZE_TO_ITEM_HEIGHT = {
 };
 function PresetsList({ presets, onChoosePreset, size = 'm' }) {
     const ref = react_1.default.useRef(null);
+    const { t } = i18n_1.i18n.useTranslation();
     react_1.default.useEffect(() => {
         var _a, _b;
         const list = ref.current;
@@ -63,7 +64,7 @@ function PresetsList({ presets, onChoosePreset, size = 'm' }) {
         }
         return undefined;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.List, { ref: ref, className: b('list'), itemClassName: b('item'), items: presets, filterable: false, virtualized: false, renderItem: (item) => item.title, itemHeight: exports.SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
+    return ((0, jsx_runtime_1.jsx)(uikit_1.List, { ref: ref, className: b('list'), itemClassName: b('item'), items: presets, filterable: false, virtualized: false, renderItem: (item) => t(item.title), itemHeight: exports.SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
             onChoosePreset(item.from, item.to);
         } }));
 }

package/dist/cjs/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/cjs/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/cjs/components/RelativeRangeDatePicker/components/Presets/defaultPresets.js

@@ -1,142 +1,135 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allPresets = exports.DEFAULT_OTHERS_PRESETS = exports.DEFAULT_TIME_PRESETS = exports.DEFAULT_DATE_PRESETS = void 0;
-exports.PresetTitle = PresetTitle;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_1 = require("./i18n/index.js");
-function PresetTitle({ title, }) {
-    const { t } = i18n_1.i18n.useTranslation();
-    return t(title);
-}
 exports.DEFAULT_DATE_PRESETS = [
     {
         from: 'now-1d',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last day" }),
+        title: 'Last day',
     },
     {
         from: 'now-3d',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 days" }),
+        title: 'Last 3 days',
     },
     {
         from: 'now-1w',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last week" }),
+        title: 'Last week',
     },
     {
         from: 'now-1M',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last month" }),
+        title: 'Last month',
     },
     {
         from: 'now-3M',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 months" }),
+        title: 'Last 3 months',
     },
     {
         from: 'now-6M',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 6 months" }),
+        title: 'Last 6 months',
     },
     {
         from: 'now-1y',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last year" }),
+        title: 'Last year',
     },
     {
         from: 'now-3y',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 years" }),
+        title: 'Last 3 years',
     },
 ];
 exports.DEFAULT_TIME_PRESETS = [
     {
         from: 'now-5m',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 5 minutes" }),
+        title: 'Last 5 minutes',
     },
     {
         from: 'now-15m',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 15 minutes" }),
+        title: 'Last 15 minutes',
     },
     {
         from: 'now-30m',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 30 minutes" }),
+        title: 'Last 30 minutes',
     },
     {
         from: 'now-1h',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last hour" }),
+        title: 'Last hour',
     },
     {
         from: 'now-3h',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 hours" }),
+        title: 'Last 3 hours',
     },
     {
         from: 'now-6h',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 6 hours" }),
+        title: 'Last 6 hours',
     },
     {
         from: 'now-12h',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 12 hours" }),
+        title: 'Last 12 hours',
     },
 ];
 exports.DEFAULT_OTHERS_PRESETS = [
     {
         from: 'now/d',
         to: 'now/d',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Today" }),
+        title: 'Today',
     },
     {
         from: 'now-1d/d',
         to: 'now-1d/d',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Yesterday" }),
+        title: 'Yesterday',
     },
     {
         from: 'now-2d/d',
         to: 'now-2d/d',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Day before yesterday" }),
+        title: 'Day before yesterday',
     },
     {
         from: 'now/w',
         to: 'now/w',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This week" }),
+        title: 'This week',
     },
     {
         from: 'now/M',
         to: 'now/M',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This month" }),
+        title: 'This month',
     },
     {
         from: 'now/y',
         to: 'now/y',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This year" }),
+        title: 'This year',
     },
     {
         from: 'now/d',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of day" }),
+        title: 'From start of day',
     },
     {
         from: 'now/w',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of week" }),
+        title: 'From start of week',
     },
     {
         from: 'now/M',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of month" }),
+        title: 'From start of month',
     },
     {
         from: 'now/y',
         to: 'now',
-        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of year" }),
+        title: 'From start of year',
     },
 ];
 exports.allPresets = exports.DEFAULT_TIME_PRESETS.concat(exports.DEFAULT_DATE_PRESETS, exports.DEFAULT_OTHERS_PRESETS);

package/dist/cjs/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":"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","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":";;;AAca,QAAA,oBAAoB,GAAoB;IACjD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,UAAU;KACpB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,YAAY;KACtB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,eAAe;KACzB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,eAAe;KACzB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAEW,QAAA,oBAAoB,GAAoB;IACjD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,gBAAgB;KAC1B;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,iBAAiB;KAC3B;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,iBAAiB;KAC3B;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,cAAc;KACxB;IACD;QACI,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,cAAc;KACxB;IACD;QACI,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,eAAe;KACzB;CACJ,CAAC;AAEW,QAAA,sBAAsB,GAAoB;IACnD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,sBAAsB;KAChC;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,YAAY;KACtB;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,WAAW;KACrB;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,mBAAmB;KAC7B;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,oBAAoB;KAC9B;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,qBAAqB;KAC/B;IACD;QACI,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC;AAEW,QAAA,UAAU,GAAG,4BAAoB,CAAC,MAAM,CAAC,4BAAoB,EAAE,8BAAsB,CAAC,CAAC","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/cjs/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/cjs/components/RelativeRangeDatePicker/components/Presets/utils.js

@@ -31,7 +31,7 @@ function getPresetTitle(start, end, presets = defaultPresets_1.allPresets, t = i
     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/cjs/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/cjs/components/RelativeRangeDatePicker/utils.js

@@ -46,7 +46,7 @@ function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format = 'L',
     if (!alwaysShowAsAbsolute &&
         ((_e = value.start) === null || _e === void 0 ? void 0 : _e.type) === 'relative' &&
         ((_f = value.end) === null || _f === void 0 ? void 0 : _f.type) === 'relative') {
-        return `${(0, utils_1.getPresetTitle)(value.start.value, value.end.value, presets, presetsTranslations)}`;
+        return (0, utils_1.getPresetTitle)(value.start.value, value.end.value, presets, presetsTranslations);
     }
     const delimiter = ' — ';
     return `${from}${delimiter}${to}${tz}`;

package/dist/cjs/components/RelativeRangeDatePicker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":";;AASA,0CAMC;AAED,8CAOC;AAED,8CAEC;AAWD,0CA2CC;AAlFD,uDAA+D;AAM/D,6DAA+C;AAC/C,yDAA0D;AAE1D,SAAgB,eAAe,CAAC,QAAgB;IAC5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAClD,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,OAAO,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,CAAC;AAWD,SAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,GAAG,GAAG,EACZ,OAAO,EACP,mBAAmB,GAAG,WAAI,EAC1B,IAAI,GAAG,IAAI,GACO;;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAE7E,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI;YACA,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBACnB,CAAC,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,EAAE;YACE,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CACpE,MAAM,CACT,mCAAI,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,IACI,CAAC,oBAAoB;QACrB,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,UAAU;QAChC,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,MAAK,UAAU,EAChC,CAAC;QACC,OAAO,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,mBAAmB,CAAC,EAAE,CAAC;IACjG,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs) {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return `${getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations)}`;\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":";;AASA,0CAMC;AAED,8CAOC;AAED,8CAEC;AAWD,0CA2CC;AAlFD,uDAA+D;AAM/D,6DAA+C;AAC/C,yDAA0D;AAE1D,SAAgB,eAAe,CAAC,QAAgB;IAC5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAClD,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,OAAO,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,CAAC;AAWD,SAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,GAAG,GAAG,EACZ,OAAO,EACP,mBAAmB,GAAG,WAAI,EAC1B,IAAI,GAAG,IAAI,GACO;;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAE7E,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI;YACA,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBACnB,CAAC,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,EAAE;YACE,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CACpE,MAAM,CACT,mCAAI,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,IACI,CAAC,oBAAoB;QACrB,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,UAAU;QAChC,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,MAAK,UAAU,EAChC,CAAC;QACC,OAAO,IAAA,sBAAc,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAC5F,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs): string {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations);\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}

package/dist/cjs/package.json

@@ -1 +1 @@
-{"type":"commonjs","version":"3.4.0","sideEffects":["*.css","*.scss"]}
+{"type":"commonjs","version":"3.4.1","sideEffects":["*.css","*.scss"]}

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":"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","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/utils.js

@@ -40,7 +40,7 @@ export function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format
     if (!alwaysShowAsAbsolute &&
         ((_e = value.start) === null || _e === void 0 ? void 0 : _e.type) === 'relative' &&
         ((_f = value.end) === null || _f === void 0 ? void 0 : _f.type) === 'relative') {
-        return `${getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations)}`;
+        return getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations);
     }
     const delimiter = ' — ';
     return `${from}${delimiter}${to}${tz}`;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs) {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return `${getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations)}`;\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM/D,OAAO,EAAC,IAAI,EAAC,2CAAkC;AAC/C,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAE1D,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAClD,OAAO,QAAQ,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAgB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAgB;IAC9C,OAAO,OAAO,QAAQ,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,CAAC;AAWD,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,GAAG,GAAG,EACZ,OAAO,EACP,mBAAmB,GAAG,IAAI,EAC1B,IAAI,GAAG,IAAI,GACO;;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAE7E,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI;YACA,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBACnB,CAAC,CAAC,CAAC,MAAA,MAAA,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,EAAE;YACE,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,CAAC,MAAA,MAAA,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CACpE,MAAM,CACT,mCAAI,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,IACI,CAAC,oBAAoB;QACrB,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,UAAU;QAChC,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,MAAK,UAAU,EAChC,CAAC;QACC,OAAO,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAC5F,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs): string {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations);\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}

package/dist/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"3.4.0","sideEffects":["*.css","*.scss"]}
+{"type":"module","version":"3.4.1","sideEffects":["*.css","*.scss"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "",
   "license": "MIT",
   "type": "commonjs",
@@ -20,6 +20,13 @@
       }
     }
   },
+  "imports": {
+    "#*": [
+      "./*",
+      "./*.ts",
+      "./*.tsx"
+    ]
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -49,7 +56,13 @@
     "build": "gulp",
     "start": "storybook dev -p 7070",
     "build-storybook": "storybook build -c .storybook -o storybook-static",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "playwright:clear-cache": "rm -rf ./playwright/.cache",
+    "playwright:update": "npm run playwright -- -u",
+    "playwright": "playwright test -c playwright/playwright.config.ts",
+    "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
+    "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
+    "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache"
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
@@ -67,23 +80,25 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^5.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@storybook/addon-a11y": "9.1.7",
-    "@storybook/addon-docs": "^9.1.7",
-    "@storybook/addon-styling-webpack": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "9.1.7",
-    "@storybook/test-runner": "^0.23.0",
+    "@playwright/experimental-ct-react": "^1.56.1",
+    "@storybook/addon-a11y": "^10.0.8",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-styling-webpack": "^3.0.0",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/react-webpack5": "10.0.8",
+    "@storybook/test-runner": "^0.24.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
+    "@types/node": "^20.19.1",
     "@types/react": "^18.3.24",
     "@types/react-dom": "^18.3.7",
     "css-loader": "^7.1.2",
     "eslint": "^9.36.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-storybook": "9.1.7",
+    "eslint-plugin-storybook": "10.0.8",
     "eslint-plugin-testing-library": "^7.9.1",
     "globals": "^16.4.0",
     "gulp": "^5.0.1",
@@ -99,10 +114,9 @@
     "prettier": "^3.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rimraf": "^6.0.1",
     "sass": "^1.93.1",
     "sass-loader": "^16.0.5",
-    "storybook": "9.1.7",
+    "storybook": "10.0.8",
     "style-loader": "^4.0.0",
     "stylelint": "^16.24.0",
     "stylelint-use-logical": "^2.1.2",
@@ -111,8 +125,8 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^7.21.0",
     "@gravity-ui/date-utils": "^2.6.0",
+    "@gravity-ui/uikit": "^7.21.0",
     "@types/react": ">=17.0.0",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0"