chore: cleanup and update dependencies (#254)

ValeraS · web-flow · commit bbdc6415531e · 2025-12-10T11:28:56.000+01:00
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -6,6 +6,7 @@ import '@gravity-ui/uikit/styles/styles.css';
 import {settings} from '@gravity-ui/date-utils';
 import {MobileProvider, ThemeProvider, ToasterComponent, ToasterProvider} from '@gravity-ui/uikit';
 import {toaster} from '@gravity-ui/uikit/toaster-singleton';
+import addonA11y from '@storybook/addon-a11y';
 import addonDocs from '@storybook/addon-docs';
 import type {Decorator} from '@storybook/react-vite';
 import {definePreview} from '@storybook/react-vite';
@@ -35,7 +36,7 @@ const WithContextProvider: Decorator = (Story, context) => {
 };
 
 export default definePreview({
-    addons: [addonDocs()],
+    addons: [addonDocs(), addonA11y()],
     parameters: {
         docs: {
             theme: themes.light,
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -70,52 +70,44 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@gravity-ui/eslint-config": "^4.2.0",
     "@gravity-ui/gulp-utils": "^1.0.3",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^5.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@storybook/addon-a11y": "^10.1.4",
-    "@storybook/addon-docs": "^10.1.4",
-    "@storybook/addon-vitest": "^10.1.4",
-    "@storybook/react-vite": "^10.1.4",
+    "@storybook/addon-a11y": "^10.1.6",
+    "@storybook/addon-docs": "^10.1.6",
+    "@storybook/addon-vitest": "^10.1.6",
+    "@storybook/react-vite": "^10.1.6",
     "@types/node": "^22",
-    "@types/react": "^18.3.24",
+    "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
-    "@vitejs/plugin-react": "^5.1.1",
+    "@vitejs/plugin-react": "^5.1.2",
     "@vitest/browser-playwright": "^4.0.15",
     "@vitest/coverage-v8": "^4.0.15",
-    "@vitest/eslint-plugin": "^1.5.1",
+    "@vitest/eslint-plugin": "^1.5.2",
     "@vitest/ui": "^4.0.15",
-    "eslint": "^9.36.0",
+    "eslint": "^9.39.1",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-storybook": "^10.1.4",
+    "eslint-plugin-storybook": "^10.1.6",
     "globals": "^16.4.0",
     "gulp": "^5.0.1",
     "gulp-cli": "^3.1.0",
     "gulp-sass": "^6.0.1",
     "gulp-sourcemaps": "^3.0.0",
     "husky": "^9.1.7",
-    "jest": "^30.1.3",
-    "jest-environment-jsdom": "^30.1.2",
-    "jest-transform-css": "^6.0.3",
     "nano-staged": "^0.8.0",
     "npm-run-all": "^4.1.5",
     "playwright": "^1.57.0",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sass": "^1.93.1",
-    "storybook": "10.1.4",
-    "stylelint": "^16.24.0",
+    "sass": "^1.95.1",
+    "storybook": "10.1.6",
+    "stylelint": "^16.26.1",
     "stylelint-use-logical": "^2.1.2",
-    "ts-jest": "^29.4.4",
-    "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
     "vitest": "^4.0.15",
     "vitest-browser-react": "^2.0.2"
diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx
@@ -13,11 +13,7 @@ import type {AccessibilityProps, DomProps, FocusEvents, StyleProps} from '../typ
 import '../CalendarView/Calendar.scss';
 
 export interface CalendarProps<T = DateTime>
-    extends CalendarStateOptions<T>,
-        DomProps,
-        StyleProps,
-        FocusEvents,
-        AccessibilityProps {
+    extends CalendarStateOptions<T>, DomProps, StyleProps, FocusEvents, AccessibilityProps {
     /**
      * The size of the element.
      * @default m
diff --git a/src/components/CalendarView/hooks/useCalendarState.ts b/src/components/CalendarView/hooks/useCalendarState.ts
@@ -12,8 +12,7 @@ import {calendarLayouts} from '../utils';
 import type {CalendarLayout, CalendarState, CalendarStateOptionsBase} from './types';
 
 export interface CalendarStateOptions<T = DateTime>
-    extends ValueBase<T | null, T>,
-        CalendarStateOptionsBase {}
+    extends ValueBase<T | null, T>, CalendarStateOptionsBase {}
 
 export type {CalendarState} from './types';
 
@@ -213,8 +212,8 @@ export function useCalendarState(props: CalendarStateOptions): CalendarState {
         isSelected(date: DateTime) {
             return Boolean(
                 value &&
-                    date.isSame(value.timeZone(timeZone), currentMode) &&
-                    !this.isCellDisabled(date),
+                date.isSame(value.timeZone(timeZone), currentMode) &&
+                !this.isCellDisabled(date),
             );
         },
         isCellUnavailable(date: DateTime) {
diff --git a/src/components/DateField/hooks/useDateFieldProps.ts b/src/components/DateField/hooks/useDateFieldProps.ts
@@ -19,7 +19,8 @@ import {cleanString} from '../utils';
 import type {DateFieldState} from './useBaseDateFieldState';
 
 export interface DateFieldProps<T = DateTime>
-    extends DateFieldBase<T>,
+    extends
+        DateFieldBase<T>,
         DateFieldTextInputProps,
         TextInputExtendProps,
         DomProps,
@@ -223,8 +224,8 @@ export function useDateFieldProps<T = DateTime>(
 
                         const isValidValue = Boolean(
                             activeSection &&
-                                ((activeSection.contentType === 'digit' && digitsOnly) ||
-                                    (activeSection.contentType === 'letter' && lettersOnly)),
+                            ((activeSection.contentType === 'digit' && digitsOnly) ||
+                                (activeSection.contentType === 'letter' && lettersOnly)),
                         );
                         if (isValidValue) {
                             state.onInput(pastedValue);
diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx
@@ -31,7 +31,8 @@ import {b} from './utils';
 import './DatePicker.scss';
 
 export interface DatePickerProps<T = DateTime>
-    extends DatePickerStateOptions<T>,
+    extends
+        DatePickerStateOptions<T>,
         TextInputProps,
         FocusableProps,
         KeyboardEvents,
diff --git a/src/components/DatePicker/hooks/datePickerStateFactory.ts b/src/components/DatePicker/hooks/datePickerStateFactory.ts
@@ -73,8 +73,7 @@ export interface DatePickerStateFactoryOptions<T, O extends DateFieldBase<T>> {
 }
 
 export interface DatePickerStateOptions<T>
-    extends DateFieldBase<T>,
-        PopupTriggerProps<[OpenChangeReason]> {}
+    extends DateFieldBase<T>, PopupTriggerProps<[OpenChangeReason]> {}
 
 export function datePickerStateFactory<T, O extends DatePickerStateOptions<T>>({
     getPlaceholderTime,
diff --git a/src/components/RangeDateSelection/RangeDateSelection.tsx b/src/components/RangeDateSelection/RangeDateSelection.tsx
@@ -22,10 +22,7 @@ import './RangeDateSelection.scss';
 const b = block('range-date-selection');
 
 export interface RangeDateSelectionProps
-    extends RangeDateSelectionOptions,
-        DomProps,
-        StyleProps,
-        AccessibilityProps {
+    extends RangeDateSelectionOptions, DomProps, StyleProps, AccessibilityProps {
     /** Formats time ticks */
     formatTime?: (time: DateTime) => string;
     /** Displays now line */
diff --git a/src/components/RelativeDateField/RelativeDateField.tsx b/src/components/RelativeDateField/RelativeDateField.tsx
@@ -30,7 +30,8 @@ import './RelativeDateField.scss';
 const b = block('relative-date-field');
 
 export interface RelativeDateFieldProps
-    extends RelativeDateFieldOptions,
+    extends
+        RelativeDateFieldOptions,
         TextInputProps,
         TextInputExtendProps,
         DomProps,
diff --git a/src/components/RelativeDatePicker/RelativeDatePicker.tsx b/src/components/RelativeDatePicker/RelativeDatePicker.tsx
@@ -36,7 +36,8 @@ import './RelativeDatePicker.scss';
 const b = block('relative-date-picker');
 
 export interface RelativeDatePickerProps
-    extends RelativeDatePickerStateOptions,
+    extends
+        RelativeDatePickerStateOptions,
         TextInputProps,
         FocusableProps,
         KeyboardEvents,
diff --git a/src/components/RelativeRangeDatePicker/types.ts b/src/components/RelativeRangeDatePicker/types.ts
@@ -50,7 +50,8 @@ export interface RelativeRangeDatePickerRenderControlProps {
 }
 
 export interface RelativeRangeDatePickerProps
-    extends RelativeRangeDatePickerStateOptions,
+    extends
+        RelativeRangeDatePickerStateOptions,
         DomProps,
         AccessibilityProps,
         InputBase,
diff --git a/src/components/types/inputs.ts b/src/components/types/inputs.ts
@@ -27,8 +27,10 @@ export interface ValueBase<T, C = T> {
     onUpdate?: (value: C) => void;
 }
 
-export interface Validation
-    extends Pick<TextInputBaseProps, 'validationState' | 'errorMessage' | 'errorPlacement'> {}
+export interface Validation extends Pick<
+    TextInputBaseProps,
+    'validationState' | 'errorMessage' | 'errorPlacement'
+> {}
 
 export interface DomProps {
     /** The element's unique identifier. */

Original file line number	Diff line number	Diff line change
`@@ -73,8 +73,7 @@ export interface DatePickerStateFactoryOptions<T, O extends DateFieldBase<T>> {`
`73`	`73`	`}`
`74`	`74`
`75`	`75`	`export interface DatePickerStateOptions<T>`
`76`		`- extends DateFieldBase<T>,`
`77`		`- PopupTriggerProps<[OpenChangeReason]> {}`
	`76`	`+ extends DateFieldBase<T>, PopupTriggerProps<[OpenChangeReason]> {}`
`78`	`77`
`79`	`78`	`export function datePickerStateFactory<T, O extends DatePickerStateOptions<T>>({`
`80`	`79`	`getPlaceholderTime,`