@gravity-ui/date-components 1.1.1 → 1.2.0

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeDateFieldState = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const date_utils_1 = require("@gravity-ui/date-utils");
 const useControlledState_1 = require("../../hooks/useControlledState");
 function useRelativeDateFieldState(props) {

package/dist/cjs/components/RelativeDateField/index.js

@@ -1,19 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RelativeDateField"), exports);
-__exportStar(require("./hooks/useRelativeDateFieldProps"), exports);
-__exportStar(require("./hooks/useRelativeDateFieldState"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RelativeDateField"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDateFieldProps"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDateFieldState"), exports);

package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.js

@@ -1,11 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelativeDatePicker = void 0;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
+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");

package/dist/cjs/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.js

@@ -1,28 +1,15 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeDatePickerProps = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const DateField_1 = require("../../DateField");
 const getButtonSizeForInput_1 = require("../../utils/getButtonSizeForInput");
 const mergeProps_1 = require("../../utils/mergeProps");
 const i18n_1 = require("../i18n");
 function useRelativeDatePickerProps(state, _a) {
-    var { onFocus, onBlur } = _a, props = __rest(_a, ["onFocus", "onBlur"]);
+    var { onFocus, onBlur } = _a, props = tslib_1.__rest(_a, ["onFocus", "onBlur"]);
     const { mode, setMode, datePickerState, dateFieldState, relativeDateState } = state;
     const [focusedDate, setFocusedDate] = react_1.default.useState(relativeDateState.lastCorrectDate);
     const [prevCorrectDate, setPrevCorrectDate] = react_1.default.useState(relativeDateState.lastCorrectDate);

package/dist/cjs/components/RelativeDatePicker/hooks/useRelativeDatePickerState.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeDatePickerState = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const DateField_1 = require("../../DateField");
 const DatePicker_1 = require("../../DatePicker");
 const RelativeDateField_1 = require("../../RelativeDateField");

package/dist/cjs/components/RelativeDatePicker/i18n/index.js

@@ -1,11 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 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 = __importDefault(require("./en.json"));
-const ru_json_1 = __importDefault(require("./ru.json"));
+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-date-picker`);

package/dist/cjs/components/RelativeDatePicker/index.js

@@ -1,19 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RelativeDatePicker"), exports);
-__exportStar(require("./hooks/useRelativeDatePickerState"), exports);
-__exportStar(require("./hooks/useRelativeDatePickerProps"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RelativeDatePicker"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDatePickerState"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDatePickerProps"), exports);

package/dist/cjs/components/hooks/useControlledState.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useControlledState = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 function useControlledState(value, defaultValue, onUpdate) {
     const [innerValue, setInnerValue] = react_1.default.useState(defaultValue);
     const [wasControlled] = react_1.default.useState(value !== undefined);

package/dist/cjs/components/index.js

@@ -1,21 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Calendar"), exports);
-__exportStar(require("./DateField"), exports);
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./RelativeDateField"), exports);
-__exportStar(require("./RelativeDatePicker"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Calendar"), exports);
+tslib_1.__exportStar(require("./DateField"), exports);
+tslib_1.__exportStar(require("./DatePicker"), exports);
+tslib_1.__exportStar(require("./RelativeDateField"), exports);
+tslib_1.__exportStar(require("./RelativeDatePicker"), exports);

package/dist/cjs/index.js

@@ -1,17 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);

package/dist/esm/components/Calendar/Calendar.css

@@ -50,43 +50,6 @@
   height: 100%;
   padding: 0 var(--_--calendar-padding) var(--_--calendar-padding);
 }
-.g-date-calendar__content_animation_forward {
-  transform: translateX(-100%);
-  animation: calendar-forward 0.25s ease forwards;
-}
-.g-date-calendar__content_animation_forward.g-date-calendar__current-state {
-  left: -100%;
-}
-.g-date-calendar__content_animation_backward {
-  transform: translateX(0);
-  animation: calendar-backward 0.25s ease forwards;
-}
-.g-date-calendar__content_animation_backward.g-date-calendar__current-state {
-  left: 100%;
-}
-.g-date-calendar__content_animation_zoom-in {
-  transform: scale();
-}
-.g-date-calendar__content_animation_zoom-in.g-date-calendar__previous-state {
-  animation: calendar-zoom-in-hiding 0.25s ease forwards;
-}
-.g-date-calendar__content_animation_zoom-in.g-date-calendar__current-state {
-  animation: calendar-zoom-in-showing 0.25s ease forwards;
-}
-.g-date-calendar__content_animation_zoom-out {
-  transform: scale();
-}
-.g-date-calendar__content_animation_zoom-out.g-date-calendar__current-state {
-  animation: calendar-zoom-out-showing 0.25s ease forwards;
-}
-.g-date-calendar__content_animation_zoom-out.g-date-calendar__previous-state {
-  animation: calendar-zoom-out-hiding 0.25s ease forwards;
-}
-@media screen and (prefers-reduced-motion: reduce), (update: slow) {
-  .g-date-calendar__content[class] {
-    animation-duration: 0.001ms;
-  }
-}
 @keyframes calendar-forward {
   from {
     transform: translateX(0);
@@ -143,6 +106,43 @@
     transform: scale(2);
   }
 }
+.g-date-calendar__content_animation_forward {
+  transform: translateX(-100%);
+  animation: calendar-forward 0.25s ease forwards;
+}
+.g-date-calendar__content_animation_forward.g-date-calendar__current-state {
+  left: -100%;
+}
+.g-date-calendar__content_animation_backward {
+  transform: translateX(0);
+  animation: calendar-backward 0.25s ease forwards;
+}
+.g-date-calendar__content_animation_backward.g-date-calendar__current-state {
+  left: 100%;
+}
+.g-date-calendar__content_animation_zoom-in {
+  transform: scale();
+}
+.g-date-calendar__content_animation_zoom-in.g-date-calendar__previous-state {
+  animation: calendar-zoom-in-hiding 0.25s ease forwards;
+}
+.g-date-calendar__content_animation_zoom-in.g-date-calendar__current-state {
+  animation: calendar-zoom-in-showing 0.25s ease forwards;
+}
+.g-date-calendar__content_animation_zoom-out {
+  transform: scale();
+}
+.g-date-calendar__content_animation_zoom-out.g-date-calendar__current-state {
+  animation: calendar-zoom-out-showing 0.25s ease forwards;
+}
+.g-date-calendar__content_animation_zoom-out.g-date-calendar__previous-state {
+  animation: calendar-zoom-out-hiding 0.25s ease forwards;
+}
+@media screen and (prefers-reduced-motion: reduce), (update: slow) {
+  .g-date-calendar__content[class] {
+    animation-duration: 0.001ms;
+  }
+}
 .g-date-calendar__grid-rowgroup {
   display: grid;
   gap: var(--_--calendar-days-gap);

package/dist/esm/components/Calendar/hooks/useCalendarGridProps.js

@@ -10,36 +10,47 @@ export function useCalendarGridProps(state) {
             ? `${state.startDate.year()} — ${state.endDate.year()}`
             : state.focusedDate.format(state.mode === 'days' ? 'MMMM YYYY' : 'YYYY'), 'aria-disabled': state.disabled ? 'true' : undefined, 'aria-readonly': state.readOnly ? 'true' : undefined }, focusWithinProps), { onKeyDown: (e) => {
             if (e.key === 'ArrowRight') {
+                e.preventDefault();
                 state.focusNextCell();
             }
             else if (e.key === 'ArrowLeft') {
+                e.preventDefault();
                 state.focusPreviousCell();
             }
             else if (e.key === 'ArrowDown') {
+                e.preventDefault();
                 state.focusNextRow();
             }
             else if (e.key === 'ArrowUp') {
+                e.preventDefault();
                 state.focusPreviousRow();
             }
             else if (e.key === 'PageDown') {
+                e.preventDefault();
                 state.focusNextPage(e.shiftKey);
             }
             else if (e.key === 'PageUp') {
+                e.preventDefault();
                 state.focusPreviousPage(e.shiftKey);
             }
             else if (e.key === 'End') {
+                e.preventDefault();
                 state.focusSectionEnd();
             }
             else if (e.key === 'Home') {
+                e.preventDefault();
                 state.focusSectionStart();
             }
             else if (e.code === 'Minus') {
+                e.preventDefault();
                 state.zoomOut();
             }
             else if (e.code === 'Equal') {
+                e.preventDefault();
                 state.zoomIn();
             }
             else if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
                 state.selectDate(state.focusedDate);
             }
         } });

package/dist/esm/components/Calendar/hooks/useRangeCalendarState.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { useControlledState } from '../../hooks/useControlledState';
 import { constrainValue } from '../utils';

package/dist/esm/components/DateField/DateField.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { TextInput, useFocusWithin } from '@gravity-ui/uikit';

package/dist/esm/components/DateField/hooks/useDateFieldProps.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CtrlCmd } from '../utils';
+import { cleanString } from '../utils';
 export function useDateFieldProps(state, props) {
     const inputRef = React.useRef(null);
     const [, setInnerState] = React.useState({});
@@ -145,7 +145,7 @@ export function useDateFieldProps(state, props) {
                     e.preventDefault();
                     state.clearSection();
                 }
-                else if (e.key === 'a' && e[CtrlCmd]) {
+                else if (e.key === 'a' && (e['ctrlKey'] || e['metaKey'])) {
                     e.preventDefault();
                     setSelectedSections('all');
                 }
@@ -177,7 +177,7 @@ export function useDateFieldProps(state, props) {
                     if (state.readOnly) {
                         return;
                     }
-                    const pastedValue = e.clipboardData.getData('text');
+                    const pastedValue = cleanString(e.clipboardData.getData('text'));
                     if (state.selectedSectionIndexes &&
                         state.selectedSectionIndexes.startIndex ===
                             state.selectedSectionIndexes.endIndex) {

package/dist/esm/components/DateField/hooks/useDateFieldState.js

@@ -129,7 +129,8 @@ export function useDateFieldState(props) {
         isEmpty: Object.keys(validSegments).length === 0,
         displayValue,
         setValue,
-        text: sectionsState.editableSections.map((s) => s.textValue).join(''),
+        // use ltr direction context to get predictable navigation inside input
+        text: '\u2066' + sectionsState.editableSections.map((s) => s.textValue).join('') + '\u2069',
         readOnly: props.readOnly,
         disabled: props.disabled,
         sections: sectionsState.editableSections,
@@ -296,7 +297,6 @@ export function useDateFieldState(props) {
                 timeZone: props.timeZone,
             }));
         },
-        // eslint-disable-next-line complexity
         onInput(key) {
             if (this.readOnly || this.disabled) {
                 return;
@@ -469,7 +469,7 @@ function useSectionsState(sections, value, validSegments) {
     return state;
 }
 function getEditableSections(sections, value, validSegments) {
-    let position = 0;
+    let position = 1;
     const newSections = [];
     let previousEditableSection = -1;
     for (let i = 0; i < sections.length; i++) {
@@ -483,6 +483,8 @@ function getEditableSections(sections, value, validSegments) {
                 renderedValue = renderedValue.padStart(section.placeholder.length, '0');
             }
         }
+        // use bidirectional context to allow the browser autodetect text direction
+        renderedValue = '\u2068' + renderedValue + '\u2069';
         const sectionLength = renderedValue.length;
         const newSection = Object.assign(Object.assign(Object.assign({}, section), { value: getSectionValue(section, value), textValue: renderedValue, start: position, end: position + sectionLength, modified: false, previousEditableSection, nextEditableSection: previousEditableSection }), getSectionLimits(section, value));
         newSections.push(newSection);

package/dist/esm/components/DateField/utils.d.ts

@@ -1,7 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
 import type { DateFieldSection, DateFieldSectionType, DateFieldSectionWithoutPosition } from './types';
-export declare const isMac: boolean;
-export declare const CtrlCmd: string;
 export declare function expandFormat(format: string): string;
 export declare function getSectionLimits(section: DateFieldSectionWithoutPosition, date: DateTime): {
     minValue: number;
@@ -15,3 +13,4 @@ export declare function getDurationUnitFromSectionType(type: DateFieldSectionTyp
 export declare function addSegment(section: DateFieldSection, date: DateTime, amount: number): DateTime;
 export declare function setSegment(section: DateFieldSection, date: DateTime, amount: number): DateTime;
 export declare function splitFormatIntoSections(format: string): DateFieldSectionWithoutPosition[];
+export declare function cleanString(dirtyString: string): string;

package/dist/esm/components/DateField/utils.js

@@ -1,7 +1,5 @@
 import { dateTime, settings } from '@gravity-ui/date-utils';
 import { i18n } from './i18n';
-export const isMac = window.navigator.userAgent.indexOf('Macintosh') >= 0;
-export const CtrlCmd = isMac ? 'metaKey' : 'ctrlKey';
 export function expandFormat(format) {
     const localeFormats = settings.getLocaleData().formats;
     const getShortLocalizedFormatFromLongLocalizedFormat = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, escapeSequence, localizedFormat) => escapeSequence || localizedFormat.slice(1));
@@ -407,3 +405,6 @@ function getSectionOptions(section, token) {
     }
     return undefined;
 }
+export function cleanString(dirtyString) {
+    return dirtyString.replace(/[\u2066\u2067\u2068\u2069]/g, '');
+}

package/dist/esm/components/DatePicker/DatePicker.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Calendar as CalendarIcon } from '@gravity-ui/icons';

package/dist/esm/components/DatePicker/hooks/useDatePickerProps.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { useFocusWithin, useForkRef } from '@gravity-ui/uikit';
 import { useDateFieldProps } from '../../DateField';

package/dist/esm/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { useFocusWithin, useForkRef } from '@gravity-ui/uikit';
 import { useDateFieldProps } from '../../DateField';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "",
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -32,50 +32,54 @@
   "scripts": {
     "prepare": "husky install",
     "lint": "run-p lint:*",
-    "lint:js": "eslint --ext .js,.jsx,.ts,.tsx .",
-    "lint:styles": "stylelint 'src/**/*.scss'",
+    "lint:js": "eslint --ext .js,.jsx,.ts,.tsx --report-unused-disable-directives .",
+    "lint:styles": "stylelint --report-needless-disables 'src/**/*.scss'",
     "lint:other": "npm run prettier -- --check",
     "prettier": "prettier '**/*.{md,yaml,yml,json}'",
     "typecheck": "tsc --noEmit",
     "test": "jest",
     "clean": "gulp clean",
     "build": "gulp",
-    "start": "storybook dev",
+    "start": "storybook dev -p 7070",
     "build-storybook": "storybook build -c .storybook -o storybook-static",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/date-utils": "^1.4.1",
-    "@gravity-ui/icons": "^2.2.0"
+    "@gravity-ui/icons": "^2.2.0",
+    "tslib": "2.6.2"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.22.9",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
-    "@commitlint/cli": "^17.6.7",
-    "@commitlint/config-conventional": "^17.6.7",
-    "@gravity-ui/eslint-config": "^2.1.1",
-    "@gravity-ui/prettier-config": "^1.0.1",
-    "@gravity-ui/stylelint-config": "^2.0.0",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
+    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/prettier-config": "^1.1.0",
+    "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^5.0.0",
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addons": "^7.5.3",
-    "@storybook/api": "^7.5.3",
+    "@storybook/addon-a11y": "^7.6.7",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-viewport": "^7.6.7",
+    "@storybook/addons": "^7.6.7",
+    "@storybook/api": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.5.3",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-webpack5": "^7.6.7",
+    "@storybook/theming": "^7.6.7",
+    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.11",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
     "cross-env": "^7.0.3",
-    "eslint": "^8.45.0",
-    "eslint-plugin-testing-library": "^5.11.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-testing-library": "^6.2.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-dart-sass": "^1.1.0",
@@ -87,31 +91,30 @@
     "jest-transform-css": "^6.0.1",
     "nano-staged": "^0.8.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
+    "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "^1.64.1",
-    "sass-loader": "^13.3.2",
-    "storybook": "^7.5.3",
+    "rimraf": "5.0.5",
+    "sass": "^1.69.7",
+    "sass-loader": "^13.3.3",
+    "storybook": "^7.6.7",
     "style-loader": "^3.3.3",
     "stylelint": "^15.10.2",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.1.6"
+    "ts-node": "^10.9.2",
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^5.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "overrides": {
-    "stylelint": "^15.10.2"
-  },
   "nano-staged": {
     "*.{scss}": [
-      "stylelint --fix --quiet"
+      "stylelint --fix --quiet --report-needless-disables"
     ],
     "*.{js,jsx,ts,tsx}": [
-      "eslint --fix --quiet"
+      "eslint --fix --quiet --report-unused-disable-directives"
     ],
     "*.{md,json,yml,yaml}": [
       "prettier --write"