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

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

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

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from './theme';
-export * from './components';
-export * from './hooks';
-export * from './types';
-export * from './constants';
-export * from './helpers';
+export * from './theme';
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './constants';
+export * from './helpers';

package/dist/theme/Provider.d.ts

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

package/dist/theme/common.d.ts

@@ -1,103 +1,111 @@
-import { Styles } from 'react-jss';
-import { IUiKitTheme } from './types';
-export declare const colors: {
-    readonly FONT_MAIN: "#222a37";
-    readonly FONT_MEDIUM: "#505f79";
-    readonly FONT_LABEL: "#7a869a";
-    readonly FONT_DISABLED: "#95a0b3";
-    readonly GREY_ACTIVE: "#95a0b3";
-    readonly BORDER_MAIN: "#d0d6e1";
-    readonly BORDER_LIGHT: "#dde3ed";
-    readonly GREY_HOVER: "#dde3ed";
-    readonly GREY_FOCUS: "#eceff5";
-    readonly GREY_DISABLED: "#eceff5";
-    readonly GREY_BACKGROUND: "#f6f8fc";
-    readonly CLASSIC_WHITE: "#ffffff";
-    readonly RED_ACTIVE: "#912e34";
-    readonly RED_HOVER: "#c13e45";
-    readonly RED_WARNING: "#f14d56";
-    readonly RED_WARNING_LIGHT: "#ff6261";
-    readonly RED_BACKGROUND: "#feedee";
-    readonly ORANGE_BACKGROUND: "#fff4e9";
-    readonly GREEN_BACKGROUND: "#f4f9e6";
-    readonly BLUE_BACKGROUND: "#ebf1ff";
-    readonly GREEN_FOCUS: "#97ba1e";
-    readonly ORANGE_FOCUS: "#ff991f";
-};
-export declare const dimensions: {
-    readonly BORDER_RADIUS_LARGE: 16;
-    readonly BORDER_RADIUS_MEDIUM: 12;
-    readonly BORDER_RADIUS_STD: 8;
-    readonly BORDER_RADIUS_SMALL: 6;
-    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
-    readonly CONTROL_HEIGHT: 48;
-};
-export declare const helpers: {
-    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
-    withScrollBar: {
-        boxSizing: string;
-        overflow: string;
-        '@supports selector(::-webkit-scrollbar)': {
-            '--webkit-scrollbar-width': string;
-            '--webkit-scrollbar-height': string;
-            '&::-webkit-scrollbar': {
-                width: string;
-                height: string;
-                '&-thumb': {
-                    width: number;
-                    minHeight: number;
-                    border: (string | number)[];
-                    borderRadius: number;
-                    backgroundColor: "#d0d6e1";
-                    backgroundClip: "padding-box";
-                    '&:hover': {
-                        backgroundColor: "#95a0b3";
-                    };
-                };
-                '&-track-piece': {
-                    backgroundColor: "transparent";
-                };
-                '&-corner': {
-                    backgroundColor: "transparent";
-                };
-            };
-        };
-        '@supports not selector(::-webkit-scrollbar)': {
-            scrollbarWidth: "thin";
-            scrollbarColor: "#d0d6e1 transparent";
-        };
-    };
-};
-export declare const SLIDE_UP_ANIMATION_DURATION = 150;
-export declare const animations: {
-    defaultTransition: string;
-    slideUp: {
-        'slide-up-enter': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-enter-active': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-        'slide-up-exit-active': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-exit': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-    };
-};
-export interface ICommonUiKitTheme extends IUiKitTheme {
-    colors: typeof colors;
-    dimensions: typeof dimensions;
-    helpers: typeof helpers;
-    animations: typeof animations;
-}
-export declare const common: ICommonUiKitTheme;
+import { Styles } from 'react-jss';
+import { IUiKitTheme } from './types';
+export declare const colors: {
+    readonly FONT_MAIN: "#222a37";
+    readonly FONT_MEDIUM: "#505f79";
+    readonly FONT_LABEL: "#7a869a";
+    readonly FONT_DISABLED: "#95a0b3";
+    readonly GREY_ACTIVE: "#95a0b3";
+    readonly BORDER_MAIN: "#d0d6e1";
+    readonly BORDER_LIGHT: "#dde3ed";
+    readonly GREY_HOVER: "#dde3ed";
+    readonly GREY_FOCUS: "#eceff5";
+    readonly GREY_DISABLED: "#eceff5";
+    readonly GREY_BACKGROUND: "#f6f8fc";
+    readonly CLASSIC_WHITE: "#ffffff";
+    readonly RED_ACTIVE: "#912e34";
+    readonly RED_HOVER: "#c13e45";
+    readonly RED_WARNING: "#f14d56";
+    readonly RED_WARNING_LIGHT: "#ff6261";
+    readonly RED_BACKGROUND: "#feedee";
+    readonly ORANGE_BACKGROUND: "#fff4e9";
+    readonly GREEN_BACKGROUND: "#f4f9e6";
+    readonly BLUE_BACKGROUND: "#ebf1ff";
+    readonly GREEN_FOCUS: "#97ba1e";
+    readonly ORANGE_FOCUS: "#ff991f";
+};
+export declare const dimensions: {
+    readonly BORDER_RADIUS_LARGE: 16;
+    readonly BORDER_RADIUS_MEDIUM: 12;
+    readonly BORDER_RADIUS_STD: 8;
+    readonly BORDER_RADIUS_SMALL: 6;
+    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
+    readonly CONTROL: {
+        readonly HEIGHT: 48;
+        readonly PADDING: 16;
+        readonly ICON_SIZE: 24;
+        readonly ICON_INNER_SIZE: 24;
+        readonly ICON_GAP: 8;
+    };
+    readonly Z_INDEX: {
+        readonly CONTROL_INVALID: 1;
+        readonly CONTROL_FOCUS: 2;
+    };
+};
+export declare const helpers: {
+    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
+    withScrollBar: {
+        boxSizing: string;
+        overflow: string;
+        '@supports selector(::-webkit-scrollbar)': {
+            '&::-webkit-scrollbar': {
+                height: number;
+                width: number;
+                '&-thumb': {
+                    width: number;
+                    minHeight: number;
+                    border: (string | number)[];
+                    borderRadius: number;
+                    backgroundColor: "#d0d6e1";
+                    backgroundClip: "padding-box";
+                    '&:hover': {
+                        backgroundColor: "#95a0b3";
+                    };
+                };
+                '&-track-piece': {
+                    backgroundColor: "transparent";
+                };
+                '&-corner': {
+                    backgroundColor: "transparent";
+                };
+            };
+        };
+        '@supports not selector(::-webkit-scrollbar)': {
+            scrollbarWidth: "thin";
+            scrollbarColor: "#d0d6e1 transparent";
+        };
+    };
+};
+export declare const SLIDE_UP_ANIMATION_DURATION = 150;
+export declare const animations: {
+    defaultTransition: string;
+    slideUp: {
+        'slide-up-enter': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-enter-active': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+        'slide-up-exit-active': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-exit': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+    };
+};
+export interface ICommonUiKitTheme extends IUiKitTheme {
+    colors: typeof colors;
+    dimensions: typeof dimensions;
+    helpers: typeof helpers;
+    animations: typeof animations;
+}
+export declare const common: ICommonUiKitTheme;

package/dist/theme/helpers.d.ts

@@ -1,10 +1,10 @@
-import { IComponentName, IStyles, IUseStyles } from './types';
-export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
-export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
+/**
+ * Подмешивает стили из темы. Мутирует, добавляя специально поле,
+ * по которому можно определить была ли уже произведена мутация ранее,
+ * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
+ */
+export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
+export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
+export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Provider';
-export * from './common';
-export * from './types';
-export * from './helpers';
+export * from './Provider';
+export * from './common';
+export * from './types';
+export * from './helpers';

package/dist/theme/types.d.ts

@@ -1,82 +1,84 @@
-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;
-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>>;
-    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, IControlGroupStyles, 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;
+    ControlGroup: IControlGroupStyles;
+    ControlWrapper: IControlWrapperStyles;
+    WithTooltip: IWithTooltipStyles;
+}
+export type IComponentName = keyof IComponentStyles;
+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>>;
+    animations?: IUiKitAnimations;
+    colors?: Record<string, string>;
+    dimensions?: Record<string, number | Record<string, number>>;
+    boxShadows?: Record<string, JssValue>;
+    helpers?: IUiKitHelpers;
+}