@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha70

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

@@ -0,0 +1,9 @@
+import { RefCallback } from 'react';
+export interface IInsertionRefOptions {
+    /** @default false */
+    isDisabled?: boolean;
+    onIntersection?: VoidFunction;
+    onIntersectionEnd?: VoidFunction;
+    observerOptions?: IntersectionObserverInit;
+}
+export declare const useIntersectionRef: ({ observerOptions, ...options }: IInsertionRefOptions) => RefCallback<Element>;

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

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useLatestRef: <T>(value: T) => MutableRefObject<T>;

package/dist/hooks/use-merge.d.ts

@@ -1 +1 @@
-export declare const useMerge: <T>(one?: T | undefined, two?: T | undefined) => T | undefined;
+export declare const useMerge: <T>(one?: T, two?: T) => T | undefined;

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

@@ -1,3 +1,3 @@
-import type { IMixedStyles } from '../theme';
-export declare const mixStyles: <T>(...tweakStyles: IMixedStyles<T>[]) => NonNullable<T>[];
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: IMixedStyles<StyleSheet_1>, tweakStyles?: IMixedStyles<StyleSheet_1>) => NonNullable<StyleSheet_1>[];
+import { IMixedStyles } from '../theme';
+export declare const mixStyles: <T>(...tweakStyles: Array<IMixedStyles<T>>) => Array<NonNullable<T>>;
+export declare const useMixedStyles: <StyleSheet>(baseStyles?: IMixedStyles<StyleSheet>, tweakStyles?: IMixedStyles<StyleSheet>) => Array<NonNullable<StyleSheet>>;

package/dist/hooks/use-on-click-outside.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
 export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
 export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
-export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
-export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;

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

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

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

@@ -1,21 +1,22 @@
-import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
+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, определенные в родительском компоненте
      * (например, стили для Input, определенные в стилях компонента Select)
      */
-    innerStyles?: IMixedStyles<StyleSheet_1[ClassName]>;
+    innerStyles?: IMixedStyles<StyleSheet[ClassName]>;
     /**
      * Пропса tweakStyles из родительского компонента
      * (это уже непосредственно ISelectProps.tweakStyles)
      */
-    tweakStyles?: IMaybeArray<StyleSheet_1> | undefined;
+    tweakStyles?: IMaybeArray<StyleSheet>;
     /**
      * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
      */
     className: ClassName;
     /**
-     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
+     * Название компонента который вызывает useTweakStyles
      */
-    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
-}) => NonNullable<StyleSheet_1[ClassName]>[];
+    currentComponentName?: IComponentName;
+}) => Array<NonNullable<StyleSheet[ClassName]>>;

package/dist/theme/Provider.d.ts

@@ -1,14 +1,4 @@
-import { FC, ReactNode } from 'react';
-import type { 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>;
+import { IUiKitTheme } from './types';
+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 | undefined) => tweakStyles is NonNullable<T>;
-export declare const cleanStyles: <T>(tweakStyles?: T | undefined) => T;
-export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T> | undefined) => 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 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 = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
-export type IMaybeArray<T> = T[] | T;
+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, IFilterDateSingleStyles, 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> = 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;
@@ -19,12 +20,14 @@ export interface IComponentStyles {
     DatePicker: IDatePickerStyles;
     DatePickerHeader: IDatePickerHeaderStyles;
     Description: IDescriptionStyles;
+    DocActions: IDocActionsStyles;
     DotsPreloader: IDotsPreloaderStyles;
     SvgPreloader: ISvgPreloaderStyles;
     FileInput: IFileInputStyles;
     FileItem: IFileItemStyles;
     FilterValueView: IFilterValueViewStyles;
     FiltersPane: IFiltersPaneStyles;
+    FilterDateSingle: IFilterDateSingleStyles;
     FilterInterval: IFilterIntervalStyles;
     FilterSelect: IFilterSelectStyles;
     FilterWithDates: IFilterWithDatesStyles;
@@ -72,11 +75,10 @@ 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<ICommonIcon, ISvgIcon>>;
-    complexIcons?: Partial<Record<IComplexIcon, string>>;
+    icons?: Partial<Record<IIconType, ISvgIcon>>;
     preloaders?: Partial<Record<IPreloaderSvgType, string>>;
     animations?: IUiKitAnimations;
     colors?: Record<string, string>;