profinansy-ui-lib 3.8.0 → 3.8.1

package/dist/components/uikit/Tooltip/Tooltip.typed.d.ts

@@ -1,13 +1,11 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import CSS from 'csstype';
-export interface ITooltipProps {
+export type ITooltipProps = PropsWithChildren<{
     /** Элемент, по которому открывается выпадашка*/
     targetElement: ReactNode;
     /** Положение выпадашки*/
     placement?: Placement;
-    /** Контент*/
-    children: ReactNode;
     /** Ширина выпадашки*/
     width?: string;
     /** Максимальная высота выпадашки*/
@@ -26,4 +24,4 @@ export interface ITooltipProps {
     onOpenTooltip?: (val: boolean) => void;
     /** Стили для контейнера.*/
     styleContainer?: CSS.Properties;
-}
+}>;

package/dist/components/uikit/Typography/Typography.d.ts

@@ -1,4 +1,17 @@
 import React from 'react';
-import { ITypographyProps } from './Typography.typed';
-declare const Typography: React.ForwardRefExoticComponent<ITypographyProps & React.CSSProperties & React.RefAttributes<HTMLElement>>;
+declare const Typography: React.ForwardRefExoticComponent<{
+    tag?: keyof JSX.IntrinsicElements;
+    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
+        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
+        resolution: number;
+    }[];
+    className?: string;
+    title?: string;
+    valueNumber?: number;
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
+    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
+} & {
+    children?: React.ReactNode;
+} & React.CSSProperties & React.RefAttributes<HTMLElement>>;
 export { Typography };

package/dist/components/uikit/Typography/Typography.typed.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { typographyVariants } from './Typography.const';
 import { TTheme } from '../../../theme/theme.typed';
 export type TTypographyVariant = (typeof typographyVariants)[number];
-export interface ITypographyProps {
+export type ITypographyProps = PropsWithChildren<{
     /**HTML тег */
     tag?: keyof JSX.IntrinsicElements;
     /**Тип тега */
@@ -12,8 +12,6 @@ export interface ITypographyProps {
     }[];
     /**Класс элемента */
     className?: string;
-    /**Контента внутри элемента */
-    children: ReactNode;
     /**Подсказка на элемент */
     title?: string;
     /**Если вам надо покарсить число в позитивный или негативный цвет, то передайте это числю сюда. */
@@ -24,4 +22,4 @@ export interface ITypographyProps {
     colorName?: keyof TTheme['text'] | keyof TTheme['background'] | keyof TTheme['icons'] | keyof TTheme['stroke'] | keyof TTheme['interactiveButtons'] | keyof TTheme['interactiveControls'] | keyof TTheme['other'];
     /**Категория цвета из палитры. По умолчанию text */
     colorCategory?: keyof TTheme;
-}
+}>;

package/dist/components/uikit/storybook/StoryExample/StoryExample.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-interface IProps {
-    children: React.ReactNode;
-}
-declare const StoryExample: ({ children }: IProps) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+declare const StoryExample: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export { StoryExample };

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-interface IProps {
-    children: React.ReactNode;
+import { PropsWithChildren } from 'react';
+type IProps = PropsWithChildren<{
     isBig?: boolean;
-}
+}>;
 declare const StoryTitle: ({ children, isBig }: IProps) => import("react/jsx-runtime").JSX.Element;
 export { StoryTitle };

package/dist/config.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ElementType } from 'react';
+import React, { ElementType, PropsWithChildren } from 'react';
 import { IUser, UserRole } from './common.types';
 import { StateTypeOpenMenu } from './hooks/sideMenu/useSaveOpenMode';
 export type TProject = 'profinansy' | 'wallet' | 'lms' | 'lenta';
@@ -24,9 +24,8 @@ interface IConfig extends IConfigProps {
     /** Роль пользователя **/
     userRole: UserRole | null;
 }
-export declare const ConfigLibraryProvider: ({ config, children }: {
+export declare const ConfigLibraryProvider: ({ config, children }: React.PropsWithChildren<{
     config: IConfigProps;
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;
 export declare const useConfigLibrary: () => IConfig;
 export {};

package/dist/hooks/useTransitionModal.d.ts

@@ -1,11 +1,10 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 declare function useControlsForModal(handleClose: () => void): void;
-interface ITransition {
+type ITransition = PropsWithChildren<{
     isOpen: boolean;
-    children: ReactNode;
     onClose: () => void;
     onBeforeClose?: () => void;
-}
+}>;
 declare function useTransitionModal({ isOpen, onClose, onBeforeClose, children }: ITransition): {
     animation: boolean;
     content: any;

package/dist/localization/useLocalization.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { Locales } from '../common.types';
 interface ILocalizationProps {
     /** Выбранная локализация **/
@@ -7,9 +7,8 @@ interface ILocalizationProps {
 interface ILocalization extends ILocalizationProps {
     isForeignSite: boolean;
 }
-export declare const LocalizationProvider: ({ config, children }: {
+export declare const LocalizationProvider: ({ config, children }: React.PropsWithChildren<{
     config: ILocalizationProps;
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;
 export declare const useLocalization: () => ILocalization;
 export {};

package/dist/profinansy-ui-lib.cjs.js

@@ -4843,7 +4843,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
     white-space: normal;
     text-overflow: ellipsis;
   }
-`,fM=({children:e})=>{const[t,n]=m.useState(!1),r=m.useRef(null),o=m.useMemo(()=>m.isValidElement(e)?m.cloneElement(e,{ref:r}):e,[e]);return m.useEffect(()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)},[e,r]),t?s.jsx(Fr,{zIndex:Et.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:s.jsx(pl,{children:o}),children:s.jsx(O,{tag:"span",variant:"caption-Medium",colorName:"primary",children:e.props.children})}):s.jsx(pl,{children:o})},hM=({children:e,lines:t})=>{const[n,r]=m.useState(!1),o=m.useRef(null),i=m.useMemo(()=>m.isValidElement(e)?m.cloneElement(e,{ref:o}):e,[e]);return m.useEffect(()=>{o.current&&r(o.current.scrollHeight>o.current.clientHeight+5)},[e,o]),n?s.jsx(Fr,{zIndex:Et.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:s.jsx(fl,{lines:t,children:i}),children:s.jsx(O,{tag:"span",variant:"caption-Medium",colorName:"primary",children:e.props.children})}):s.jsx(fl,{lines:t,children:i})},Cr=({children:e,mode:t="ellipsis",...n})=>{if(t==="ellipsis")return s.jsx(fM,{children:e});if(t==="multiline"){const{lines:r}=n;return s.jsx(hM,{lines:r,children:e})}return null},mM=h.styled.div`
+`,fM=({children:e})=>{const[t,n]=m.useState(!1),r=m.useRef(null),o=m.useMemo(()=>m.isValidElement(e)?m.cloneElement(e,{ref:r}):e,[e]);return m.useEffect(()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)},[e,r]),t?s.jsx(Fr,{zIndex:Et.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:s.jsx(pl,{children:o}),children:s.jsx(O,{tag:"span",variant:"caption-Medium",colorName:"primary",children:m.isValidElement(e)&&e.props.children})}):s.jsx(pl,{children:o})},hM=({children:e,lines:t})=>{const[n,r]=m.useState(!1),o=m.useRef(null),i=m.useMemo(()=>m.isValidElement(e)?m.cloneElement(e,{ref:o}):e,[e]);return m.useEffect(()=>{o.current&&r(o.current.scrollHeight>o.current.clientHeight+5)},[e,o]),n?s.jsx(Fr,{zIndex:Et.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:s.jsx(fl,{lines:t,children:i}),children:s.jsx(O,{tag:"span",variant:"caption-Medium",colorName:"primary",children:m.isValidElement(e)&&e.props.children})}):s.jsx(fl,{lines:t,children:i})},Cr=({children:e,mode:t="ellipsis",...n})=>{if(t==="ellipsis")return s.jsx(fM,{children:e});if(t==="multiline"){const{lines:r}=n;return s.jsx(hM,{lines:r,children:e})}return null},mM=h.styled.div`
   width: 100%;
   max-width: ${e=>e.maxWidth?`${e.maxWidth}px`:"100%"};
   min-width: ${e=>e.minWidth?`${e.minWidth}px`:"auto"};