@true-engineering/true-react-common-ui-kit 3.0.5 → 3.1.0

package/dist/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,17 @@
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element;
+    argTypes: {
+        labelPosition: {
+            control: string;
+            options: string[];
+        };
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<(<V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element)>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight", unknown>;
-export declare type ISwitchStyles = ITweakStyles<typeof useStyles>;
+export type ISwitchStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./TextArea").ITextAreaProps>;
+    argTypes: {
+        maxLength: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./TextArea").ITextAreaProps>>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export declare type ITextAreaStyles = ITweakStyles<typeof useStyles>;
+export type ITextAreaStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextButton/TextButton.d.ts

@@ -0,0 +1,30 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IThemedPreloaderProps } from '../ThemedPreloader';
+import { ITextButtonStyles } from './TextButton.styles';
+export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'disabled'> {
+    /** @default 'undefined' */
+    children?: ReactNode;
+    /** @default 'undefined' */
+    icon?: IIcon;
+    /** @default 'primary' */
+    view?: 'primary' | 'secondary' | 'custom';
+    /** @default false */
+    isBold?: boolean;
+    /** @default false */
+    hasCircleUnderIcon?: boolean;
+    /**  @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default 'l' */
+    size?: 'l' | 'xl';
+    /** @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** @default `dots` */
+    preloaderType?: IThemedPreloaderProps['type'];
+}
+export declare const TextButton: FC<ITextButtonProps>;

package/dist/components/TextButton/TextButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TextButton } from './TextButton';
+declare const _default: ComponentMeta<import("react").FC<import("./TextButton").ITextButtonProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof TextButton>;

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

@@ -0,0 +1,7 @@
+import { ITweakStyles } from '../../theme';
+import { IThemedPreloaderStyles } from '../ThemedPreloader';
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "root" | "bold" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "custom" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent", unknown>;
+export declare const preloaderStyles: IThemedPreloaderStyles;
+export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
+    tweakPreloader: IThemedPreloaderStyles;
+}>;

package/dist/components/TextButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TextButton';
+export * from './TextButton';
+export type { ITextButtonStyles } from './TextButton.styles';

package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { ITextWithInfoProps } from './TextWithInfo';
+interface ITextWithInfoWithCustomProps extends ITextWithInfoProps {
+    infoTooltip: string;
+    link: string;
+}
+declare const _default: {
+    title: string;
+    component: FC<ITextWithInfoWithCustomProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<FC<ITextWithInfoWithCustomProps>>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"container" | "root" | "text" | "info" | "selected", unknown>;
-export declare type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;
+export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./TextWithTooltip").ITextWithTooltipProps>;
+    argTypes: {
+        tooltipPosition: {
+            control: string;
+            options: string[];
+        };
+        tooltipView: {
+            control: string;
+            options: string[];
+        };
+        tooltipType: {
+            control: string;
+            options: string[];
+        };
+        mouseEventType: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./TextWithTooltip").ITextWithTooltipProps>>;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ITooltipStyles } from '../Tooltip';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "tooltip" | "clickable", unknown>;
-export declare type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
+export type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
     tweakTooltip: ITooltipStyles;
 }>;

package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { IThemedPreloaderProps } from './ThemedPreloader';
+interface IThemedPreloaderWithCustomProps extends IThemedPreloaderProps {
+    currentColor: string;
+}
+declare const _default: {
+    title: string;
+    component: FC<IThemedPreloaderWithCustomProps>;
+    argTypes: {
+        type: {
+            options: string[];
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<FC<IThemedPreloaderWithCustomProps>>;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo", unknown>;
-export declare type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
+export type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
     tweakDotsPreloader: IDotsPreloaderStyles;
     tweakSvgPreloader: ISvgPreloaderStyles;
 }>;

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../../../types';
 import { IDotsPreloaderStyles } from './DotsPreloader.styles';
-export declare type IDotsPreloaderProps = Pick<ICommonProps<IDotsPreloaderStyles>, 'tweakStyles'>;
+export type IDotsPreloaderProps = Pick<ICommonProps<IDotsPreloaderStyles>, 'tweakStyles'>;
 export declare const DotsPreloader: FC<IDotsPreloaderProps>;

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
 export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown>;
-export declare type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;
+export type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
 export declare const useStyles: import("../../../../theme").IUseStyles<"root", unknown>;
-export declare type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;
+export type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ThemedPreloader/types.d.ts

@@ -1,2 +1,2 @@
 import { svgTypes } from './constants';
-export declare type IPreloaderSvgType = (typeof svgTypes)[number];
+export type IPreloaderSvgType = (typeof svgTypes)[number];

package/dist/components/Toaster/Toaster.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Toaster } from './Toaster';
+declare const _default: ComponentMeta<import("react").FC<import("./Toaster").IToasterProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof Toaster>;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ICloseButtonStyles } from '../CloseButton';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "iconContainer" | "info" | "title" | "ok" | "not-ok", unknown>;
-export declare type IToasterStyles = ITweakStyles<typeof useStyles, {
+export type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: ICloseButtonStyles;
 }>;

package/dist/components/Toaster/types.d.ts

@@ -1 +1 @@
-export declare type IToasterType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
+export type IToasterType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const _default: ComponentMeta<import("react").FC<import("./Tooltip").ITooltipProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof Tooltip>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "info" | "hint", unknown>;
-export declare type ITooltipStyles = ITweakStyles<typeof useStyles>;
+export type ITooltipStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Tooltip/types.d.ts

@@ -1 +1 @@
-export declare type ITooltipType = 'info' | 'warning';
+export type ITooltipType = 'info' | 'warning';

package/dist/components/index.d.ts

@@ -21,17 +21,20 @@ export * from './MultiSelect';
 export * from './MultiSelectList';
 export * from './Notification';
 export * from './NumberInput';
-export * from './SearchInput';
-export * from './SmartInput';
 export * from './PhoneInput';
 export * from './RadioButton';
+export * from './ScrollIntoViewIfNeeded';
+export * from './SearchInput';
 export * from './Select';
+export * from './Selector';
+export * from './Skeleton';
+export * from './SmartInput';
+export * from './Status';
 export * from './Switch';
 export * from './TextArea';
+export * from './TextButton';
 export * from './TextWithInfo';
 export * from './TextWithTooltip';
 export * from './ThemedPreloader';
 export * from './Toaster';
 export * from './Tooltip';
-export * from './ScrollIntoViewIfNeeded';
-export * from './Skeleton';

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

@@ -1,5 +1,5 @@
 import { IComponentName } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles, className, currentComponentName, }: {
+export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
     /**
      * Это tweakStyles, определенные в родительском компоненте
      * (например, стили для Input, определенные в стилях компонента Select)

package/dist/theme/common.d.ts

@@ -1,4 +1,5 @@
-import { IUiKitHelpers, IUiKitTheme } from './types';
+import { Styles } from 'react-jss';
+import { IUiKitTheme } from './types';
 export declare const colors: {
     readonly FONT_MAIN: "#222a37";
     readonly FONT_MEDIUM: "#505f79";
@@ -31,7 +32,40 @@ export declare const dimensions: {
     readonly BORDER_RADIUS_EXTRA_SMALL: 4;
     readonly CONTROL_HEIGHT: 48;
 };
-export declare const helpers: IUiKitHelpers;
+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 animations: {
     slideUp: {
         'slide-up-enter': {
@@ -59,5 +93,6 @@ export declare const animations: {
 export interface ICommonUiKitTheme extends IUiKitTheme {
     colors: typeof colors;
     dimensions: typeof dimensions;
+    helpers: typeof helpers;
 }
 export declare const common: ICommonUiKitTheme;

package/dist/theme/types.d.ts

@@ -1,11 +1,11 @@
 import { Styles } from 'react-jss';
-import { Classes } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles, IListItemStyles } from '../components';
-export declare type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
-export declare type IUseStyles<C extends string, P = unknown> = (data?: P & {
+import { Classes, JssValue } from 'jss';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, IFilterValueViewStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IListItemStyles, ISelectorStyles, ISkeletonStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, IStatusStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles } 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 declare 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, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
 export interface IComponentStyles {
     AccountInfo: IAccountInfoStyles;
     AddButton: IAddButtonStyles;
@@ -48,18 +48,21 @@ export interface IComponentStyles {
     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;
 }
-export declare type IComponentName = keyof IComponentStyles;
-export declare type IUiKitAnimations = Record<string, any>;
-export declare type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
+export type IComponentName = keyof IComponentStyles;
+export type IUiKitAnimations = Record<string, any>;
+export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
 export interface IUiKitTheme {
     name: string;
     components?: Partial<IComponentStyles>;
@@ -69,6 +72,6 @@ export interface IUiKitTheme {
     animations?: IUiKitAnimations;
     colors?: Record<string, string>;
     dimensions?: Record<string, number>;
-    boxShadows?: Record<string, string>;
+    boxShadows?: Record<string, JssValue>;
     helpers?: IUiKitHelpers;
 }