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

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/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 { 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, 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 & {
+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;
@@ -57,9 +57,9 @@ export interface IComponentStyles {
     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 +69,6 @@ export interface IUiKitTheme {
     animations?: IUiKitAnimations;
     colors?: Record<string, string>;
     dimensions?: Record<string, number>;
-    boxShadows?: Record<string, string>;
+    boxShadows?: Record<string, JssValue>;
     helpers?: IUiKitHelpers;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -82,13 +82,13 @@
     "@vitejs/plugin-react": "3.0.0",
     "eslint": "8.36.0",
     "eslint-config-prettier": "8.7.0",
-    "eslint-plugin-react": "7.32.2",
     "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-react": "7.32.2",
     "prettier": "2.8.3",
     "rollup-plugin-swc3": "0.3.0",
     "typescript": "4.9.3",
     "unplugin-swc": "1.3.2",
     "vite": "4.0.0",
-    "vite-plugin-dts": "1.7.1"
+    "vite-plugin-dts": "3.7.3"
   }
 }

package/src/theme/common.ts

@@ -36,8 +36,8 @@ export const dimensions = {
   CONTROL_HEIGHT: 48,
 } as const;
 
-export const helpers: IUiKitHelpers = {
-  withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100) =>
+export const helpers = {
+  withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100): Styles =>
     ({
       display: 'inline-block',
       position: 'relative',
@@ -112,7 +112,7 @@ export const helpers: IUiKitHelpers = {
       scrollbarColor: `${colors.BORDER_MAIN} transparent`,
     },
   },
-};
+} satisfies IUiKitHelpers;
 
 const SLIDE_UP_POSITION_START = 15;
 const SLIDE_UP_POSITION_END = 0;
@@ -149,6 +149,7 @@ export const animations = {
 export interface ICommonUiKitTheme extends IUiKitTheme {
   colors: typeof colors;
   dimensions: typeof dimensions;
+  helpers: typeof helpers;
 }
 
 export const common: ICommonUiKitTheme = {

package/src/theme/types.ts

@@ -1,5 +1,5 @@
 import { Styles } from 'react-jss';
-import { Classes } from 'jss';
+import { Classes, JssValue } from 'jss';
 import type {
   IAccountInfoStyles,
   IAddButtonStyles,
@@ -136,6 +136,6 @@ export interface IUiKitTheme {
   animations?: IUiKitAnimations;
   colors?: Record<string, string>;
   dimensions?: Record<string, number>;
-  boxShadows?: Record<string, string>;
+  boxShadows?: Record<string, JssValue>;
   helpers?: IUiKitHelpers;
 }

package/dist/components/Flag/augment.d.ts

@@ -1 +0,0 @@
-declare module 'country-flag-icons/react/3x2';

package/dist/components/Icon/complexIcons/augment.d.ts

@@ -1 +0,0 @@
-declare module '*.svg?raw';

package/dist/vite-env.d.ts

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