@true-engineering/true-react-common-ui-kit 3.45.2 → 4.0.0-alpha1

package/src/theme/types.ts

@@ -1,158 +1,162 @@
-import { Styles } from 'react-jss';
-import { Classes, JssValue } from 'jss';
-import type {
-  IAccountInfoStyles,
-  IAddButtonStyles,
-  IButtonStyles,
-  ICheckboxStyles,
-  ICloseButtonStyles,
-  ICommonIcon,
-  IComplexIcon,
-  ICssBaselineStyles,
-  IDateInputStyles,
-  IDatePickerHeaderStyles,
-  IDatePickerStyles,
-  IDescriptionStyles,
-  IDotsPreloaderStyles,
-  IFilterIntervalStyles,
-  IFilterSelectStyles,
-  IFiltersPaneSearchStyles,
-  IFiltersPaneStyles,
-  IFilterValueViewStyles,
-  IFilterWithDatesStyles,
-  IFilterWithPeriodStyles,
-  IFilterWrapperStyles,
-  IFlagStyles,
-  IFlexibleTableCellStyles,
-  IFlexibleTableRowStyles,
-  IFlexibleTableStyles,
-  IIconButtonStyles,
-  IIconStyles,
-  IIncrementInputStyles,
-  IInputStyles,
-  IListItemStyles,
-  IListStyles,
-  IModalStyles,
-  IMoreMenuStyles,
-  IMultiSelectInputStyles,
-  IMultiSelectListStyles,
-  IMultiSelectStyles,
-  INotificationStyles,
-  IPhoneInputCountryListStyles,
-  IPhoneInputStyles,
-  IPreloaderSvgType,
-  IRadioButtonStyles,
-  ISearchInputStyles,
-  ISelectListStyles,
-  ISelectorStyles,
-  ISelectStyles,
-  ISkeletonStyles,
-  IStatusStyles,
-  ISvgIcon,
-  ISvgPreloaderStyles,
-  ISwitchStyles,
-  ITextAreaStyles,
-  ITextButtonStyles,
-  ITextWithInfoStyles,
-  ITextWithTooltipStyles,
-  IThemedPreloaderStyles,
-  IToasterStyles,
-  ITooltipStyles,
-  IWithPopupStyles,
-  INewMoreMenuStyles,
-  IFileInputStyles,
-  IFileItemStyles,
-  IWithTooltipStyles,
-} from '../components';
-
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
-
-export type IUseStyles<C extends string, P = unknown> = (
-  data?: P & { theme?: Partial<Styles<C, P>> },
-) => Classes<C>;
-
-export type ITweakStyles<
-  StyleCreator,
-  ChildTweakStyles = unknown,
-> = StyleCreator extends IUseStyles<infer C, infer P>
-  ? Partial<Styles<C, P>> & Partial<ChildTweakStyles>
-  : never;
-
-export interface IComponentStyles {
-  AccountInfo: IAccountInfoStyles;
-  AddButton: IAddButtonStyles;
-  Button: IButtonStyles;
-  CloseButton: ICloseButtonStyles;
-  Checkbox: ICheckboxStyles;
-  CssBaseline: ICssBaselineStyles;
-  DateInput: IDateInputStyles;
-  DatePicker: IDatePickerStyles;
-  DatePickerHeader: IDatePickerHeaderStyles;
-  Description: IDescriptionStyles;
-  DotsPreloader: IDotsPreloaderStyles;
-  SvgPreloader: ISvgPreloaderStyles;
-  FileInput: IFileInputStyles;
-  FileItem: IFileItemStyles;
-  FilterValueView: IFilterValueViewStyles;
-  FiltersPane: IFiltersPaneStyles;
-  FilterInterval: IFilterIntervalStyles;
-  FilterSelect: IFilterSelectStyles;
-  FilterWithDates: IFilterWithDatesStyles;
-  FilterWithPeriod: IFilterWithPeriodStyles;
-  FilterWrapper: IFilterWrapperStyles;
-  FiltersPaneSearch: IFiltersPaneSearchStyles;
-  Flag: IFlagStyles;
-  FlexibleTable: IFlexibleTableStyles;
-  FlexibleTableRow: IFlexibleTableRowStyles;
-  FlexibleTableCell: IFlexibleTableCellStyles;
-  Icon: IIconStyles;
-  IconButton: IIconButtonStyles;
-  IncrementInput: IIncrementInputStyles;
-  Input: IInputStyles;
-  List: IListStyles;
-  ListItem: IListItemStyles;
-  Modal: IModalStyles;
-  MoreMenu: IMoreMenuStyles;
-  MultiSelect: IMultiSelectStyles;
-  MultiSelectInput: IMultiSelectInputStyles;
-  MultiSelectList: IMultiSelectListStyles;
-  Notification: INotificationStyles;
-  PhoneInput: IPhoneInputStyles;
-  PhoneInputCountryList: IPhoneInputCountryListStyles;
-  RadioButton: IRadioButtonStyles;
-  SearchInput: ISearchInputStyles;
-  Select: ISelectStyles;
-  SelectList: ISelectListStyles;
-  Selector: ISelectorStyles;
-  Skeleton: ISkeletonStyles;
-  Switch: ISwitchStyles;
-  TextButton: ITextButtonStyles;
-  TextArea: ITextAreaStyles;
-  TextWithInfo: ITextWithInfoStyles;
-  TextWithTooltip: ITextWithTooltipStyles;
-  Status: IStatusStyles;
-  ThemedPreloader: IThemedPreloaderStyles;
-  Tooltip: ITooltipStyles;
-  Toaster: IToasterStyles;
-  WithPopup: IWithPopupStyles;
-  NewMoreMenu: INewMoreMenuStyles;
-  WithTooltip: IWithTooltipStyles;
-}
-
-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)>;
-
-export interface IUiKitTheme {
-  components?: Partial<IComponentStyles>;
-  icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
-  complexIcons?: Partial<Record<IComplexIcon, string>>;
-  preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
-  animations?: IUiKitAnimations;
-  colors?: Record<string, string>;
-  dimensions?: Record<string, number>;
-  boxShadows?: Record<string, JssValue>;
-  helpers?: IUiKitHelpers;
-}
+import { Styles } from 'react-jss';
+import { Classes, JssValue } from 'jss';
+import type {
+  IAccountInfoStyles,
+  IAddButtonStyles,
+  IButtonStyles,
+  ICheckboxStyles,
+  ICloseButtonStyles,
+  ICommonIcon,
+  IComplexIcon,
+  IWithMessagesStyles,
+  IControlWrapperStyles,
+  ICssBaselineStyles,
+  IDateInputStyles,
+  IDatePickerHeaderStyles,
+  IDatePickerStyles,
+  IDescriptionStyles,
+  IDotsPreloaderStyles,
+  IFileInputStyles,
+  IFileItemStyles,
+  IFilterIntervalStyles,
+  IFilterSelectStyles,
+  IFiltersPaneSearchStyles,
+  IFiltersPaneStyles,
+  IFilterValueViewStyles,
+  IFilterWithDatesStyles,
+  IFilterWithPeriodStyles,
+  IFilterWrapperStyles,
+  IFlagStyles,
+  IFlexibleTableCellStyles,
+  IFlexibleTableRowStyles,
+  IFlexibleTableStyles,
+  IIconButtonStyles,
+  IIconStyles,
+  IIncrementInputStyles,
+  IInputStyles,
+  IListItemStyles,
+  IListStyles,
+  IModalStyles,
+  IMoreMenuStyles,
+  IMultiSelectInputStyles,
+  IMultiSelectListStyles,
+  IMultiSelectStyles,
+  INewMoreMenuStyles,
+  INotificationStyles,
+  IPhoneInputCountryListStyles,
+  IPhoneInputStyles,
+  IPreloaderSvgType,
+  IRadioButtonStyles,
+  ISearchInputStyles,
+  ISelectListStyles,
+  ISelectorStyles,
+  ISelectStyles,
+  ISkeletonStyles,
+  IStatusStyles,
+  ISvgIcon,
+  ISvgPreloaderStyles,
+  ISwitchStyles,
+  ITextAreaStyles,
+  ITextButtonStyles,
+  ITextWithInfoStyles,
+  ITextWithTooltipStyles,
+  IThemedPreloaderStyles,
+  IToasterStyles,
+  ITooltipStyles,
+  IWithPopupStyles,
+  IWithTooltipStyles,
+} from '../components';
+
+export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+
+export type IUseStyles<C extends string, P = unknown> = (
+  data?: P & { theme?: Partial<Styles<C, P>> },
+) => Classes<C>;
+
+export type ITweakStyles<
+  StyleCreator,
+  ChildTweakStyles = unknown,
+> = StyleCreator extends IUseStyles<infer C, infer P>
+  ? Partial<Styles<C, P>> & Partial<ChildTweakStyles>
+  : never;
+
+export interface IComponentStyles {
+  AccountInfo: IAccountInfoStyles;
+  AddButton: IAddButtonStyles;
+  Button: IButtonStyles;
+  CloseButton: ICloseButtonStyles;
+  Checkbox: ICheckboxStyles;
+  CssBaseline: ICssBaselineStyles;
+  DateInput: IDateInputStyles;
+  DatePicker: IDatePickerStyles;
+  DatePickerHeader: IDatePickerHeaderStyles;
+  Description: IDescriptionStyles;
+  DotsPreloader: IDotsPreloaderStyles;
+  SvgPreloader: ISvgPreloaderStyles;
+  FileInput: IFileInputStyles;
+  FileItem: IFileItemStyles;
+  FilterValueView: IFilterValueViewStyles;
+  FiltersPane: IFiltersPaneStyles;
+  FilterInterval: IFilterIntervalStyles;
+  FilterSelect: IFilterSelectStyles;
+  FilterWithDates: IFilterWithDatesStyles;
+  FilterWithPeriod: IFilterWithPeriodStyles;
+  FilterWrapper: IFilterWrapperStyles;
+  FiltersPaneSearch: IFiltersPaneSearchStyles;
+  Flag: IFlagStyles;
+  FlexibleTable: IFlexibleTableStyles;
+  FlexibleTableRow: IFlexibleTableRowStyles;
+  FlexibleTableCell: IFlexibleTableCellStyles;
+  Icon: IIconStyles;
+  IconButton: IIconButtonStyles;
+  IncrementInput: IIncrementInputStyles;
+  Input: IInputStyles;
+  List: IListStyles;
+  ListItem: IListItemStyles;
+  Modal: IModalStyles;
+  MoreMenu: IMoreMenuStyles;
+  MultiSelect: IMultiSelectStyles;
+  MultiSelectInput: IMultiSelectInputStyles;
+  MultiSelectList: IMultiSelectListStyles;
+  Notification: INotificationStyles;
+  PhoneInput: IPhoneInputStyles;
+  PhoneInputCountryList: IPhoneInputCountryListStyles;
+  RadioButton: IRadioButtonStyles;
+  SearchInput: ISearchInputStyles;
+  Select: ISelectStyles;
+  SelectList: ISelectListStyles;
+  Selector: ISelectorStyles;
+  Skeleton: ISkeletonStyles;
+  Switch: ISwitchStyles;
+  TextButton: ITextButtonStyles;
+  TextArea: ITextAreaStyles;
+  TextWithInfo: ITextWithInfoStyles;
+  TextWithTooltip: ITextWithTooltipStyles;
+  Status: IStatusStyles;
+  ThemedPreloader: IThemedPreloaderStyles;
+  Tooltip: ITooltipStyles;
+  Toaster: IToasterStyles;
+  WithPopup: IWithPopupStyles;
+  NewMoreMenu: INewMoreMenuStyles;
+  WithMessages: IWithMessagesStyles;
+  ControlWrapper: IControlWrapperStyles;
+  WithTooltip: IWithTooltipStyles;
+}
+
+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)>;
+
+export interface IUiKitTheme {
+  components?: Partial<IComponentStyles>;
+  icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
+  complexIcons?: Partial<Record<IComplexIcon, string>>;
+  preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
+  animations?: IUiKitAnimations;
+  colors?: Record<string, string>;
+  dimensions?: Record<string, number | Record<string, number>>;
+  boxShadows?: Record<string, JssValue>;
+  helpers?: IUiKitHelpers;
+}

package/src/types.ts

@@ -1,62 +1,65 @@
-import {
-  FocusEventHandler,
-  KeyboardEventHandler,
-  MouseEventHandler,
-  PointerEventHandler,
-  ReactNode,
-} from 'react';
-import { Modifier, Placement } from 'react-overlays/usePopper';
-
-export interface ITestIdProps {
-  testId?: string;
-}
-
-export interface IDataAttributes {
-  [key: string]: unknown;
-}
-
-export interface IDataAttributesProps extends ITestIdProps {
-  data?: IDataAttributes;
-}
-
-export interface ITweakStylesProps<TweakStyles> {
-  tweakStyles?: TweakStyles;
-}
-
-export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;
-
-export interface IDropdownWithPopperOptions {
-  shouldUsePopper?: boolean;
-  shouldRenderInBody?: boolean;
-  scrollParent?: 'auto' | 'document' | Element;
-
-  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 interface IDomElementInteractions<T> {
-  onBlur?: FocusEventHandler<T>;
-  onFocus?: FocusEventHandler<T>;
-  onMouseLeave?: MouseEventHandler<T>;
-  onMouseEnter?: MouseEventHandler<T>;
-  onMouseMove?: MouseEventHandler<T>;
-  onMouseDown?: MouseEventHandler<T>;
-  onMouseUp?: MouseEventHandler<T>;
-  onClick?: MouseEventHandler<T>;
-  onKeyDown?: KeyboardEventHandler<T>;
-  onKeyPress?: KeyboardEventHandler<T>;
-  onKeyUp?: KeyboardEventHandler<T>;
-  onPointerLeave?: PointerEventHandler<T>;
-  onPointerDown?: PointerEventHandler<T>;
-  onPointerMove?: PointerEventHandler<T>;
-  onPointerEnter?: PointerEventHandler<T>;
-  onPointerUp?: PointerEventHandler<T>;
-}
-
-export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);
+import {
+  FocusEventHandler,
+  type KeyboardEvent,
+  KeyboardEventHandler,
+  MouseEvent,
+  MouseEventHandler,
+  PointerEventHandler,
+  ReactNode,
+} from 'react';
+import { Modifier, Placement } from 'react-overlays/usePopper';
+
+export interface ITestIdProps {
+  testId?: string;
+}
+
+export interface IDataAttributes {
+  [key: string]: unknown;
+}
+
+export interface IDataAttributesProps extends ITestIdProps {
+  data?: IDataAttributes;
+}
+
+export interface ITweakStylesProps<TweakStyles> {
+  tweakStyles?: TweakStyles;
+}
+
+export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;
+
+export interface IDropdownWithPopperOptions {
+  shouldUsePopper?: boolean;
+  shouldRenderInBody?: boolean;
+  scrollParent?: 'auto' | 'document' | Element;
+
+  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;
+
+export interface IDomElementInteractions<T> {
+  onBlur?: FocusEventHandler<T>;
+  onFocus?: FocusEventHandler<T>;
+  onMouseLeave?: MouseEventHandler<T>;
+  onMouseEnter?: MouseEventHandler<T>;
+  onMouseMove?: MouseEventHandler<T>;
+  onMouseDown?: MouseEventHandler<T>;
+  onMouseUp?: MouseEventHandler<T>;
+  onClick?: MouseEventHandler<T>;
+  onKeyDown?: KeyboardEventHandler<T>;
+  onKeyPress?: KeyboardEventHandler<T>;
+  onKeyUp?: KeyboardEventHandler<T>;
+  onPointerLeave?: PointerEventHandler<T>;
+  onPointerDown?: PointerEventHandler<T>;
+  onPointerMove?: PointerEventHandler<T>;
+  onPointerEnter?: PointerEventHandler<T>;
+  onPointerUp?: PointerEventHandler<T>;
+}
+
+export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);

package/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/components/Input/constants.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_SIZE = 6;

package/dist/components/WithPopup/helpers.d.ts

@@ -1,2 +0,0 @@
-import { Middleware } from '@floating-ui/react';
-export declare const minWidthRelativeToTrigger: Middleware;

package/src/components/Input/constants.ts

@@ -1 +0,0 @@
-export const DEFAULT_SIZE = 6;

package/src/components/WithPopup/helpers.ts

@@ -1,9 +0,0 @@
-import { Middleware, size } from '@floating-ui/react';
-
-export const minWidthRelativeToTrigger: Middleware = size({
-  apply({ rects, elements }) {
-    Object.assign(elements.floating.style, {
-      minWidth: `${rects.reference.width}px`,
-    });
-  },
-});