@true-engineering/true-react-common-ui-kit 4.0.0-alpha54 → 4.0.0-alpha61

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted">;
+export declare const useStyles: import('../../theme').IUseStyles<"trigger" | "clickable" | "active" | "disabled" | "popup" | "arrow" | "animationEnd" | "animationStart" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted">;
 export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithTooltip/WithTooltip.d.ts

@@ -14,5 +14,7 @@ export interface IWithTooltipProps extends Omit<IWithPopupProps, 'trigger' | 'ch
     tooltipView?: ITooltipProps['view'];
     /** @default 'info' */
     tooltipType?: ITooltipProps['type'];
+    /** @default 'undefined' */
+    tooltipSize?: ITooltipProps['size'];
 }
 export declare const WithTooltip: FC<IWithTooltipProps>;

package/dist/helpers/misc.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType, memo } from 'react';
 import { IDataAttributes } from '../types';
 export { default as rgba } from 'hex-to-rgba';
 /** @deprecated Используйте `toKebabCase` из `true-react-platform-helpers` */
@@ -19,3 +20,4 @@ export declare const trimStringToMaxLength: (val: string, maxLength: number) =>
 /** @deprecated Используйте `addDataAttributes` из `true-react-platform-helpers` */
 export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;
 export declare const excludeStorybookParams: (params: string[]) => RegExp;
+export declare const genericMemo: <T extends ComponentType<any>>(...args: Parameters<typeof memo<T>>) => T;

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './use-did-mount-effect';
 export * from './use-dropdown';
 export * from './use-intersection-ref';
+export * from './use-resize-ref';
 export * from './use-is-mounted';
 export * from './use-latest-ref';
 export * from './use-merge';

package/dist/hooks/use-intersection-ref.d.ts

@@ -4,5 +4,6 @@ export interface IInsertionRefOptions {
     isDisabled?: boolean;
     onIntersection?: VoidFunction;
     onIntersectionEnd?: VoidFunction;
+    observerOptions?: IntersectionObserverInit;
 }
-export declare const useIntersectionRef: (options?: IInsertionRefOptions) => RefCallback<Element>;
+export declare const useIntersectionRef: ({ observerOptions, ...options }: IInsertionRefOptions) => RefCallback<Element>;

package/dist/hooks/use-resize-ref.d.ts

@@ -0,0 +1,7 @@
+import { RefCallback } from 'react';
+export interface IResizeRefOptions {
+    /** @default false */
+    isDisabled?: boolean;
+    onChange: (entry: ResizeObserverEntry) => void;
+}
+export declare const useResizeRef: (options: IResizeRefOptions) => RefCallback<Element>;

package/dist/hooks/use-tweak-styles.d.ts

@@ -1,4 +1,5 @@
-import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
+import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
+import { IComponentName, IMixedStyles } from '../theme';
 export declare const useTweakStyles: <StyleSheet, ClassName extends keyof StyleSheet & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
     /**
      * Это tweakStyles, определенные в родительском компоненте
@@ -15,7 +16,7 @@ export declare const useTweakStyles: <StyleSheet, ClassName extends keyof StyleS
      */
     className: ClassName;
     /**
-     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
+     * Название компонента который вызывает useTweakStyles
      */
     currentComponentName?: IComponentName;
 }) => Array<NonNullable<StyleSheet[ClassName]>>;

package/dist/theme/Provider.d.ts

@@ -1,14 +1,4 @@
-import { FC, ReactNode } from 'react';
 import { IUiKitTheme } from './types';
-export interface IThemedProviderProps {
-    theme: IUiKitTheme;
-    children: ReactNode;
-}
-export declare const getTheme: () => IUiKitTheme;
-interface ThemeContextValue {
-    theme: IUiKitTheme;
-}
-export declare const ThemeContext: import('react').Context<ThemeContextValue>;
-export declare const ThemeProvider: FC<IThemedProviderProps>;
+export declare const ThemeContext: import('react').Context<IUiKitTheme>;
+export declare const ThemeProvider: import('react').Provider<IUiKitTheme>;
 export declare const useTheme: () => IUiKitTheme;
-export {};

package/dist/theme/common.d.ts

@@ -1,4 +1,3 @@
-import { Styles } from 'react-jss';
 import { IUiKitTheme } from './types';
 export declare const colors: {
     readonly FONT_MAIN: "#222a37";
@@ -43,10 +42,41 @@ export declare const dimensions: {
     };
 };
 export declare const helpers: {
-    withAngle: (angleSize?: number, position?: "left" | "right", distance?: number) => Styles;
+    withAngle: (angleSize?: number, position?: "left" | "right", distance?: number) => {
+        display: "inline-block";
+        position: "relative";
+        marginTop: number;
+        boxShadow: "0 8px 20px 0 rgba(0, 0, 0, 0.04)";
+        border: (string | number)[];
+        borderRadius: 4;
+        '&:before': {
+            content: "\"\"";
+            position: "absolute";
+            top: number;
+            left: number | false;
+            right: number | false;
+            width: number;
+            height: number;
+            borderLeft: (string | number)[];
+            borderRight: (string | number)[];
+            borderBottom: (string | number)[];
+        };
+        '&:after': {
+            content: "\"\"";
+            position: "absolute";
+            top: number;
+            left: number | false;
+            right: number | false;
+            width: number;
+            height: number;
+            borderLeft: (string | number)[];
+            borderRight: (string | number)[];
+            borderBottom: (string | number)[];
+        };
+    };
     withScrollBar: {
-        boxSizing: string;
-        overflow: string;
+        boxSizing: "border-box";
+        overflow: "auto";
         '@supports selector(::-webkit-scrollbar)': {
             '--webkit-scrollbar-width': string;
             '--webkit-scrollbar-height': string;

package/dist/theme/helpers.d.ts

@@ -1,16 +1,3 @@
-import { IMaybeArray } from './types';
-export declare const isTweakStyle: (key: string) => boolean;
-export declare const isStylesNotEmpty: <T>(tweakStyles?: T) => tweakStyles is NonNullable<T>;
-export declare const cleanStyles: <T>(tweakStyles?: T) => T;
-export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T>) => T | undefined;
-export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
-export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
-export declare const getTweakStylesCache: () => TweakStylesCache;
-export {};
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare const useThemeComponentStyles: <T>(componentName?: IComponentName) => Partial<T> | undefined;
+export declare const createThemedStyles: <C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]) => IUseStyles<C>;

package/dist/theme/index.d.ts

@@ -1,6 +1,4 @@
 export * from './Provider';
-export * from './true-jss';
 export * from './common';
 export * from './types';
 export * from './helpers';
-export * from './create-themed-styles';

package/dist/theme/types.d.ts

@@ -1,13 +1,14 @@
-import { Styles } from 'react-jss';
-import { Classes, JssValue } from 'jss';
+import { Classes, JssStyle, JssValue, Styles } from 'jss';
+import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
 import { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDocActionsStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIconType, 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, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
-export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
-export type IMaybeArray<T> = T[] | T;
+export type IStyles<C extends string> = Styles<C>;
+export type IStyle = JssStyle;
 export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
-export type IUseStyles<C extends string, P = unknown> = (data?: P & {
-    theme?: IMaybeArray<Partial<Styles<C, P>>>;
+export type IUseStyles<C extends string> = (data: {
+    theme?: IMaybeArray<Partial<IStyles<C>>>;
+    tweakStyles?: IMaybeArray<Partial<IStyles<C>>>;
 }) => Classes<C>;
-export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
+export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C> ? Partial<IStyles<C>> & Partial<ChildTweakStyles> : never;
 export interface IComponentStyles {
     AccountInfo: IAccountInfoStyles;
     AddButton: IAddButtonStyles;
@@ -73,7 +74,7 @@ export interface IComponentStyles {
 }
 export type IComponentName = keyof IComponentStyles;
 export type IUiKitAnimations = Record<string, any>;
-export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
+export type IUiKitHelpers = Record<string, IStyle | (() => IStyle)>;
 export interface IUiKitTheme {
     components?: Partial<IComponentStyles>;
     icons?: Partial<Record<IIconType, ISvgIcon>>;