@gravity-ui/date-components 3.2.4 → 3.3.0

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

@@ -1,186 +1,142 @@
 "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',
-        get title() {
-            return (0, i18n_1.i18n)('Last day');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last day" }),
     },
     {
         from: 'now-3d',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 3 days');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 days" }),
     },
     {
         from: 'now-1w',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last week');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last week" }),
     },
     {
         from: 'now-1M',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last month');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last month" }),
     },
     {
         from: 'now-3M',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 3 months');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 months" }),
     },
     {
         from: 'now-6M',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 6 months');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 6 months" }),
     },
     {
         from: 'now-1y',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last year');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last year" }),
     },
     {
         from: 'now-3y',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 3 years');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 years" }),
     },
 ];
 exports.DEFAULT_TIME_PRESETS = [
     {
         from: 'now-5m',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 5 minutes');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 5 minutes" }),
     },
     {
         from: 'now-15m',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 15 minutes');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 15 minutes" }),
     },
     {
         from: 'now-30m',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 30 minutes');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 30 minutes" }),
     },
     {
         from: 'now-1h',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last hour');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last hour" }),
     },
     {
         from: 'now-3h',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 3 hours');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 3 hours" }),
     },
     {
         from: 'now-6h',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 6 hours');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 6 hours" }),
     },
     {
         from: 'now-12h',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('Last 12 hours');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Last 12 hours" }),
     },
 ];
 exports.DEFAULT_OTHERS_PRESETS = [
     {
         from: 'now/d',
         to: 'now/d',
-        get title() {
-            return (0, i18n_1.i18n)('Today');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Today" }),
     },
     {
         from: 'now-1d/d',
         to: 'now-1d/d',
-        get title() {
-            return (0, i18n_1.i18n)('Yesterday');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Yesterday" }),
     },
     {
         from: 'now-2d/d',
         to: 'now-2d/d',
-        get title() {
-            return (0, i18n_1.i18n)('Day before yesterday');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "Day before yesterday" }),
     },
     {
         from: 'now/w',
         to: 'now/w',
-        get title() {
-            return (0, i18n_1.i18n)('This week');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This week" }),
     },
     {
         from: 'now/M',
         to: 'now/M',
-        get title() {
-            return (0, i18n_1.i18n)('This month');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This month" }),
     },
     {
         from: 'now/y',
         to: 'now/y',
-        get title() {
-            return (0, i18n_1.i18n)('This year');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "This year" }),
     },
     {
         from: 'now/d',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('From start of day');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of day" }),
     },
     {
         from: 'now/w',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('From start of week');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of week" }),
     },
     {
         from: 'now/M',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('From start of month');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { title: "From start of month" }),
     },
     {
         from: 'now/y',
         to: 'now',
-        get title() {
-            return (0, i18n_1.i18n)('From start of year');
-        },
+        title: (0, jsx_runtime_1.jsx)(PresetTitle, { 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.ts"],"names":[],"mappings":"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","sourcesContent":["import {i18n} from './i18n';\n\nexport interface Preset {\n    from: string;\n    to: string;\n    title: string;\n}\n\nexport const DEFAULT_DATE_PRESETS: Preset[] = [\n    {\n        from: 'now-1d',\n        to: 'now',\n        get title() {\n            return i18n('Last day');\n        },\n    },\n    {\n        from: 'now-3d',\n        to: 'now',\n        get title() {\n            return i18n('Last 3 days');\n        },\n    },\n    {\n        from: 'now-1w',\n        to: 'now',\n        get title() {\n            return i18n('Last week');\n        },\n    },\n    {\n        from: 'now-1M',\n        to: 'now',\n        get title() {\n            return i18n('Last month');\n        },\n    },\n    {\n        from: 'now-3M',\n        to: 'now',\n        get title() {\n            return i18n('Last 3 months');\n        },\n    },\n    {\n        from: 'now-6M',\n        to: 'now',\n        get title() {\n            return i18n('Last 6 months');\n        },\n    },\n    {\n        from: 'now-1y',\n        to: 'now',\n        get title() {\n            return i18n('Last year');\n        },\n    },\n    {\n        from: 'now-3y',\n        to: 'now',\n        get title() {\n            return i18n('Last 3 years');\n        },\n    },\n];\n\nexport const DEFAULT_TIME_PRESETS: Preset[] = [\n    {\n        from: 'now-5m',\n        to: 'now',\n        get title() {\n            return i18n('Last 5 minutes');\n        },\n    },\n    {\n        from: 'now-15m',\n        to: 'now',\n        get title() {\n            return i18n('Last 15 minutes');\n        },\n    },\n    {\n        from: 'now-30m',\n        to: 'now',\n        get title() {\n            return i18n('Last 30 minutes');\n        },\n    },\n    {\n        from: 'now-1h',\n        to: 'now',\n        get title() {\n            return i18n('Last hour');\n        },\n    },\n    {\n        from: 'now-3h',\n        to: 'now',\n        get title() {\n            return i18n('Last 3 hours');\n        },\n    },\n    {\n        from: 'now-6h',\n        to: 'now',\n        get title() {\n            return i18n('Last 6 hours');\n        },\n    },\n    {\n        from: 'now-12h',\n        to: 'now',\n        get title() {\n            return i18n('Last 12 hours');\n        },\n    },\n];\n\nexport const DEFAULT_OTHERS_PRESETS: Preset[] = [\n    {\n        from: 'now/d',\n        to: 'now/d',\n        get title() {\n            return i18n('Today');\n        },\n    },\n    {\n        from: 'now-1d/d',\n        to: 'now-1d/d',\n        get title() {\n            return i18n('Yesterday');\n        },\n    },\n    {\n        from: 'now-2d/d',\n        to: 'now-2d/d',\n        get title() {\n            return i18n('Day before yesterday');\n        },\n    },\n    {\n        from: 'now/w',\n        to: 'now/w',\n        get title() {\n            return i18n('This week');\n        },\n    },\n    {\n        from: 'now/M',\n        to: 'now/M',\n        get title() {\n            return i18n('This month');\n        },\n    },\n    {\n        from: 'now/y',\n        to: 'now/y',\n        get title() {\n            return i18n('This year');\n        },\n    },\n    {\n        from: 'now/d',\n        to: 'now',\n        get title() {\n            return i18n('From start of day');\n        },\n    },\n    {\n        from: 'now/w',\n        to: 'now',\n        get title() {\n            return i18n('From start of week');\n        },\n    },\n    {\n        from: 'now/M',\n        to: 'now',\n        get title() {\n            return i18n('From start of month');\n        },\n    },\n    {\n        from: 'now/y',\n        to: 'now',\n        get title() {\n            return i18n('From start of year');\n        },\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 {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"]}

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/index.d.ts

@@ -1,4 +1,12 @@
 export declare const i18n: ((key: "Range" | "Last 5 minutes" | "Last 15 minutes" | "Last 30 minutes" | "Last hour" | "Last 3 hours" | "Last 6 hours" | "Last 12 hours" | "Last day" | "Last 3 days" | "Last week" | "Last month" | "Last 3 months" | "Last 6 months" | "Last year" | "Last 3 years" | "Today" | "Yesterday" | "Day before yesterday" | "This week" | "This month" | "This year" | "From start of day" | "From start of week" | "From start of month" | "From start of year" | "Previous month" | "Last second" | "Last minute" | "Main" | "Other" | "From" | "To" | "Last {count} second" | "Last {count} minute" | "Last {count} hour" | "Last {count} day" | "Last {count} week" | "Last {count} month" | "Last {count} year", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "Range" | "Last 5 minutes" | "Last 15 minutes" | "Last 30 minutes" | "Last hour" | "Last 3 hours" | "Last 6 hours" | "Last 12 hours" | "Last day" | "Last 3 days" | "Last week" | "Last month" | "Last 3 months" | "Last 6 months" | "Last year" | "Last 3 years" | "Today" | "Yesterday" | "Day before yesterday" | "This week" | "This month" | "This year" | "From start of day" | "From start of week" | "From start of month" | "From start of year" | "Previous month" | "Last second" | "Last minute" | "Main" | "Other" | "From" | "To" | "Last {count} second" | "Last {count} minute" | "Last {count} hour" | "Last {count} day" | "Last {count} week" | "Last {count} month" | "Last {count} year", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "Range" | "Last 5 minutes" | "Last 15 minutes" | "Last 30 minutes" | "Last hour" | "Last 3 hours" | "Last 6 hours" | "Last 12 hours" | "Last day" | "Last 3 days" | "Last week" | "Last month" | "Last 3 months" | "Last 6 months" | "Last year" | "Last 3 years" | "Today" | "Yesterday" | "Day before yesterday" | "This week" | "This month" | "This year" | "From start of day" | "From start of week" | "From start of month" | "From start of year" | "Previous month" | "Last second" | "Last minute" | "Main" | "Other" | "From" | "To" | "Last {count} second" | "Last {count} minute" | "Last {count} hour" | "Last {count} day" | "Last {count} week" | "Last {count} month" | "Last {count} year", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "g-date-relative-range-date-picker-presets": Record<"Range" | "Last 5 minutes" | "Last 15 minutes" | "Last 30 minutes" | "Last hour" | "Last 3 hours" | "Last 6 hours" | "Last 12 hours" | "Last day" | "Last 3 days" | "Last week" | "Last month" | "Last 3 months" | "Last 6 months" | "Last year" | "Last 3 years" | "Today" | "Yesterday" | "Day before yesterday" | "This week" | "This month" | "This year" | "From start of day" | "From start of week" | "From start of month" | "From start of year" | "Previous month" | "Last second" | "Last minute" | "Main" | "Other" | "From" | "To" | "Last {count} second" | "Last {count} minute" | "Last {count} hour" | "Last {count} day" | "Last {count} week" | "Last {count} month" | "Last {count} year", import("@gravity-ui/i18n").KeyData>;
     };

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

@@ -1,15 +1,18 @@
 import type { DateTime } from '@gravity-ui/date-utils';
+import type { ExtractFunctionType } from "../../../types/index.js";
 import type { Preset } from "./defaultPresets.js";
-export declare function getPresetTitle(start: string, end: string, presets?: Preset[]): string;
+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 filterPresets(presets: Preset[], minValue?: DateTime): Preset[];
 export interface PresetTab {
     id: string;
     title: string;
     presets: Preset[];
 }
-export declare function getDefaultPresetTabs({ withTime, minValue, }: {
+export declare function getDefaultPresetTabs({ withTime, minValue, t, }: {
     minValue?: DateTime;
     withTime?: boolean;
+    t?: (key: 'Main' | 'Other') => string;
 }): PresetTab[];
 export declare function filterPresetTabs(tabs: PresetTab[], { minValue }?: {
     minValue?: DateTime;

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

@@ -26,7 +26,7 @@ const countUnit = {
     M: 'Last {count} month',
     y: 'Last {count} year',
 };
-function getPresetTitle(start, end, presets = defaultPresets_1.allPresets) {
+function getPresetTitle(start, end, presets = defaultPresets_1.allPresets, t = i18n_1.i18n) {
     const startText = start.replace(/\s+/g, '');
     const endText = end.replace(/\s+/g, '');
     for (const preset of presets) {
@@ -40,7 +40,7 @@ function getPresetTitle(start, end, presets = defaultPresets_1.allPresets) {
             const [, count, unit] = match;
             if (isDateUnit(unit)) {
                 const template = Number(count) === 1 ? oneUnit[unit] : countUnit[unit];
-                return (0, i18n_1.i18n)(template, { count });
+                return t(template, { count });
             }
         }
     }
@@ -65,11 +65,11 @@ function filterPresets(presets, minValue) {
         return true;
     });
 }
-function getDefaultPresetTabs({ withTime, minValue, }) {
+function getDefaultPresetTabs({ withTime, minValue, t = i18n_1.i18n, }) {
     const tabs = [];
     const mainTab = {
         id: 'main',
-        title: (0, i18n_1.i18n)('Main'),
+        title: t('Main'),
         presets: [],
     };
     const mainPresets = defaultPresets_1.DEFAULT_DATE_PRESETS;
@@ -82,7 +82,7 @@ function getDefaultPresetTabs({ withTime, minValue, }) {
     }
     const otherTab = {
         id: 'other',
-        title: (0, i18n_1.i18n)('Other'),
+        title: t('Other'),
         presets: filterPresets(defaultPresets_1.DEFAULT_OTHERS_PRESETS, minValue),
     };
     if (otherTab.presets.length > 0) {

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 {\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(start: string, end: string, presets: Preset[] = allPresets) {\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 i18n(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}: {\n    minValue?: DateTime;\n    withTime?: boolean;\n}) {\n    const tabs: PresetTab[] = [];\n\n    const mainTab: PresetTab = {\n        id: 'main',\n        title: i18n('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: i18n('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) {\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"]}

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

@@ -29,31 +29,26 @@ zones.unshift({
 });
 zones.unshift({
     value: 'system',
-    get content() {
-        return (0, i18n_1.i18n)('system');
-    },
 });
 zones.unshift({
     value: 'default',
-    get content() {
-        return (0, i18n_1.i18n)('default');
-    },
 });
 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) => {
             const tz = v[0];
             if (tz) {
                 props.onUpdate(tz);
             }
         }, width: "max", renderControl: (controlProps) => {
-            const value = timeZone === 'system' || timeZone === 'default' ? (0, i18n_1.i18n)(timeZone) : timeZone;
+            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 })] }));
         }, renderOption: ({ value, content }) => {
             const v = content !== null && content !== void 0 ? 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: [v, "\u00A0"] }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { color: "secondary", children: (0, utils_1.getTimeZoneOffset)(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 }));
 }
 //# sourceMappingURL=Zones.js.map

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    get content() {\n        return i18n('system');\n    },\n});\n\nzones.unshift({\n    value: 'default',\n    get content() {\n        return i18n('default');\n    },\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    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' ? i18n(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                            {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\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"]}

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

@@ -1,4 +1,12 @@
 export declare const i18n: ((key: "default" | "system", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "default" | "system", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "default" | "system", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "g-date-relative-range-date-picker-zones": Record<"default" | "system", import("@gravity-ui/i18n").KeyData>;
     };

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.d.ts

@@ -25,14 +25,3 @@ export interface RelativeRangeDatePickerStateOptions {
     allowNullableValues?: boolean;
 }
 export declare function useRelativeRangeDatePickerState(props: RelativeRangeDatePickerStateOptions): RelativeRangeDatePickerState;
-export declare function getRangeValidationResult(value: RelativeRangeDatePickerValue | null, allowNullableValues: boolean | undefined, minValue: DateTime | undefined, maxValue: DateTime | undefined, isDateUnavailable: ((v: DateTime, endpoint: 'start' | 'end') => boolean) | undefined, timeZone: string): {
-    isInvalid: boolean;
-    errors: never[];
-    startValidationResult?: undefined;
-    endValidationResult?: undefined;
-} | {
-    isInvalid: boolean;
-    startValidationResult: import("../../utils/validation/datePicker.js").ValidationResult;
-    endValidationResult: import("../../utils/validation/datePicker.js").ValidationResult;
-    errors: string[];
-};

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

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeRangeDatePickerState = useRelativeRangeDatePickerState;
-exports.getRangeValidationResult = getRangeValidationResult;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const date_utils_1 = require("@gravity-ui/date-utils");
 const uikit_1 = require("@gravity-ui/uikit");
-const datePicker_1 = require("../../utils/validation/datePicker.js");
-const i18n_1 = require("../i18n/index.js");
+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 validation = react_1.default.useMemo(() => getRangeValidationResult(value, props.allowNullableValues, props.minValue, props.maxValue, props.isDateUnavailable, timeZone), [
+    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,
         props.allowNullableValues,
         props.isDateUnavailable,
         props.maxValue,
         props.minValue,
         timeZone,
+        t,
     ]);
     return Object.assign({ value,
         timeZone,
@@ -31,31 +31,4 @@ function useRelativeRangeDatePickerState(props) {
             }
         } }, validation);
 }
-function getRangeValidationResult(value, allowNullableValues, minValue, maxValue, isDateUnavailable, timeZone) {
-    if (!value) {
-        return { isInvalid: false, errors: [] };
-    }
-    const startDate = value.start ? (0, date_utils_1.dateTimeParse)(value.start.value, { timeZone }) : null;
-    const endDate = value.end ? (0, date_utils_1.dateTimeParse)(value.end.value, { timeZone, roundUp: true }) : null;
-    const startValidationResult = (0, datePicker_1.getValidationResult)(startDate, minValue, maxValue, isDateUnavailable ? (date) => isDateUnavailable(date, 'start') : undefined, timeZone, (0, i18n_1.i18n)('"From"'));
-    if (!startDate && !allowNullableValues) {
-        startValidationResult.isInvalid = true;
-        startValidationResult.errors.push((0, i18n_1.i18n)('"From" is required.'));
-    }
-    const endValidationResult = (0, datePicker_1.getValidationResult)(endDate, minValue, maxValue, isDateUnavailable ? (date) => isDateUnavailable(date, 'end') : undefined, timeZone, (0, i18n_1.i18n)('"To"'));
-    if (!endDate && !allowNullableValues) {
-        endValidationResult.isInvalid = true;
-        endValidationResult.errors.push((0, i18n_1.i18n)('"To" is required.'));
-    }
-    if (startDate && endDate && endDate.isBefore(startDate)) {
-        startValidationResult.isInvalid = true;
-        startValidationResult.errors.push((0, i18n_1.i18n)(`"From" can't be after "To".`));
-    }
-    return {
-        isInvalid: startValidationResult.isInvalid || endValidationResult.isInvalid,
-        startValidationResult,
-        endValidationResult,
-        errors: startValidationResult.errors.concat(endValidationResult.errors),
-    };
-}
 //# 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":"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","sourcesContent":["import React from 'react';\n\nimport {dateTimeParse} from '@gravity-ui/date-utils';\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 {getValidationResult} from '../../utils/validation/datePicker';\nimport {i18n} from '../i18n';\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 validation = React.useMemo(\n        () =>\n            getRangeValidationResult(\n                value,\n                props.allowNullableValues,\n                props.minValue,\n                props.maxValue,\n                props.isDateUnavailable,\n                timeZone,\n            ),\n        [\n            value,\n            props.allowNullableValues,\n            props.isDateUnavailable,\n            props.maxValue,\n            props.minValue,\n            timeZone,\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\nexport function getRangeValidationResult(\n    value: RelativeRangeDatePickerValue | null,\n    allowNullableValues: boolean | undefined,\n    minValue: DateTime | undefined,\n    maxValue: DateTime | undefined,\n    isDateUnavailable: ((v: DateTime, endpoint: 'start' | 'end') => boolean) | undefined,\n    timeZone: string,\n) {\n    if (!value) {\n        return {isInvalid: false, errors: []};\n    }\n\n    const startDate = value.start ? dateTimeParse(value.start.value, {timeZone}) : null;\n    const endDate = value.end ? dateTimeParse(value.end.value, {timeZone, roundUp: true}) : null;\n\n    const startValidationResult = getValidationResult(\n        startDate,\n        minValue,\n        maxValue,\n        isDateUnavailable ? (date) => isDateUnavailable(date, 'start') : undefined,\n        timeZone,\n        i18n('\"From\"'),\n    );\n\n    if (!startDate && !allowNullableValues) {\n        startValidationResult.isInvalid = true;\n        startValidationResult.errors.push(i18n('\"From\" is required.'));\n    }\n\n    const endValidationResult = getValidationResult(\n        endDate,\n        minValue,\n        maxValue,\n        isDateUnavailable ? (date) => isDateUnavailable(date, 'end') : undefined,\n        timeZone,\n        i18n('\"To\"'),\n    );\n\n    if (!endDate && !allowNullableValues) {\n        endValidationResult.isInvalid = true;\n        endValidationResult.errors.push(i18n('\"To\" is required.'));\n    }\n\n    if (startDate && endDate && endDate.isBefore(startDate)) {\n        startValidationResult.isInvalid = true;\n        startValidationResult.errors.push(i18n(`\"From\" can't be after \"To\".`));\n    }\n\n    return {\n        isInvalid: startValidationResult.isInvalid || endValidationResult.isInvalid,\n        startValidationResult,\n        endValidationResult,\n        errors: startValidationResult.errors.concat(endValidationResult.errors),\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,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"]}

package/dist/cjs/components/RelativeRangeDatePicker/i18n/en.json

@@ -1,8 +1,5 @@
 {
   "\"From\"": "\"From\"",
-  "\"From\" is required.": "\"From\" is required.",
   "\"To\"": "\"To\"",
-  "\"To\" is required.": "\"To\" is required.",
-  "\"From\" can't be after \"To\".": "\"From\" can't be after \"To\".",
   "to": "to"
 }

package/dist/cjs/components/RelativeRangeDatePicker/i18n/index.d.ts

@@ -1,5 +1,13 @@
-export declare const i18n: ((key: "to" | "\"From\"" | "\"From\" is required." | "\"To\"" | "\"To\" is required." | "\"From\" can't be after \"To\".", params?: import("@gravity-ui/i18n").Params) => string) & {
+export declare const i18n: ((key: "to" | "\"From\"" | "\"To\"", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "to" | "\"From\"" | "\"To\"", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "to" | "\"From\"" | "\"To\"", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
-        "g-date-relative-range-date-picker": Record<"to" | "\"From\"" | "\"From\" is required." | "\"To\"" | "\"To\" is required." | "\"From\" can't be after \"To\".", import("@gravity-ui/i18n").KeyData>;
+        "g-date-relative-range-date-picker": Record<"to" | "\"From\"" | "\"To\"", import("@gravity-ui/i18n").KeyData>;
     };
 };