@gravity-ui/date-components 1.6.0 → 2.1.0

package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}relative-range-date-picker-dialog`);

package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/i18n/ru.json

@@ -0,0 +1,8 @@
+{
+  "Value is incorrect.": "Значение некорректно.",
+  "Value is required.": "Value is required.",
+  "\"From\" can't be after \"To\".": "Значение «От» не может быть позже чем «До».",
+  "From": "От",
+  "To": "Дo",
+  "Apply": "Применить"
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/useRelativeRangeDatePickerDialogState.d.ts

@@ -0,0 +1,16 @@
+import type { Value } from '../../../RelativeDatePicker';
+import type { RelativeRangeDatePickerProps } from '../../RelativeRangeDatePicker';
+import type { RelativeRangeDatePickerState } from '../../hooks/useRelativeRangeDatePickerState';
+export declare function useRelativeRangeDatePickerDialogState(state: RelativeRangeDatePickerState, props: RelativeRangeDatePickerProps): {
+    start: Value | null;
+    end: Value | null;
+    timeZone: string;
+    setStart: (newValue: Value | null) => void;
+    setEnd: (newValue: Value | null) => void;
+    setRange: (newStart: Value, newEnd: Value) => void;
+    setTimeZone: (newTimeZone: string) => void;
+    applyValue: () => void;
+    isInvalid: boolean;
+    startValidation: import("../../../utils/validation/datePicker").ValidationResult | undefined;
+    endValidation: import("../../../utils/validation/datePicker").ValidationResult | undefined;
+};

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRelativeRangeDatePickerDialogState = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const date_utils_1 = require("@gravity-ui/date-utils");
+const datePicker_1 = require("../../../utils/validation/datePicker");
+const i18n_1 = require("./i18n");
+function useRelativeRangeDatePickerDialogState(state, props) {
+    var _a, _b, _c, _d;
+    const { withApplyButton, allowNullableValues } = props;
+    const [start, setStart] = react_1.default.useState((_b = (_a = state.value) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : null);
+    const [end, setEnd] = react_1.default.useState((_d = (_c = state.value) === null || _c === void 0 ? void 0 : _c.end) !== null && _d !== void 0 ? _d : null);
+    const [innerTimeZone, setTimeZone] = react_1.default.useState(state.timeZone);
+    const timeZone = withApplyButton ? innerTimeZone : state.timeZone;
+    function setStartValue(newValue) {
+        setStart(newValue);
+        if (!withApplyButton) {
+            state.setValue(getRangeValue(newValue, end, Object.assign(Object.assign({}, props), { timeZone })), timeZone);
+        }
+    }
+    function setEndValue(newValue) {
+        setEnd(newValue);
+        if (!withApplyButton) {
+            state.setValue(getRangeValue(start, newValue, Object.assign(Object.assign({}, props), { timeZone })), timeZone);
+        }
+    }
+    function setTimeZoneValue(newTimeZone) {
+        setTimeZone(newTimeZone);
+        if (!withApplyButton) {
+            state.setValue(getRangeValue(start, end, Object.assign(Object.assign({}, props), { timeZone: newTimeZone })), newTimeZone);
+        }
+    }
+    function setRange(newStart, newEnd) {
+        setStart(newStart);
+        setEnd(newEnd);
+        if (!withApplyButton) {
+            state.setValue(getRangeValue(newStart, newEnd, Object.assign(Object.assign({}, props), { timeZone })), timeZone);
+        }
+    }
+    function applyValue() {
+        state.setValue(getRangeValue(start, end, Object.assign(Object.assign({}, props), { timeZone })), timeZone);
+    }
+    const validation = react_1.default.useMemo(() => getRangeValidationResult(start, end, allowNullableValues, props.minValue, props.maxValue, props.isDateUnavailable, timeZone), [
+        allowNullableValues,
+        end,
+        props.isDateUnavailable,
+        props.maxValue,
+        props.minValue,
+        start,
+        timeZone,
+    ]);
+    return {
+        start,
+        end,
+        timeZone,
+        setStart: setStartValue,
+        setEnd: setEndValue,
+        setRange,
+        setTimeZone: setTimeZoneValue,
+        applyValue,
+        isInvalid: validation.isInvalid,
+        startValidation: validation.startValidationResult,
+        endValidation: validation.endValidationResult,
+    };
+}
+exports.useRelativeRangeDatePickerDialogState = useRelativeRangeDatePickerDialogState;
+function getRangeValue(start, end, options = {}) {
+    var _a;
+    if (!start && !end) {
+        return null;
+    }
+    const { isInvalid } = getRangeValidationResult(start, end, options.allowNullableValues, options.minValue, options.maxValue, options.isDateUnavailable, (_a = options.timeZone) !== null && _a !== void 0 ? _a : 'default');
+    if (isInvalid) {
+        return null;
+    }
+    return { start, end };
+}
+function getRangeValidationResult(start, end, allowNullableValues, minValue, maxValue, isDateUnavailable, timeZone) {
+    if (!start && !end) {
+        return { isInvalid: false };
+    }
+    const startDate = start ? (0, date_utils_1.dateTimeParse)(start.value, { timeZone }) : null;
+    const endDate = end ? (0, date_utils_1.dateTimeParse)(end.value, { timeZone, roundUp: true }) : null;
+    const startValidationResult = (0, datePicker_1.getValidationResult)(startDate, minValue, maxValue, isDateUnavailable, timeZone);
+    if (!startDate && !allowNullableValues) {
+        startValidationResult.isInvalid = true;
+        startValidationResult.errors.push((0, i18n_1.i18n)('Value is required.'));
+    }
+    const endValidationResult = (0, datePicker_1.getValidationResult)(endDate, minValue, maxValue, isDateUnavailable, timeZone);
+    if (!endDate && !allowNullableValues) {
+        endValidationResult.isInvalid = true;
+        endValidationResult.errors.push((0, i18n_1.i18n)('Value 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,
+    };
+}

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

@@ -0,0 +1,26 @@
+.g-date-relative-range-date-picker-presets__tabs {
+  --g-tabs-border-width: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--g-spacing-2);
+  box-shadow: inset 0 -1px var(--g-color-line-generic);
+}
+.g-date-relative-range-date-picker-presets__list-container {
+  outline: none;
+}
+.g-date-relative-range-date-picker-presets__doc {
+  margin-inline-start: auto;
+}
+.g-date-relative-range-date-picker-presets__content {
+  overflow: auto;
+  height: 128px;
+}
+.g-date-relative-range-date-picker-presets_size_l .g-date-relative-range-date-picker-presets__content {
+  height: 144px;
+}
+.g-date-relative-range-date-picker-presets_size_xl .g-date-relative-range-date-picker-presets__content {
+  height: 162px;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  font-weight: var(--g-text-body-font-weight);
+}

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

@@ -0,0 +1,18 @@
+import type { DateTime } from '@gravity-ui/date-utils';
+import type { PresetTab } from './utils';
+import './Presets.css';
+export interface PresetProps {
+    className?: string;
+    onChoosePreset: (start: string, end: string) => void;
+    withTime?: boolean;
+    minValue?: DateTime;
+    size?: 's' | 'm' | 'l' | 'xl';
+    presetTabs?: PresetTab[];
+}
+export declare function Presets({ className, size, minValue, withTime, onChoosePreset, presetTabs, }: PresetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const SIZE_TO_ITEM_HEIGHT: {
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+};

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIZE_TO_ITEM_HEIGHT = exports.Presets = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn");
+const PresetsDoc_1 = require("./PresetsDoc");
+const utils_1 = require("./utils");
+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;
+    const tabs = react_1.default.useMemo(() => {
+        return (0, utils_1.filterPresetTabs)(presetTabs !== null && presetTabs !== void 0 ? presetTabs : (0, utils_1.getDefaultPresetTabs)({ withTime }), { minValue });
+    }, [withTime, minValue, presetTabs]);
+    const [activeTabId, setActiveTab] = react_1.default.useState((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.id);
+    if (tabs.length === 0) {
+        return null;
+    }
+    const activeTab = (_b = tabs.find((tab) => tab.id === activeTabId)) !== null && _b !== void 0 ? _b : tabs[0];
+    if (!activeTab) {
+        return null;
+    }
+    if (activeTab.id !== activeTabId) {
+        setActiveTab(activeTab.id);
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size }, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('tabs'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Tabs, { activeTab: activeTabId, onSelectTab: setActiveTab, items: tabs, size: size === 's' ? 'm' : size }), (0, jsx_runtime_1.jsx)(PresetsDoc_1.PresetsDoc, { className: b('doc'), size: size })] }), (0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(PresetsList, { presets: activeTab.presets, onChoosePreset: onChoosePreset, size: size }) })] }));
+}
+exports.Presets = Presets;
+exports.SIZE_TO_ITEM_HEIGHT = {
+    s: 28,
+    m: 28,
+    l: 32,
+    xl: 36,
+};
+function PresetsList({ presets, onChoosePreset, size = 'm' }) {
+    const ref = react_1.default.useRef(null);
+    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;
+        if (list && container) {
+            try {
+                container.setAttribute('tabindex', '0');
+                container.setAttribute('class', b('list-container'));
+                const handleFocus = () => {
+                    if (list.getActiveItem() === null) {
+                        list.activateItem(0, true);
+                    }
+                };
+                container.addEventListener('focus', handleFocus);
+                return () => {
+                    container.removeEventListener('focus', handleFocus);
+                };
+            }
+            catch (_c) {
+                // 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) => item.title, itemHeight: exports.SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
+            onChoosePreset(item.from, item.to);
+        } }));
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.css

@@ -0,0 +1,14 @@
+.g-date-relative-range-date-picker-presets-doc__button {
+  --g-button-background-color-hover: transparent;
+}
+.g-date-relative-range-date-picker-presets-doc__content {
+  --g-popover-max-width: "none";
+}
+.g-date-relative-range-date-picker-presets-doc__table_size_xl {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  font-weight: var(--g-text-body-font-weight);
+}
+.g-date-relative-range-date-picker-presets-doc__table > table {
+  width: 100%;
+}

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

@@ -0,0 +1,7 @@
+import './PresetsDoc.css';
+interface PresetsDocProps {
+    className?: string;
+    size?: 's' | 'm' | 'l' | 'xl';
+}
+export declare function PresetsDoc({ className, size }: PresetsDocProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresetsDoc = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn");
+const getButtonSizeForInput_1 = require("../../../utils/getButtonSizeForInput");
+const i18n_1 = require("./i18n");
+require("./PresetsDoc.css");
+const b = (0, cn_1.block)('relative-range-date-picker-presets-doc');
+const columns = [
+    {
+        id: 'title',
+        name: () => {
+            return (0, i18n_1.i18n)('Range');
+        },
+    },
+    {
+        id: 'from',
+        name: () => {
+            return (0, i18n_1.i18n)('From');
+        },
+    },
+    {
+        id: 'to',
+        name: () => {
+            return (0, i18n_1.i18n)('To');
+        },
+    },
+];
+const data = [
+    {
+        get title() {
+            return (0, i18n_1.i18n)('Last 5 minutes');
+        },
+        from: 'now - 5m',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('From start of day');
+        },
+        from: 'now/d',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('This week');
+        },
+        from: 'now/w',
+        to: 'now/w',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('From start of week');
+        },
+        from: 'now/w',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('Previous month');
+        },
+        from: 'now - 1M/M',
+        to: 'now - 1M/M',
+    },
+];
+function PresetsExamples({ size }) {
+    return (0, jsx_runtime_1.jsx)(uikit_1.Table, { columns: columns, data: data, className: b('table', { size }) });
+}
+function DesktopDoc({ className, size }) {
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b(null, className), tooltipContentClassName: b('content'), hasArrow: false, content: (0, jsx_runtime_1.jsx)(PresetsExamples, { size: size }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "flat-secondary", size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(size), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.CircleQuestion }) }) }));
+}
+function MobileDoc({ className, size }) {
+    const [open, setOpen] = react_1.default.useState(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "flat-secondary", size: "l", onClick: () => {
+                    setOpen(true);
+                }, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.CircleQuestion }) }), (0, jsx_runtime_1.jsx)(uikit_1.Sheet, { visible: open, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(PresetsExamples, { size: size }) })] }));
+}
+function PresetsDoc({ className, size }) {
+    const isMobile = (0, uikit_1.useMobile)();
+    if (isMobile) {
+        return (0, jsx_runtime_1.jsx)(MobileDoc, { className: className, size: size });
+    }
+    return (0, jsx_runtime_1.jsx)(DesktopDoc, { className: className, size: size });
+}
+exports.PresetsDoc = PresetsDoc;

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

@@ -0,0 +1,9 @@
+export interface Preset {
+    from: string;
+    to: string;
+    title: string;
+}
+export declare const DEFAULT_DATE_PRESETS: Preset[];
+export declare const DEFAULT_TIME_PRESETS: Preset[];
+export declare const DEFAULT_OTHERS_PRESETS: Preset[];
+export declare const allPresets: Preset[];

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

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allPresets = exports.DEFAULT_OTHERS_PRESETS = exports.DEFAULT_TIME_PRESETS = exports.DEFAULT_DATE_PRESETS = void 0;
+const i18n_1 = require("./i18n");
+exports.DEFAULT_DATE_PRESETS = [
+    {
+        from: 'now-1d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last day');
+        },
+    },
+    {
+        from: 'now-3d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 days');
+        },
+    },
+    {
+        from: 'now-1w',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last week');
+        },
+    },
+    {
+        from: 'now-1M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last month');
+        },
+    },
+    {
+        from: 'now-3M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 months');
+        },
+    },
+    {
+        from: 'now-6M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 6 months');
+        },
+    },
+    {
+        from: 'now-1y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last year');
+        },
+    },
+    {
+        from: 'now-3y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 years');
+        },
+    },
+];
+exports.DEFAULT_TIME_PRESETS = [
+    {
+        from: 'now-5m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 5 minutes');
+        },
+    },
+    {
+        from: 'now-15m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 15 minutes');
+        },
+    },
+    {
+        from: 'now-30m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 30 minutes');
+        },
+    },
+    {
+        from: 'now-1h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last hour');
+        },
+    },
+    {
+        from: 'now-3h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 hours');
+        },
+    },
+    {
+        from: 'now-6h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 6 hours');
+        },
+    },
+    {
+        from: 'now-12h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 12 hours');
+        },
+    },
+];
+exports.DEFAULT_OTHERS_PRESETS = [
+    {
+        from: 'now/d',
+        to: 'now/d',
+        get title() {
+            return (0, i18n_1.i18n)('Today');
+        },
+    },
+    {
+        from: 'now-1d/d',
+        to: 'now-1d/d',
+        get title() {
+            return (0, i18n_1.i18n)('Yesterday');
+        },
+    },
+    {
+        from: 'now-2d/d',
+        to: 'now-2d/d',
+        get title() {
+            return (0, i18n_1.i18n)('Day before yesterday');
+        },
+    },
+    {
+        from: 'now/w',
+        to: 'now/w',
+        get title() {
+            return (0, i18n_1.i18n)('This week');
+        },
+    },
+    {
+        from: 'now/M',
+        to: 'now/M',
+        get title() {
+            return (0, i18n_1.i18n)('This month');
+        },
+    },
+    {
+        from: 'now/y',
+        to: 'now/y',
+        get title() {
+            return (0, i18n_1.i18n)('This year');
+        },
+    },
+    {
+        from: 'now/d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of day');
+        },
+    },
+    {
+        from: 'now/w',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of week');
+        },
+    },
+    {
+        from: 'now/M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of month');
+        },
+    },
+    {
+        from: 'now/y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('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/i18n/en.json

@@ -0,0 +1,40 @@
+{
+  "Last 5 minutes": "Last 5 minutes",
+  "Last 15 minutes": "Last 15 minutes",
+  "Last 30 minutes": "Last 30 minutes",
+  "Last hour": "Last hour",
+  "Last 3 hours": "Last 3 hours",
+  "Last 6 hours": "Last 6 hours",
+  "Last 12 hours": "Last 12 hours",
+  "Last day": "Last day",
+  "Last 3 days": "Last 3 days",
+  "Last week": "Last week",
+  "Last month": "Last month",
+  "Last 3 months": "Last 3 months",
+  "Last 6 months": "Last 6 months",
+  "Last year": "Last year",
+  "Last 3 years": "Last 3 years",
+  "Today": "Today",
+  "Yesterday": "Yesterday",
+  "Day before yesterday": "Day before yesterday",
+  "This week": "This week",
+  "This month": "This month",
+  "This year": "This year",
+  "From start of day": "From start of day",
+  "From start of week": "From start of week",
+  "From start of month": "From start of month",
+  "From start of year": "From start of year",
+  "Previous month": "Previous month",
+  "Last {count} {unit}": "Last {{count}} {{unit}}",
+  "m": ["minute", "minutes", "minutes"],
+  "h": ["hour", "hours", "hours"],
+  "d": ["day", "days", "days"],
+  "w": ["week", "weeks", "weeks"],
+  "M": ["month", "months", "months"],
+  "y": ["year", "years", "years"],
+  "Main": "Main",
+  "Other": "Other",
+  "Range": "Range",
+  "From": "From",
+  "To": "To"
+}

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

@@ -0,0 +1 @@
+export declare const i18n: (key: "m" | "y" | "M" | "d" | "h" | "w" | "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" | "Main" | "Other" | "Range" | "From" | "To" | "Last {count} {unit}", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}relative-range-date-picker-presets`);

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/ru.json

@@ -0,0 +1,40 @@
+{
+  "Last 5 minutes": "Последние 5 минут",
+  "Last 15 minutes": "Последние 15 минут",
+  "Last 30 minutes": "Последние 30 минут",
+  "Last hour": "Последний час",
+  "Last 3 hours": "Последние 3 часа",
+  "Last 6 hours": "Последние 6 часов",
+  "Last 12 hours": "Последние 12 часов",
+  "Last day": "Последний день",
+  "Last 3 days": "Последние 3 дня",
+  "Last week": "Последняя неделя",
+  "Last month": "Последний месяц",
+  "Last 3 months": "Последние 3 месяца",
+  "Last 6 months": "Последние 6 месяцев",
+  "Last year": "Последний год",
+  "Last 3 years": "Последние 3 года",
+  "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 {count} {unit}": "Last {{count}} {{unit}}",
+  "m": ["minute", "minutes", "minutes"],
+  "h": ["hour", "hours", "hours"],
+  "d": ["day", "days", "days"],
+  "w": ["week", "weeks", "weeks"],
+  "M": ["month", "months", "months"],
+  "y": ["year", "years", "years"],
+  "Main": "Основные",
+  "Other": "Другие",
+  "Range": "Период",
+  "From": "От",
+  "To": "До"
+}