@true-engineering/true-react-common-ui-kit 4.0.0-alpha45 → 4.0.0-alpha47

package/dist/types.d.ts

@@ -1,7 +1,7 @@
-import type { FocusEventHandler, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
-import type { Modifier, Placement } from 'react-overlays/usePopper';
-import type { JssStyle } from 'jss';
-import type { IMaybeArray } from './theme';
+import { FocusEventHandler, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
+import { Modifier, Placement } from 'react-overlays/usePopper';
+import { JssStyle } from 'jss';
+import { IMaybeArray } from './theme';
 export interface ITestIdProps {
     testId?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha45",
+  "version": "4.0.0-alpha47",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -50,7 +50,7 @@
     "@floating-ui/react": "^0.27.13",
     "@true-engineering/true-react-platform-helpers": "^1.0.0",
     "clsx": "^2.1.1",
-    "country-flag-icons": "1.5.5",
+    "country-flag-icons": "1.5.21",
     "date-fns": "^4.1.0",
     "filesize": "10.1.1",
     "hex-to-rgba": "2.0.1",
@@ -70,28 +70,29 @@
   "devDependencies": {
     "@babel/core": "7.20.12",
     "@storybook/react": "9.1.10",
-    "@swc/core": "^1.3.30",
+    "@swc/core": "1.3.30",
     "@trivago/prettier-plugin-sort-imports": "4.3.0",
     "@types/lodash-es": "4.17.11",
-    "@types/node": "^24.7.2",
+    "@types/node": "24.7.2",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
     "@types/react-input-mask": "3.0.2",
     "@types/react-transition-group": "4.4.10",
-    "@typescript-eslint/eslint-plugin": "5.48.2",
-    "@typescript-eslint/parser": "5.48.2",
-    "@vitejs/plugin-react": "3.0.0",
-    "eslint": "8.36.0",
-    "eslint-config-prettier": "8.7.0",
-    "eslint-plugin-import": "2.29.0",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.6.0",
+    "@vitejs/plugin-react-swc": "4.2.0",
+    "eslint": "9.34.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "6.0.0-rc.1",
+    "globals": "16.3.0",
     "prettier": "2.8.3",
     "rollup-plugin-swc3": "0.3.0",
-    "typescript": "4.9.3",
-    "unplugin-swc": "1.3.2",
-    "vite": "4.0.0",
-    "vite-plugin-dts": "3.7.3"
+    "terser": "5.44.0",
+    "typescript": "5.8.2",
+    "typescript-eslint": "8.46.2",
+    "vite": "7.1.12",
+    "vite-plugin-dts": "4.5.4"
   },
   "resolutions": {
     "strip-ansi": "6.0.1"

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -7,7 +7,7 @@ import { Checkbox, ICheckboxProps } from '../Checkbox';
 const SIZES = ['micro'] as const;
 
 declare module './types' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface ICheckboxSizes extends IExtendableProps<typeof SIZES> {}
 }
 

package/src/components/Checkbox/types.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface ICheckboxSizes {}
 
 export type ICheckboxSize = keyof ICheckboxSizes;

package/src/components/ControlWrapper/ControlWrapper.stories.tsx

@@ -10,7 +10,7 @@ import { GROUP_PLACEMENTS } from './constants';
 const SIZES = ['micro'] as const;
 
 declare module './types' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface IControlWrapperSizes extends IExtendableProps<typeof SIZES> {}
 }
 

package/src/components/ControlWrapper/types.ts

@@ -3,7 +3,7 @@ import { IClickHandlerEvent } from '../../types';
 import { IIcon } from '../Icon';
 import { GROUP_PLACEMENTS } from './constants';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface IControlWrapperSizes {}
 
 export type IControlWrapperSize = keyof IControlWrapperSizes;

package/src/components/FiltersPane/components/Filter/Filter.tsx

@@ -72,7 +72,7 @@ export function Filter<Values extends Record<string, unknown>, Key extends keyof
   }
 
   if (filter.type === 'multiSelect') {
-    const preparedValue = isMultiSelectValue<any>(value) ? value : undefined; // eslint-disable-line @typescript-eslint/no-explicit-any
+    const preparedValue = isMultiSelectValue<any>(value) ? value : undefined;
 
     return (
       <FilterMultiSelect

package/src/components/FiltersPane/components/Filter/helpers.ts

@@ -4,15 +4,15 @@ import { IDatePeriod, IFilterMultiSelectValues, IPeriod } from '../../types';
 const isDateOrEmpty = (value: unknown): value is Date | null | undefined =>
   isEmpty(value) || value instanceof Date;
 
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export const isDatePeriodValue = (value: any): value is IDatePeriod =>
   isDateOrEmpty(value?.from) && isDateOrEmpty(value?.to);
 
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export const isPeriodValue = (value: any): value is IPeriod =>
   isString(value?.periodType) && isDatePeriodValue(value);
 
 export const isMultiSelectValue = <T extends string>(
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
   value: any,
 ): value is IFilterMultiSelectValues<T> => Array.isArray(value?.include);

package/src/components/FiltersPane/types.ts

@@ -101,7 +101,6 @@ export type CustomComponent<Value> = FC<ICustomComponentProps<Value>>;
 export type ICustomValue<V> = V extends Array<infer T> ? T : never;
 
 export interface ICustomRangeConfigItem<Value> extends IConfigItemBasicBase<Value> {
-  // eslint-disable-next-line @typescript-eslint/ban-types
   [key: string & {}]: any;
   type: 'custom';
   component: CustomComponent<Value>;
@@ -109,7 +108,6 @@ export interface ICustomRangeConfigItem<Value> extends IConfigItemBasicBase<Valu
 }
 
 export interface ICustomMultipleConfigItem<Value> extends IConfigItemBasicBase<Value> {
-  // eslint-disable-next-line @typescript-eslint/ban-types
   [key: string & {}]: any;
   type: 'custom';
   component: CustomComponent<Value>;

package/src/components/Flag/Flag.tsx

@@ -1,10 +1,10 @@
 import { FC } from 'react';
 import { hasFlag } from 'country-flag-icons';
-import Flags from 'country-flag-icons/react/3x2';
+import * as Flags from 'country-flag-icons/react/3x2';
 import { ICommonProps } from '../../types';
 import { Icon } from '../Icon';
 import { customFlags } from './customFlags';
-import { useStyles, IFlagStyles } from './Flag.styles';
+import { IFlagStyles, useStyles } from './Flag.styles';
 
 export interface IFlagProps extends Pick<ICommonProps<IFlagStyles>, 'tweakStyles'> {
   /** @default '' */

package/src/components/Icon/types.ts

@@ -4,7 +4,7 @@ import { iconsMap } from './icons';
 export type ISvgIcon = string;
 
 type IUiKitIconsMap = typeof iconsMap;
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface IIconsMap extends IUiKitIconsMap {}
 
 export type IIconType = keyof IIconsMap;

package/src/components/PhoneInput/PhoneInput.tsx

@@ -76,7 +76,7 @@ export const PhoneInput: FC<IPhoneInputProps> = ({
 
   const countryCode = useMemo(
     () => value?.countryCode ?? getCountryCodeFromPhone(phoneWithCode),
-    [value.countryCode, value.dialCode, value.phoneNumber],
+    [phoneWithCode, value?.countryCode],
   );
 
   const handleClose = () => {

package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx

@@ -48,10 +48,7 @@ export const PhoneInputCountryList: FC<IPhoneInputCountryListProps> = ({
     currentComponentName: 'PhoneInputCountryList',
   });
 
-  const sortedCountries = useMemo(
-    () => sortCountriesByLocale(phoneInfo, locale),
-    [phoneInfo, locale],
-  );
+  const sortedCountries = useMemo(() => sortCountriesByLocale(phoneInfo, locale), [locale]);
 
   const selectedCountryIdx = findCountryIndexByCode(selectedCountryCode, sortedCountries);
 

package/src/components/RadioButton/RadioButton.stories.tsx

@@ -8,7 +8,7 @@ const options = ['one', 'two', 'three'];
 const SIZES = [undefined, 'micro'] as const;
 
 declare module './types' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface IRadioButtonSizes extends IExtendableProps<typeof SIZES> {}
 }
 

package/src/components/RadioButton/types.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface IRadioButtonSizes {}
 
 export type IRadioButtonSize = keyof IRadioButtonSizes;

package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts

@@ -1,4 +1,12 @@
-import { createElement, createRef, HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
+import {
+  createElement,
+  createRef,
+  DOMElement,
+  HTMLProps,
+  PureComponent,
+  ReactNode,
+  RefObject,
+} from 'react';
 import scrollIntoViewIfNeeded, { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
 import {
   ScrollIntoViewIfNeededDefaultElementType,
@@ -13,25 +21,25 @@ export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
 }
 
 export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
-  node: RefObject<HTMLElement> = createRef();
-
   public static defaultProps: IScrollIntoViewIfNeededProps = ScrollIntoViewIfNeededDefaultProps;
 
-  componentDidMount() {
+  node: RefObject<HTMLElement> = createRef();
+
+  componentDidMount(): void {
     const { active } = this.props;
     if (active) {
       this.handleScrollIntoViewIfNeeded();
     }
   }
 
-  componentDidUpdate({ active }: IScrollIntoViewIfNeededProps) {
+  componentDidUpdate({ active }: IScrollIntoViewIfNeededProps): void {
     const { active: isNowActive } = this.props;
     if (!active && isNowActive) {
       this.handleScrollIntoViewIfNeeded();
     }
   }
 
-  handleScrollIntoViewIfNeeded = () => {
+  handleScrollIntoViewIfNeeded = (): void => {
     const { options } = this.props;
     const { current: node } = this.node;
 
@@ -40,7 +48,7 @@ export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeede
     }
   };
 
-  render() {
+  render(): DOMElement<any, any> {
     const { active, elementType, children, options, ...wrapperProps } = this.props;
 
     return createElement(
@@ -50,5 +58,3 @@ export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeede
     );
   }
 }
-
-export default ScrollIntoViewIfNeeded;

package/src/components/Select/MultiSelect.stories.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useEffect, useState } from 'react';
+import { ReactElement, ReactNode, useEffect, useState } from 'react';
 import { isStringNotEmpty } from '@true-engineering/true-react-platform-helpers';
 import { type Meta } from '@storybook/react';
 import { GROUP_PLACEMENTS } from '../ControlWrapper';
@@ -85,7 +85,7 @@ function Story<T>({
   scrollParent,
   noMatchesLabel,
   ...args
-}: ISelectCustomProps<T>) {
+}: ISelectCustomProps<T>): ReactElement {
   const [stringValue, setStringValue] = useState<string[]>();
 
   const stringHandler = (newValue?: string[]) => {

package/src/components/Select/Select.stories.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useEffect, useState } from 'react';
+import { ReactElement, ReactNode, useEffect, useState } from 'react';
 import { isStringNotEmpty } from '@true-engineering/true-react-platform-helpers';
 import { type Meta } from '@storybook/react';
 import { GROUP_PLACEMENTS } from '../ControlWrapper';
@@ -85,7 +85,7 @@ function Story<T>({
   scrollParent,
   noMatchesLabel,
   ...args
-}: ISelectCustomProps<T>) {
+}: ISelectCustomProps<T>): ReactElement {
   const [stringValue, setStringValue] = useState<string>();
   const stringHandler = (newValue?: string) => {
     console.log('change');

package/src/components/Select/Select.tsx

@@ -61,7 +61,7 @@ export interface ISelectProps<Value>
   dropdownOptions?: IDropdownWithPopperOptions;
   /** @default 'chevron-down' */
   dropdownIcon?: IIcon;
-  options: Value[] | Readonly<Value[]>;
+  options: Value[] | readonly Value[];
   value: Value | undefined;
   /** @default true */
   shouldScrollToList?: boolean;
@@ -280,32 +280,6 @@ export function Select<Value>(
     handleListOpen();
   };
 
-  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
-    // Когда что-то блокирует открытие листа, но блур все равно должен сработать
-    // например minSymbolsCount
-    if (isListOpen && !isOpen) {
-      handleListClose(event);
-      return;
-    }
-
-    if (
-      !isNotEmpty(event.relatedTarget) ||
-      !isNotEmpty(list.current) ||
-      !isNotEmpty(inputWrapper.current)
-    ) {
-      return;
-    }
-
-    const isActionInsideSelect =
-      hasExactParent(event.relatedTarget, list.current) ||
-      hasExactParent(event.relatedTarget, inputWrapper.current);
-
-    // Ничего не делаем, если клик был внутри селекта
-    if (!isActionInsideSelect) {
-      handleListClose(event);
-    }
-  };
-
   const handleChange = useCallback(
     (newValue: Value | IMultipleSelectValue<Value> | undefined, event: IChangeSelectEvent) => {
       // Тут беда с типами, сорри
@@ -484,6 +458,32 @@ export function Select<Value>(
     // Последняя проверка на случай, если мы че то ищем в опциях
     (optionsMode === 'normal' || hasEnoughSymbolsToSearch);
 
+  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
+    // Когда что-то блокирует открытие листа, но блур все равно должен сработать
+    // например minSymbolsCount
+    if (isListOpen && !isOpen) {
+      handleListClose(event);
+      return;
+    }
+
+    if (
+      !isNotEmpty(event.relatedTarget) ||
+      !isNotEmpty(list.current) ||
+      !isNotEmpty(inputWrapper.current)
+    ) {
+      return;
+    }
+
+    const isActionInsideSelect =
+      hasExactParent(event.relatedTarget, list.current) ||
+      hasExactParent(event.relatedTarget, inputWrapper.current);
+
+    // Ничего не делаем, если клик был внутри селекта
+    if (!isActionInsideSelect) {
+      handleListClose(event);
+    }
+  };
+
   // Эти значения ставятся в false по дефолту также в useDropdown
   const {
     shouldUsePopper = false,

package/src/components/Select/components/SelectList/SelectList.tsx

@@ -1,4 +1,4 @@
-import { useMemo, type ReactNode } from 'react';
+import { type ReactNode, useMemo } from 'react';
 import clsx from 'clsx';
 import {
   addDataTestId,
@@ -8,13 +8,13 @@ import {
 import { type ICommonProps } from '../../../../types';
 import { ScrollIntoViewIfNeeded } from '../../../ScrollIntoViewIfNeeded';
 import { ALL_OPTION_INDEX, DEFAULT_OPTION_INDEX } from '../../constants';
-import { SelectListItem, type ISelectListItemProps } from '../SelectListItem';
-import { useStyles, type ISelectListStyles } from './SelectList.styles';
+import { type ISelectListItemProps, SelectListItem } from '../SelectListItem';
+import { type ISelectListStyles, useStyles } from './SelectList.styles';
 
 export interface ISelectListProps<Value>
   extends ICommonProps<ISelectListStyles>,
     Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
-  options: Value[] | Readonly<Value[]>;
+  options: Value[] | readonly Value[];
   focusedIndex?: number;
   activeValue?: Value | Value[];
   noMatchesLabel?: string;

package/src/components/Selector/Selector.tsx

@@ -11,7 +11,7 @@ import { addDataAttributes } from '../../helpers';
 import { ICommonProps } from '../../types';
 import { renderIcon } from '../Icon';
 import { ISelectorOption, ISelectorValue } from './types';
-import { getSelectorLineStyle, useStyles, ISelectorStyles } from './Selector.styles';
+import { getSelectorLineStyle, ISelectorStyles, useStyles } from './Selector.styles';
 
 export interface ISelectorProps<V extends ISelectorValue> extends ICommonProps<ISelectorStyles> {
   options: Array<ISelectorOption<V>>;
@@ -52,7 +52,6 @@ export function Selector<V extends ISelectorValue>({
   const listRef = useRef<HTMLDivElement>(null);
 
   if (hasDuplicates(optionsValues)) {
-    // eslint-disable-next-line no-console
     console.error('Selector: Значения options.value должны быть уникальными');
   }
 

package/src/components/Status/Status.stories.tsx

@@ -19,7 +19,7 @@ const STATUS_COLORS = [
 ] as const;
 
 declare module './types' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface IStatusColors extends IExtendableProps<typeof STATUS_COLORS> {}
 }
 

package/src/components/Status/types.ts

@@ -3,7 +3,7 @@ import type { STATUS_SIZES } from './constants';
 
 export type IStatusSize = (typeof STATUS_SIZES)[number];
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface IStatusColors extends IDefaultExtendableProps {}
 
 export type IStatusColor = keyof IStatusColors;

package/src/components/TextArea/TextArea.stories.tsx

@@ -6,7 +6,7 @@ import { ITextAreaProps, TextArea } from './TextArea';
 const COUNTER_POSITIONS = ['default', 'top'] as const;
 
 declare module './types' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface ITextAreaCounterPositions extends IExtendableProps<typeof COUNTER_POSITIONS> {}
 }
 

package/src/components/TextArea/types.ts

@@ -1,6 +1,6 @@
 import { IExtendableProps } from '../../types';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface ITextAreaCounterPositions extends IExtendableProps<'default'> {}
 
 export type ITextAreaCounterPosition = keyof ITextAreaCounterPositions;

package/src/components/TextWithTooltip/TextWithTooltip.tsx

@@ -7,7 +7,7 @@ import { addDataAttributes } from '../../helpers';
 import { useOnClickOutsideWithRef, useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
 import { ITooltipProps, Tooltip } from '../Tooltip';
-import { useStyles, ITextWithTooltipStyles } from './TextWithTooltip.styles';
+import { ITextWithTooltipStyles, useStyles } from './TextWithTooltip.styles';
 
 export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyles> {
   children: ReactNode;
@@ -18,7 +18,6 @@ export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyl
   tooltipType?: ITooltipProps['type'];
   /** @default 'top' */
   tooltipPosition?: Placement;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   /** @default [] */
   tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
   tooltipOffsetOptions?: Record<string, unknown>;

package/src/helpers/misc.ts

@@ -21,6 +21,11 @@ export const transformToKebab = (string: string): string => {
   return result;
 };
 
+export const getParentNode = (element: Element | ShadowRoot | Document): Element =>
+  element.nodeName === 'HTML' || element === document
+    ? (element as Element)
+    : (element.parentNode as Element) ?? (element as ShadowRoot).host;
+
 export const hasExactParent = (element: Element, parent: Element): boolean => {
   if (element === parent) {
     return true; // Found the exact parent
@@ -35,11 +40,6 @@ export const hasExactParent = (element: Element, parent: Element): boolean => {
   return hasExactParent(parentNode, parent);
 };
 
-export const getParentNode = (element: Element | ShadowRoot | Document): Element =>
-  element.nodeName === 'HTML' || element === document
-    ? (element as Element)
-    : (element.parentNode as Element) ?? (element as ShadowRoot).host;
-
 export const getStyleComputedProperty = (element: Element): Partial<CSSStyleDeclaration> =>
   element.nodeType !== 1 ? {} : getComputedStyle(element, null);
 

package/src/helpers/popper-helpers.ts

@@ -1,6 +1,5 @@
 import { Modifier } from 'react-overlays/usePopper';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const minWidthModifier: Partial<Modifier<any, any>> = {
   name: 'minWidth',
   enabled: true,

package/src/theme/helpers.ts

@@ -58,7 +58,9 @@ export const getTweakStylesCache = (): TweakStylesCache => {
     if (!cache.has(next)) {
       cache.set(next, getTweakStylesCache());
     }
-    return cache.get(next)!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
+
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return cache.get(next)!;
   };
 
   return (styles, prev = []) => {

package/src/theme/true-jss/ThemedStylesManager.ts

@@ -87,6 +87,7 @@ export class ThemedStylesManager<C extends string> {
       this.#styleSheetMap.set(theme, { sheet, manager, refs: 0 });
     }
 
-    return this.#styleSheetMap.get(theme)!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return this.#styleSheetMap.get(theme)!;
   }
 }

package/src/theme/true-jss/TweakStylesManager.ts

@@ -1,4 +1,4 @@
-import type { StyleSheet, Classes, Rule } from 'jss';
+import type { Classes, Rule, StyleSheet } from 'jss';
 import {
   isArrayNotEmpty,
   isNotEmpty,
@@ -142,7 +142,6 @@ declare module 'jss' {
   export interface RuleList {
     index: Rule[];
   }
-  // eslint-disable-next-line no-shadow
   export interface StyleSheet<RuleName> {
     rules: RuleList;
     // eslint-disable-next-line @typescript-eslint/method-signature-style

package/src/theme/types.ts

@@ -148,7 +148,6 @@ export interface IComponentStyles {
 
 export type IComponentName = keyof IComponentStyles;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type IUiKitAnimations = Record<string, any>;
 export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
 

package/src/types.ts

@@ -36,11 +36,9 @@ export interface IDropdownWithPopperOptions {
 
   shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
   canBeFlipped?: boolean; // только с shouldUsePopper
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
   placement?: Placement; // only with shouldUsePopper
   // https://popper.js.org/docs/v2/modifiers/flip/
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   flipOptions?: Record<string, any>; // только с shouldUsePopper
 }
 export type IClickHandlerEvent = MouseEvent | KeyboardEvent;

package/src/components/Flag/customFlags/augment.d.ts

@@ -1 +0,0 @@
-declare module '*.svg?raw';