@gravity-ui/date-components 3.4.2 → 4.0.0

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

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SIZE_TO_ITEM_HEIGHT = void 0;
 exports.Presets = Presets;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -12,17 +11,16 @@ const i18n_1 = require("./i18n/index.js");
 const utils_1 = require("./utils.js");
 require("./Presets.css");
 const b = (0, cn_1.block)('relative-range-date-picker-presets');
-function Presets({ className, size = 'm', minValue, withTime, onChoosePreset, presetTabs, }) {
-    var _a, _b;
+function Presets({ className, size = 'm', minValue, withTime, onChoosePreset, presetTabs, allowNullableValues, }) {
     const { t } = i18n_1.i18n.useTranslation();
     const tabs = react_1.default.useMemo(() => {
-        return (0, utils_1.filterPresetTabs)(presetTabs !== null && presetTabs !== void 0 ? presetTabs : (0, utils_1.getDefaultPresetTabs)({ withTime, t }), { minValue });
-    }, [withTime, minValue, presetTabs, t]);
-    const [activeTabId, setActiveTab] = react_1.default.useState((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.id);
+        return (0, utils_1.filterPresetTabs)(presetTabs ?? (0, utils_1.getDefaultPresetTabs)({ withTime, allowNullableValues, t }), { minValue, allowNullableValues });
+    }, [presetTabs, withTime, allowNullableValues, t, minValue]);
+    const [activeTabId, setActiveTab] = react_1.default.useState(tabs[0]?.id);
     if (tabs.length === 0) {
         return null;
     }
-    const activeTab = (_b = tabs.find((tab) => tab.id === activeTabId)) !== null && _b !== void 0 ? _b : tabs[0];
+    const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0];
     if (!activeTab) {
         return null;
     }
@@ -31,7 +29,7 @@ function Presets({ className, size = 'm', minValue, withTime, onChoosePreset, pr
     }
     return ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), children: (0, jsx_runtime_1.jsxs)(uikit_1.TabProvider, { value: activeTabId, onUpdate: setActiveTab, children: [(0, jsx_runtime_1.jsx)("div", { className: b('tabs'), children: (0, jsx_runtime_1.jsx)(uikit_1.TabList, { size: size === 's' ? 'm' : size, children: tabs.map(({ id, title }) => ((0, jsx_runtime_1.jsx)(uikit_1.Tab, { value: id, children: title }, id))) }) }), (0, jsx_runtime_1.jsx)(uikit_1.TabPanel, { className: b('content'), value: activeTabId, children: (0, jsx_runtime_1.jsx)(PresetsList, { presets: activeTab.presets, onChoosePreset: onChoosePreset, size: size }) })] }) }));
 }
-exports.SIZE_TO_ITEM_HEIGHT = {
+const SIZE_TO_ITEM_HEIGHT = {
     s: 28,
     m: 28,
     l: 32,
@@ -41,9 +39,8 @@ 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;
-        const container = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.refContainer.current) === null || _b === void 0 ? void 0 : _b.node;
+        const container = ref.current?.refContainer.current?.node;
         if (list && container) {
             try {
                 container.setAttribute('tabindex', '0');
@@ -58,13 +55,13 @@ function PresetsList({ presets, onChoosePreset, size = 'm' }) {
                     container.removeEventListener('focus', handleFocus);
                 };
             }
-            catch (_c) {
+            catch {
                 // Oooops
             }
         }
         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) => t(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: 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    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"]}
+{"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\ninterface PresetProps {\n    className?: string;\n    onChoosePreset: (start: string | null, end: string | null) => void;\n    withTime?: boolean;\n    minValue?: DateTime;\n    size?: 's' | 'm' | 'l' | 'xl';\n    presetTabs?: PresetTab[];\n    allowNullableValues?: boolean;\n}\nexport function Presets({\n    className,\n    size = 'm',\n    minValue,\n    withTime,\n    onChoosePreset,\n    presetTabs,\n    allowNullableValues,\n}: PresetProps) {\n    const {t} = i18n.useTranslation();\n    const tabs = React.useMemo(() => {\n        return filterPresetTabs(\n            presetTabs ?? getDefaultPresetTabs({withTime, allowNullableValues, t}),\n            {minValue, allowNullableValues},\n        );\n    }, [presetTabs, withTime, allowNullableValues, t, minValue]);\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}\nconst 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 | null, end: string | null) => 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,7 +1,7 @@
 import type { i18n } from "./i18n/index.js";
 export interface Preset {
-    from: string;
-    to: string;
+    from: string | null;
+    to: string | null;
     title: string;
 }
 export interface DefaultPreset {

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":";;;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"]}
+{"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 | null;\n    to: string | null;\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,18 +2,23 @@ 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>): string;
-export declare function filterPresets(presets: Preset[], minValue?: DateTime): Preset[];
+export declare function getPresetTitle(start: string | null, end: string | null, presets?: Preset[], t?: ExtractFunctionType<typeof i18n>): string;
+export declare function filterPresetList(presets: Preset[], { minValue, allowNullableValues }?: {
+    minValue?: DateTime;
+    allowNullableValues?: boolean;
+}): Preset[];
 export interface PresetTab {
     id: string;
     title: string;
     presets: Preset[];
 }
-export declare function getDefaultPresetTabs({ withTime, minValue, t, }: {
+export declare function getDefaultPresetTabs({ withTime, minValue, allowNullableValues, t, }: {
     minValue?: DateTime;
     withTime?: boolean;
+    allowNullableValues?: boolean;
     t?: (key: 'Main' | 'Other') => string;
 }): PresetTab[];
-export declare function filterPresetTabs(tabs: PresetTab[], { minValue }?: {
+export declare function filterPresetTabs(tabs: PresetTab[], { minValue, allowNullableValues }?: {
     minValue?: DateTime;
+    allowNullableValues?: boolean;
 }): PresetTab[];

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPresetTitle = getPresetTitle;
-exports.filterPresets = filterPresets;
+exports.filterPresetList = filterPresetList;
 exports.getDefaultPresetTabs = getDefaultPresetTabs;
 exports.filterPresetTabs = filterPresetTabs;
 const date_utils_1 = require("@gravity-ui/date-utils");
@@ -27,14 +27,20 @@ const countUnit = {
     y: 'Last {count} year',
 };
 function getPresetTitle(start, end, presets = defaultPresets_1.allPresets, t = i18n_1.i18n) {
-    const startText = start.replace(/\s+/g, '');
-    const endText = end.replace(/\s+/g, '');
+    const startText = start?.replace(/\s+/g, '') ?? start;
+    const endText = end?.replace(/\s+/g, '') ?? end;
     for (const preset of presets) {
         if (preset.from === startText && preset.to === endText) {
             return t(preset.title);
         }
     }
-    if (end === 'now') {
+    if (!startText) {
+        return `${t('To')}: ${endText}`;
+    }
+    if (!endText) {
+        return `${t('From')}: ${startText}`;
+    }
+    if (endText === 'now') {
         const match = lastRe.exec(startText);
         if (match) {
             const [, count, unit] = match;
@@ -49,23 +55,25 @@ function getPresetTitle(start, end, presets = defaultPresets_1.allPresets, t = i
 function isDateUnit(value) {
     return ['s', 'm', 'h', 'd', 'w', 'M', 'y'].includes(value);
 }
-function filterPresets(presets, minValue) {
+function filterPresetList(presets, { minValue, allowNullableValues } = {}) {
     return presets.filter((preset) => {
-        const from = (0, date_utils_1.dateTimeParse)(preset.from);
-        const to = (0, date_utils_1.dateTimeParse)(preset.to, { roundUp: true });
-        if (!from || !to) {
+        const from = preset.from ? (0, date_utils_1.dateTimeParse)(preset.from) : undefined;
+        const to = preset.to ? (0, date_utils_1.dateTimeParse)(preset.to, { roundUp: true }) : undefined;
+        const hasNullableFrom = allowNullableValues && preset.from === null;
+        const hasNullableTo = allowNullableValues && preset.to === null;
+        if ((!from && !hasNullableFrom) || (!to && !hasNullableTo)) {
             return false;
         }
-        if (to.isBefore(from)) {
+        if (to?.isBefore(from)) {
             return false;
         }
-        if (minValue && from.isBefore(minValue)) {
+        if (minValue && from?.isBefore(minValue)) {
             return false;
         }
         return true;
     });
 }
-function getDefaultPresetTabs({ withTime, minValue, t = i18n_1.i18n, }) {
+function getDefaultPresetTabs({ withTime, minValue, allowNullableValues, t = i18n_1.i18n, }) {
     const tabs = [];
     const mainTab = {
         id: 'main',
@@ -76,25 +84,28 @@ function getDefaultPresetTabs({ withTime, minValue, t = i18n_1.i18n, }) {
     if (withTime) {
         mainPresets.unshift(...defaultPresets_1.DEFAULT_TIME_PRESETS);
     }
-    mainTab.presets = filterPresets(mainPresets, minValue);
+    mainTab.presets = filterPresetList(mainPresets, { minValue, allowNullableValues });
     if (mainTab.presets.length > 0) {
         tabs.push(mainTab);
     }
     const otherTab = {
         id: 'other',
         title: t('Other'),
-        presets: filterPresets(defaultPresets_1.DEFAULT_OTHERS_PRESETS, minValue),
+        presets: filterPresetList(defaultPresets_1.DEFAULT_OTHERS_PRESETS, { minValue, allowNullableValues }),
     };
     if (otherTab.presets.length > 0) {
         tabs.push(otherTab);
     }
     return tabs;
 }
-function filterPresetTabs(tabs, { minValue } = {}) {
+function filterPresetTabs(tabs, { minValue, allowNullableValues } = {}) {
     return tabs.reduce((acc, tab) => {
-        const presets = filterPresets(tab.presets, minValue);
+        const presets = filterPresetList(tab.presets, { minValue, allowNullableValues });
         if (presets.length) {
-            acc.push(Object.assign(Object.assign({}, tab), { presets }));
+            acc.push({
+                ...tab,
+                presets,
+            });
         }
         return acc;
     }, []);

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":";;AAoCA,wCA2BC;AAMD,sCAmBC;AAQD,oDAqCC;AAED,4CAWC;AAlJD,uDAAqD;AAKrD,wDAK0B;AAE1B,0CAA4B;AAE5B,MAAM,MAAM,GAAG,wBAAwB,CAAC;AAExC,MAAM,OAAO,GAAG;IACZ,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,WAAW;CACR,CAAC;AAEX,MAAM,SAAS,GAAG;IACd,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,oBAAoB;IACvB,CAAC,EAAE,mBAAmB;CAChB,CAAC;AAEX,SAAgB,cAAc,CAC1B,KAAa,EACb,GAAW,EACX,UAAoB,2BAAU,EAC9B,IAAsC,WAAI;IAE1C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAExC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC3B,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;YACrD,OAAO,CAAC,CAAC,MAAM,CAAC,KAAY,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAChB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;YAC9B,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACvE,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;AACvC,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC7B,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC/D,CAAC;AAED,SAAgB,aAAa,CAAC,OAAiB,EAAE,QAAmB;IAChE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAG,IAAA,0BAAa,EAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,EAAE,GAAG,IAAA,0BAAa,EAAC,MAAM,CAAC,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAErD,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACpB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtC,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;AACP,CAAC;AAQD,SAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,CAAC,GAAG,WAAI,GAKX;IACG,MAAM,IAAI,GAAgB,EAAE,CAAC;IAE7B,MAAM,OAAO,GAAc;QACvB,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;QAChB,OAAO,EAAE,EAAE;KACd,CAAC;IACF,MAAM,WAAW,GAAG,qCAAoB,CAAC;IACzC,IAAI,QAAQ,EAAE,CAAC;QACX,WAAW,CAAC,OAAO,CAAC,GAAG,qCAAoB,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAEvD,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,MAAM,QAAQ,GAAc;QACxB,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;QACjB,OAAO,EAAE,aAAa,CAAC,uCAAsB,EAAE,QAAQ,CAAC;KAC3D,CAAC;IAEF,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,SAAgB,gBAAgB,CAAC,IAAiB,EAAE,EAAC,QAAQ,KAA2B,EAAE;IACtF,OAAO,IAAI,CAAC,MAAM,CAAc,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACzC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACrD,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,GAAG,CAAC,IAAI,iCACD,GAAG,KACN,OAAO,IACT,CAAC;QACP,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","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"]}
+{"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 | null,\n    end: string | null,\n    presets: Preset[] = allPresets,\n    t: ExtractFunctionType<typeof i18n> = i18n,\n): string {\n    const startText = start?.replace(/\\s+/g, '') ?? start;\n    const endText = end?.replace(/\\s+/g, '') ?? end;\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    if (!startText) {\n        return `${t('To')}: ${endText}`;\n    }\n    if (!endText) {\n        return `${t('From')}: ${startText}`;\n    }\n\n    if (endText === '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 filterPresetList(\n    presets: Preset[],\n    {minValue, allowNullableValues}: {minValue?: DateTime; allowNullableValues?: boolean} = {},\n) {\n    return presets.filter((preset) => {\n        const from = preset.from ? dateTimeParse(preset.from) : undefined;\n        const to = preset.to ? dateTimeParse(preset.to, {roundUp: true}) : undefined;\n\n        const hasNullableFrom = allowNullableValues && preset.from === null;\n        const hasNullableTo = allowNullableValues && preset.to === null;\n\n        if ((!from && !hasNullableFrom) || (!to && !hasNullableTo)) {\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    allowNullableValues,\n    t = i18n,\n}: {\n    minValue?: DateTime;\n    withTime?: boolean;\n    allowNullableValues?: 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 = filterPresetList(mainPresets, {minValue, allowNullableValues});\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: filterPresetList(DEFAULT_OTHERS_PRESETS, {minValue, allowNullableValues}),\n    };\n\n    if (otherTab.presets.length > 0) {\n        tabs.push(otherTab);\n    }\n\n    return tabs;\n}\n\nexport function filterPresetTabs(\n    tabs: PresetTab[],\n    {minValue, allowNullableValues}: {minValue?: DateTime; allowNullableValues?: boolean} = {},\n) {\n    return tabs.reduce<PresetTab[]>((acc, tab) => {\n        const presets = filterPresetList(tab.presets, {minValue, allowNullableValues});\n        if (presets.length) {\n            acc.push({\n                ...tab,\n                presets,\n            });\n        }\n        return acc;\n    }, []);\n}\n"]}

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.d.ts

@@ -1,9 +1,9 @@
 import "./Zones.css";
-export interface ZonesProps {
+interface ZonesProps {
     value: string;
     onUpdate: (timeZone: string) => void;
     size?: 's' | 'm' | 'l' | 'xl';
-    isMobile?: boolean;
     disabled?: boolean;
 }
-export declare function Zones(props: ZonesProps): import("react/jsx-runtime").JSX.Element;
+export declare function Zones(props: ZonesProps): import("react").JSX.Element;
+export {};

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.js

@@ -36,18 +36,17 @@ zones.unshift({
 const b = (0, cn_1.block)('relative-range-date-picker-zones');
 function Zones(props) {
     const timeZone = (0, utils_1.normalizeTimeZone)(props.value);
-    const size = props.isMobile ? 'xl' : props.size;
     const { t } = i18n_1.i18n.useTranslation();
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { disabled: props.disabled, value: [timeZone], options: zones, size: size, onUpdate: (v) => {
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { disabled: props.disabled, value: [timeZone], options: zones, size: props.size, onUpdate: (v) => {
             const tz = v[0];
             if (tz) {
                 props.onUpdate(tz);
             }
         }, width: "max", renderControl: (controlProps) => {
             const value = timeZone === 'system' || timeZone === 'default' ? t(timeZone) : timeZone;
-            return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { ref: controlProps.ref, onClick: controlProps.triggerProps.onClick, view: "flat-secondary", width: "max", pin: "clear-clear", size: size, disabled: props.disabled, "aria-haspopup": "listbox", "aria-expanded": controlProps.open, onKeyDown: controlProps.triggerProps.onKeyDown, className: b('control'), children: [`${value} (${(0, utils_1.getTimeZoneOffset)(timeZone)})`, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('control-icon'), data: icons_1.ChevronRight, size: props.isMobile ? 20 : 16 })] }));
+            return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { ref: controlProps.ref, onClick: controlProps.triggerProps.onClick, view: "flat-secondary", width: "max", pin: "clear-clear", size: props.size, disabled: props.disabled, "aria-haspopup": "listbox", "aria-expanded": controlProps.open, onKeyDown: controlProps.triggerProps.onKeyDown, className: b('control'), children: [`${value} (${(0, utils_1.getTimeZoneOffset)(timeZone)})`, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('control-icon'), data: icons_1.ChevronRight, size: props.size === 'xl' ? 20 : 16 })] }));
         }, renderOption: ({ value, content }) => {
-            const v = content !== null && content !== void 0 ? content : value;
+            const v = content ?? value;
             return ((0, jsx_runtime_1.jsxs)("span", { className: b('item'), children: [(0, jsx_runtime_1.jsxs)("span", { className: b('item-title'), title: value, children: [value === 'system' || value === 'default' ? t(value) : v, "\u00A0"] }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { color: "secondary", children: (0, utils_1.getTimeZoneOffset)(value) })] }));
         }, filterable: true }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Zones.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Zones/Zones.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport {getTimeZonesList} from '@gravity-ui/date-utils';\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Button, Icon, Select, Text} from '@gravity-ui/uikit';\nimport type {SelectOption, SelectOptionGroup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getTimeZoneOffset, normalizeTimeZone} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Zones.scss';\n\nconst groups: Record<string, {label: string; options: SelectOption[]}> = {};\n\nconst zones = getTimeZonesList().reduce<(SelectOption | SelectOptionGroup)[]>((opts, value) => {\n    const [groupName] = value.split('/');\n    if (groupName) {\n        let group = groups[groupName];\n        if (!group) {\n            group = {label: groupName, options: []};\n            groups[groupName] = group;\n            opts.push(group);\n        }\n        group.options.push({value});\n    }\n    return opts;\n}, []);\n\nzones.unshift({\n    value: 'UTC',\n});\n\nzones.unshift({\n    value: 'system',\n});\n\nzones.unshift({\n    value: 'default',\n});\n\nconst b = block('relative-range-date-picker-zones');\n\nexport interface ZonesProps {\n    value: string;\n    onUpdate: (timeZone: string) => void;\n    size?: 's' | 'm' | 'l' | 'xl';\n    isMobile?: boolean;\n    disabled?: boolean;\n}\n\nexport function Zones(props: ZonesProps) {\n    const timeZone = normalizeTimeZone(props.value);\n    const size = props.isMobile ? 'xl' : props.size;\n    const {t} = i18n.useTranslation();\n    return (\n        <Select\n            disabled={props.disabled}\n            value={[timeZone]}\n            options={zones}\n            size={size}\n            onUpdate={(v) => {\n                const tz = v[0];\n                if (tz) {\n                    props.onUpdate(tz);\n                }\n            }}\n            width=\"max\"\n            renderControl={(controlProps) => {\n                const value =\n                    timeZone === 'system' || timeZone === 'default' ? t(timeZone) : timeZone;\n                return (\n                    <Button\n                        ref={controlProps.ref as React.Ref<HTMLButtonElement>}\n                        onClick={controlProps.triggerProps.onClick}\n                        view=\"flat-secondary\"\n                        width=\"max\"\n                        pin=\"clear-clear\"\n                        size={size}\n                        disabled={props.disabled}\n                        aria-haspopup=\"listbox\"\n                        aria-expanded={controlProps.open}\n                        onKeyDown={controlProps.triggerProps.onKeyDown}\n                        className={b('control')}\n                    >\n                        {`${value} (${getTimeZoneOffset(timeZone)})`}\n                        <Icon\n                            className={b('control-icon')}\n                            data={ChevronRight}\n                            size={props.isMobile ? 20 : 16}\n                        />\n                    </Button>\n                );\n            }}\n            renderOption={({value, content}) => {\n                const v = content ?? value;\n                return (\n                    <span className={b('item')}>\n                        <span className={b('item-title')} title={value}>\n                            {value === 'system' || value === 'default' ? t(value) : v}&nbsp;\n                        </span>\n                        <Text color=\"secondary\">{getTimeZoneOffset(value)}</Text>\n                    </span>\n                );\n            }}\n            filterable\n        />\n    );\n}\n"]}
+{"version":3,"file":"Zones.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Zones/Zones.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport {getTimeZonesList} from '@gravity-ui/date-utils';\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Button, Icon, Select, Text} from '@gravity-ui/uikit';\nimport type {SelectOption, SelectOptionGroup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getTimeZoneOffset, normalizeTimeZone} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Zones.scss';\n\nconst groups: Record<string, {label: string; options: SelectOption[]}> = {};\n\nconst zones = getTimeZonesList().reduce<(SelectOption | SelectOptionGroup)[]>((opts, value) => {\n    const [groupName] = value.split('/');\n    if (groupName) {\n        let group = groups[groupName];\n        if (!group) {\n            group = {label: groupName, options: []};\n            groups[groupName] = group;\n            opts.push(group);\n        }\n        group.options.push({value});\n    }\n    return opts;\n}, []);\n\nzones.unshift({\n    value: 'UTC',\n});\n\nzones.unshift({\n    value: 'system',\n});\n\nzones.unshift({\n    value: 'default',\n});\n\nconst b = block('relative-range-date-picker-zones');\n\ninterface ZonesProps {\n    value: string;\n    onUpdate: (timeZone: string) => void;\n    size?: 's' | 'm' | 'l' | 'xl';\n    disabled?: boolean;\n}\n\nexport function Zones(props: ZonesProps) {\n    const timeZone = normalizeTimeZone(props.value);\n    const {t} = i18n.useTranslation();\n    return (\n        <Select\n            disabled={props.disabled}\n            value={[timeZone]}\n            options={zones}\n            size={props.size}\n            onUpdate={(v) => {\n                const tz = v[0];\n                if (tz) {\n                    props.onUpdate(tz);\n                }\n            }}\n            width=\"max\"\n            renderControl={(controlProps) => {\n                const value =\n                    timeZone === 'system' || timeZone === 'default' ? t(timeZone) : timeZone;\n                return (\n                    <Button\n                        ref={controlProps.ref as React.Ref<HTMLButtonElement>}\n                        onClick={controlProps.triggerProps.onClick}\n                        view=\"flat-secondary\"\n                        width=\"max\"\n                        pin=\"clear-clear\"\n                        size={props.size}\n                        disabled={props.disabled}\n                        aria-haspopup=\"listbox\"\n                        aria-expanded={controlProps.open}\n                        onKeyDown={controlProps.triggerProps.onKeyDown}\n                        className={b('control')}\n                    >\n                        {`${value} (${getTimeZoneOffset(timeZone)})`}\n                        <Icon\n                            className={b('control-icon')}\n                            data={ChevronRight}\n                            size={props.size === 'xl' ? 20 : 16}\n                        />\n                    </Button>\n                );\n            }}\n            renderOption={({value, content}) => {\n                const v = content ?? value;\n                return (\n                    <span className={b('item')}>\n                        <span className={b('item-title')} title={value}>\n                            {value === 'system' || value === 'default' ? t(value) : v}&nbsp;\n                        </span>\n                        <Text color=\"secondary\">{getTimeZoneOffset(value)}</Text>\n                    </span>\n                );\n            }}\n            filterable\n        />\n    );\n}\n"]}

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.js

@@ -7,9 +7,8 @@ const uikit_1 = require("@gravity-ui/uikit");
 const i18n_1 = require("../../utils/validation/i18n/index.js");
 const relativeRangeDatePicker_1 = require("../../utils/validation/relativeRangeDatePicker.js");
 function useRelativeRangeDatePickerState(props) {
-    var _a, _b;
-    const [value, setValue] = (0, uikit_1.useControlledState)(props.value, (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null);
-    const [timeZone, setTimeZone] = (0, uikit_1.useControlledState)(props.timeZone, (_b = props.defaultTimeZone) !== null && _b !== void 0 ? _b : 'default', props.onUpdateTimeZone);
+    const [value, setValue] = (0, uikit_1.useControlledState)(props.value, props.defaultValue ?? null);
+    const [timeZone, setTimeZone] = (0, uikit_1.useControlledState)(props.timeZone, props.defaultTimeZone ?? 'default', props.onUpdateTimeZone);
     const { t } = i18n_1.i18n.useTranslation();
     const validation = react_1.default.useMemo(() => (0, relativeRangeDatePicker_1.getRangeValidationResult)(value, props.allowNullableValues, props.minValue, props.maxValue, props.isDateUnavailable, timeZone, t), [
         value,
@@ -20,15 +19,17 @@ function useRelativeRangeDatePickerState(props) {
         timeZone,
         t,
     ]);
-    return Object.assign({ value,
+    return {
+        value,
         timeZone,
         setValue(v, tz) {
-            var _a;
             setValue(v);
             setTimeZone(tz);
             if (value !== v || (value && timeZone !== tz)) {
-                (_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, v, tz);
+                props.onUpdate?.(v, tz);
             }
-        } }, validation);
+        },
+        ...validation,
+    };
 }
 //# sourceMappingURL=useRelativeRangeDatePickerState.js.map

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRelativeRangeDatePickerState.js","sourceRoot":"../../../../../src","sources":["components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.ts"],"names":[],"mappings":";;AAoCA,0EA8CC;;AAlFD,0DAA0B;AAG1B,6CAAqD;AAIrD,+DAAiD;AACjD,+FAAwF;AA4BxF,SAAgB,+BAA+B,CAC3C,KAA0C;;IAE1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,0BAAkB,EAAC,KAAK,CAAC,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,IAAI,CAAC,CAAC;IAEtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,0BAAkB,EAC9C,KAAK,CAAC,QAAQ,EACd,MAAA,KAAK,CAAC,eAAe,mCAAI,SAAS,EAClC,KAAK,CAAC,gBAAgB,CACzB,CAAC;IAEF,MAAM,EAAC,CAAC,EAAC,GAAG,WAAI,CAAC,cAAc,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CACD,IAAA,kDAAwB,EACpB,KAAK,EACL,KAAK,CAAC,mBAAmB,EACzB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,iBAAiB,EACvB,QAAQ,EACR,CAAC,CACJ,EACL;QACI,KAAK;QACL,KAAK,CAAC,mBAAmB;QACzB,KAAK,CAAC,iBAAiB;QACvB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACd,QAAQ;QACR,CAAC;KACJ,CACJ,CAAC;IAEF,uBACI,KAAK;QACL,QAAQ;QACR,QAAQ,CAAC,CAAC,EAAE,EAAE;;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,QAAQ,KAAK,EAAE,CAAC,EAAE,CAAC;gBAC5C,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,EAAE,EAAE,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC,IACE,UAAU,EACf;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {Value} from '../../RelativeDatePicker';\nimport type {RangeValue} from '../../types';\nimport {i18n} from '../../utils/validation/i18n';\nimport {getRangeValidationResult} from '../../utils/validation/relativeRangeDatePicker';\n\nexport type RelativeRangeDatePickerValue = RangeValue<Value | null>;\n\nexport interface RelativeRangeDatePickerState {\n    value: RelativeRangeDatePickerValue | null;\n    timeZone: string;\n    setValue: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    isInvalid: boolean;\n    errors: string[];\n}\n\nexport interface RelativeRangeDatePickerStateOptions {\n    value?: RelativeRangeDatePickerValue | null;\n    defaultValue?: RelativeRangeDatePickerValue;\n    onUpdate?: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    timeZone?: string;\n    defaultTimeZone?: string;\n    onUpdateTimeZone?: (timeZone: string) => void;\n    /** The minimum allowed date that a user may select. */\n    minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    maxValue?: DateTime;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime, endpoint: 'start' | 'end') => boolean;\n    allowNullableValues?: boolean;\n}\n\nexport function useRelativeRangeDatePickerState(\n    props: RelativeRangeDatePickerStateOptions,\n): RelativeRangeDatePickerState {\n    const [value, setValue] = useControlledState(props.value, props.defaultValue ?? null);\n\n    const [timeZone, setTimeZone] = useControlledState(\n        props.timeZone,\n        props.defaultTimeZone ?? 'default',\n        props.onUpdateTimeZone,\n    );\n\n    const {t} = i18n.useTranslation();\n    const validation = React.useMemo(\n        () =>\n            getRangeValidationResult(\n                value,\n                props.allowNullableValues,\n                props.minValue,\n                props.maxValue,\n                props.isDateUnavailable,\n                timeZone,\n                t,\n            ),\n        [\n            value,\n            props.allowNullableValues,\n            props.isDateUnavailable,\n            props.maxValue,\n            props.minValue,\n            timeZone,\n            t,\n        ],\n    );\n\n    return {\n        value,\n        timeZone,\n        setValue(v, tz) {\n            setValue(v);\n            setTimeZone(tz);\n            if (value !== v || (value && timeZone !== tz)) {\n                props.onUpdate?.(v, tz);\n            }\n        },\n        ...validation,\n    };\n}\n"]}
+{"version":3,"file":"useRelativeRangeDatePickerState.js","sourceRoot":"../../../../../src","sources":["components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.ts"],"names":[],"mappings":";;AAoCA,0EA8CC;;AAlFD,0DAA0B;AAG1B,6CAAqD;AAIrD,+DAAiD;AACjD,+FAAwF;AA4BxF,SAAgB,+BAA+B,CAC3C,KAA0C;IAE1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,0BAAkB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;IAEtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,0BAAkB,EAC9C,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,eAAe,IAAI,SAAS,EAClC,KAAK,CAAC,gBAAgB,CACzB,CAAC;IAEF,MAAM,EAAC,CAAC,EAAC,GAAG,WAAI,CAAC,cAAc,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CACD,IAAA,kDAAwB,EACpB,KAAK,EACL,KAAK,CAAC,mBAAmB,EACzB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,iBAAiB,EACvB,QAAQ,EACR,CAAC,CACJ,EACL;QACI,KAAK;QACL,KAAK,CAAC,mBAAmB;QACzB,KAAK,CAAC,iBAAiB;QACvB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACd,QAAQ;QACR,CAAC;KACJ,CACJ,CAAC;IAEF,OAAO;QACH,KAAK;QACL,QAAQ;QACR,QAAQ,CAAC,CAAC,EAAE,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,QAAQ,KAAK,EAAE,CAAC,EAAE,CAAC;gBAC5C,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC;QACD,GAAG,UAAU;KAChB,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {Value} from '../../RelativeDatePicker';\nimport type {RangeValue} from '../../types';\nimport {i18n} from '../../utils/validation/i18n';\nimport {getRangeValidationResult} from '../../utils/validation/relativeRangeDatePicker';\n\nexport type RelativeRangeDatePickerValue = RangeValue<Value | null>;\n\nexport interface RelativeRangeDatePickerState {\n    value: RelativeRangeDatePickerValue | null;\n    timeZone: string;\n    setValue: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    isInvalid: boolean;\n    errors: string[];\n}\n\nexport interface RelativeRangeDatePickerStateOptions {\n    value?: RelativeRangeDatePickerValue | null;\n    defaultValue?: RelativeRangeDatePickerValue;\n    onUpdate?: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    timeZone?: string;\n    defaultTimeZone?: string;\n    onUpdateTimeZone?: (timeZone: string) => void;\n    /** The minimum allowed date that a user may select. */\n    minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    maxValue?: DateTime;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime, endpoint: 'start' | 'end') => boolean;\n    allowNullableValues?: boolean;\n}\n\nexport function useRelativeRangeDatePickerState(\n    props: RelativeRangeDatePickerStateOptions,\n): RelativeRangeDatePickerState {\n    const [value, setValue] = useControlledState(props.value, props.defaultValue ?? null);\n\n    const [timeZone, setTimeZone] = useControlledState(\n        props.timeZone,\n        props.defaultTimeZone ?? 'default',\n        props.onUpdateTimeZone,\n    );\n\n    const {t} = i18n.useTranslation();\n    const validation = React.useMemo(\n        () =>\n            getRangeValidationResult(\n                value,\n                props.allowNullableValues,\n                props.minValue,\n                props.maxValue,\n                props.isDateUnavailable,\n                timeZone,\n                t,\n            ),\n        [\n            value,\n            props.allowNullableValues,\n            props.isDateUnavailable,\n            props.maxValue,\n            props.minValue,\n            timeZone,\n            t,\n        ],\n    );\n\n    return {\n        value,\n        timeZone,\n        setValue(v, tz) {\n            setValue(v);\n            setTimeZone(tz);\n            if (value !== v || (value && timeZone !== tz)) {\n                props.onUpdate?.(v, tz);\n            }\n        },\n        ...validation,\n    };\n}\n"]}

package/dist/cjs/components/RelativeRangeDatePicker/utils.d.ts

@@ -2,17 +2,17 @@ import type { Value } from "../RelativeDatePicker/index.js";
 import type { ExtractFunctionType, RangeValue } from "../types/index.js";
 import type { Preset } from "./components/Presets/defaultPresets.js";
 import { i18n } from "./components/Presets/i18n/index.js";
-export declare function resolveTimeZone(timeZone: string): string;
 export declare function normalizeTimeZone(timeZone: string): string;
 export declare function getTimeZoneOffset(timeZone: string): string;
 interface GetDefaultTitleArgs {
     value: RangeValue<Value | null> | null;
     timeZone: string;
     alwaysShowAsAbsolute?: boolean;
+    allowNullableValues?: boolean;
     format?: string;
     presets?: Preset[];
     presetsTranslations?: ExtractFunctionType<typeof i18n>;
     lang?: string;
 }
-export declare function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format, presets, presetsTranslations, lang, }: GetDefaultTitleArgs): string;
+export declare function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, allowNullableValues, format, presets, presetsTranslations, lang, }: GetDefaultTitleArgs): string;
 export {};

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveTimeZone = resolveTimeZone;
 exports.normalizeTimeZone = normalizeTimeZone;
 exports.getTimeZoneOffset = getTimeZoneOffset;
 exports.getDefaultTitle = getDefaultTitle;
@@ -23,8 +22,25 @@ function normalizeTimeZone(timeZone) {
 function getTimeZoneOffset(timeZone) {
     return `UTC ${(0, date_utils_1.dateTime)({ timeZone }).format('Z')}`;
 }
-function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format = 'L', presets, presetsTranslations = i18n_1.i18n, lang = 'en', }) {
-    var _a, _b, _c, _d, _e, _f;
+const isPresetValue = (value, allowNullableValues) => {
+    if (!value || value.start?.type === 'absolute' || value.end?.type === 'absolute') {
+        return null;
+    }
+    if (!allowNullableValues && (value.start === null || value.end === null)) {
+        // we can't get here with no nullable values allowed but just in case...
+        return null;
+    }
+    let start = null;
+    let end = null;
+    if (value.start?.type === 'relative') {
+        start = value.start.value;
+    }
+    if (value.end?.type === 'relative') {
+        end = value.end.value;
+    }
+    return { start, end };
+};
+function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, allowNullableValues, format = 'L', presets, presetsTranslations = i18n_1.i18n, lang = 'en', }) {
     if (!value) {
         return '';
     }
@@ -34,19 +50,26 @@ function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format = 'L',
         from =
             value.start.type === 'relative' && !alwaysShowAsAbsolute
                 ? value.start.value
-                : ((_b = (_a = (0, date_utils_1.dateTimeParse)(value.start.value, { timeZone, lang })) === null || _a === void 0 ? void 0 : _a.format(format)) !== null && _b !== void 0 ? _b : '');
+                : ((0, date_utils_1.dateTimeParse)(value.start.value, { timeZone, lang })?.format(format) ?? '');
     }
     let to = '';
     if (value.end) {
         to =
             value.end.type === 'relative' && !alwaysShowAsAbsolute
                 ? value.end.value
-                : ((_d = (_c = (0, date_utils_1.dateTimeParse)(value.end.value, { timeZone, roundUp: true, lang })) === null || _c === void 0 ? void 0 : _c.format(format)) !== null && _d !== void 0 ? _d : '');
+                : ((0, date_utils_1.dateTimeParse)(value.end.value, { timeZone, roundUp: true, lang })?.format(format) ?? '');
+    }
+    const presetSearch = isPresetValue(value, allowNullableValues);
+    if (!alwaysShowAsAbsolute && presetSearch) {
+        return (0, utils_1.getPresetTitle)(presetSearch.start, presetSearch.end, presets, presetsTranslations);
     }
-    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);
+    if (allowNullableValues) {
+        if (!from) {
+            return `${presetsTranslations('To')}: ${to}${tz}`;
+        }
+        if (!to) {
+            return `${presetsTranslations('From')}: ${from}${tz}`;
+        }
     }
     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,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"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":";;AAiBA,8CAOC;AAED,8CAEC;AA+BD,0CAkDC;AA7GD,uDAA+D;AAM/D,6DAA+C;AAC/C,yDAA0D;AAE1D,SAAS,eAAe,CAAC,QAAgB;IACrC,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;AAaD,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,mBAA6B,EAAE,EAAE;IAC5F,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/E,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,CAAC,mBAAmB,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,EAAE,CAAC;QACvE,wEAAwE;QACxE,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,GAAG,GAAG,IAAI,CAAC;IACf,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;QACnC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9B,CAAC;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;QACjC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B,CAAC;IACD,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,CAAC;AACxB,CAAC,CAAC;AACF,SAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,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,IAAA,0BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,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,IAAA,0BAAa,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,MAAM,CACpE,MAAM,CACT,IAAI,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;IAC/D,IAAI,CAAC,oBAAoB,IAAI,YAAY,EAAE,CAAC;QACxC,OAAO,IAAA,sBAAc,EAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAC9F,CAAC;IAED,IAAI,mBAAmB,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;QACtD,CAAC;QACD,IAAI,CAAC,EAAE,EAAE,CAAC;YACN,OAAO,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,EAAE,CAAC;QAC1D,CAAC;IACL,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\nfunction 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    allowNullableValues?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\n\nconst isPresetValue = (value: RangeValue<Value | null> | null, allowNullableValues?: boolean) => {\n    if (!value || value.start?.type === 'absolute' || value.end?.type === 'absolute') {\n        return null;\n    }\n    if (!allowNullableValues && (value.start === null || value.end === null)) {\n        // we can't get here with no nullable values allowed but just in case...\n        return null;\n    }\n    let start = null;\n    let end = null;\n    if (value.start?.type === 'relative') {\n        start = value.start.value;\n    }\n    if (value.end?.type === 'relative') {\n        end = value.end.value;\n    }\n    return {start, end};\n};\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    allowNullableValues,\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    const presetSearch = isPresetValue(value, allowNullableValues);\n    if (!alwaysShowAsAbsolute && presetSearch) {\n        return getPresetTitle(presetSearch.start, presetSearch.end, presets, presetsTranslations);\n    }\n\n    if (allowNullableValues) {\n        if (!from) {\n            return `${presetsTranslations('To')}: ${to}${tz}`;\n        }\n        if (!to) {\n            return `${presetsTranslations('From')}: ${from}${tz}`;\n        }\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}

package/dist/cjs/components/utils/constants.d.ts

@@ -5,3 +5,5 @@ export declare const DAY: number;
 export declare const WEEK: number;
 export declare const MONTH: number;
 export declare const YEAR: number;
+export declare const isMac: boolean;
+export declare const CtrlCmd: string;

package/dist/cjs/components/utils/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YEAR = exports.MONTH = exports.WEEK = exports.DAY = exports.HOUR = exports.MINUTE = exports.SECOND = void 0;
+exports.CtrlCmd = exports.isMac = exports.YEAR = exports.MONTH = exports.WEEK = exports.DAY = exports.HOUR = exports.MINUTE = exports.SECOND = void 0;
 exports.SECOND = 1000;
 exports.MINUTE = 60 * exports.SECOND;
 exports.HOUR = 60 * exports.MINUTE;
@@ -8,4 +8,10 @@ exports.DAY = 24 * exports.HOUR;
 exports.WEEK = 7 * exports.DAY;
 exports.MONTH = 30 * exports.DAY;
 exports.YEAR = 365 * exports.DAY;
+const platform = typeof window !== 'undefined' && window.navigator
+    ? // @ts-expect-error
+        window.navigator['userAgentData']?.platform || window.navigator.platform
+    : '';
+exports.isMac = /^Mac/i.test(platform);
+exports.CtrlCmd = exports.isMac ? 'metaKey' : 'ctrlKey';
 //# sourceMappingURL=constants.js.map