profinansy-ui-lib 3.5.4 → 3.5.6

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

@@ -7,7 +7,7 @@ export declare function useDrop({ placement, onOpenList }: {
 }): {
     placement: Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -28,7 +28,7 @@ export declare function useDrop({ placement, onOpenList }: {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/FilterButton/Drop/Drop.d.ts

@@ -6,7 +6,7 @@ export declare function useDrop({ placement }: {
 }): {
     placement: Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -27,7 +27,7 @@ export declare function useDrop({ placement }: {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -8,7 +8,7 @@ interface HintOptions {
 export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     placement: Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -29,7 +29,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -11,7 +11,7 @@ export declare function usePopup({ placement, isHover }: {
     setDescriptionId: React.Dispatch<React.SetStateAction<string>>;
     placement: Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -32,7 +32,7 @@ export declare function usePopup({ placement, isHover }: {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISelect } from './SelectInput.typed';
+declare const SelectInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISelect & React.RefAttributes<any>>>;
+export { SelectInput };

package/dist/components/uikit/Select/Select.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("./SelectInput.typed").ISelect & React.RefAttributes<any>>>;
+    tags: string[];
+};
+export default _default;
+export declare const SelectInput: () => JSX.Element;

package/dist/components/uikit/Select/Select.styled.d.ts

@@ -0,0 +1,15 @@
+export declare const borderSelectColor: (state: any) => any;
+export declare const selectStyles: {
+    container: (baseStyles: any) => any;
+    control: (baseStyles: any, state: any) => any;
+    singleValue: (baseStyled: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    multiValue: (base: any, state: any) => any;
+    multiValueLabel: (base: any, state: any) => any;
+    multiValueRemove: (base: any) => any;
+    placeholder: (baseStyled: any, state: any) => any;
+    menu: (baseStyled: any, state: any) => any;
+    menuList: (baseStyled: any, state: any) => any;
+    option: (base: any, state: any) => any;
+};
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Select/Select.utils.d.ts

@@ -0,0 +1,11 @@
+import { IOption, TSelectCommon } from './SelectInput.typed';
+export declare const getCurrentValue: (isMulti: boolean, value: string | string[], options: IOption[]) => IOption | {
+    label: string;
+    value: string;
+}[];
+export declare const getComponents: (isMulti: boolean, customOption: TSelectCommon['customOption'], customValue: TSelectCommon['customValue'], customMultiValue: TSelectCommon['customMultiValue']) => {
+    ClearIndicator: (props: import("react-select").ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    DropdownIndicator: (props: import("react-select").DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    IndicatorSeparator: (props: import("react-select").IndicatorSeparatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    MultiValueRemove: (props: any) => JSX.Element;
+};

package/dist/components/uikit/Select/SelectInput.typed.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { GroupBase, MultiValueProps, OptionProps, Props as TSelectProps, SingleValueProps } from 'react-select';
+import { TTheme } from '../../../theme/theme.typed';
+export interface IOption {
+    value: string;
+    label: string;
+    image?: string;
+    /**Для многоступенчатых опшенов*/
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+export type TSelectCommon = {
+    /**Название селекта*/
+    name: string;
+    /**Плейсхолдер для селекта*/
+    placeholder?: string;
+    /**Класс для контейнера селекта*/
+    containerClass?: string;
+    /**Задизейблен ли селект*/
+    disabled?: boolean;
+    /**Ошибка для поля*/
+    error?: boolean | string | ReactNode;
+    /**Нужно ли отображать сепаратор*/
+    isSeparator?: boolean;
+    /**Кастомный позиционирование выпадающего меню. По умолчанию absolute*/
+    customPositionMenu?: string;
+    /**Опшены для селекта*/
+    options: IOption[];
+    /**Передать компонент с кастомными опшенами, чтобы отображать их по другому*/
+    customOption?: (props: OptionProps) => ReactNode;
+    /**Передать компонент с кастомными выбранными значениями, чтобы отображать их по другому*/
+    customValue?: (props: SingleValueProps) => ReactNode;
+    /**Передать компонент с кастомными выбранными значениями, чтобы отображать их по другому*/
+    customMultiValue?: (props: MultiValueProps) => ReactNode;
+    /**Скрывать выбранный опшен из списка или нет. По умолчанию false*/
+    hideSelectedOptions?: boolean;
+    /**Закрывать меню или нет после выбора опшена. По умолчанию false*/
+    closeMenuOnSelect?: boolean;
+    /**Иконка справа*/
+    icon?: ReactNode;
+};
+export type TSelectConditional = {
+    isMulti?: false;
+    value: string;
+    onChange: (value: string, name: string) => void;
+} | {
+    isMulti?: true;
+    value: string[];
+    onChange: (value: string[], name: string) => void;
+};
+export type ISelect = Omit<TSelectProps, 'onChange' | 'options' | 'value'> & TSelectCommon & TSelectConditional;
+declare module 'react-select/dist/declarations/src/Select' {
+    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+        isError?: boolean;
+        isSeparator?: boolean;
+        icon?: ReactNode;
+        isAutoHeight?: boolean;
+        customTheme?: TTheme;
+        customPositionMenu?: string;
+    }
+}

package/dist/components/uikit/Select/components/ClearIndicator/ClearIndicator.d.ts

@@ -0,0 +1,3 @@
+import { ClearIndicatorProps } from 'react-select';
+declare const ClearIndicator: (props: ClearIndicatorProps) => JSX.Element;
+export { ClearIndicator };

package/dist/components/uikit/Select/components/ClearIndicator/CloseIndicator.styled.d.ts

@@ -0,0 +1 @@
+export declare const CustomIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.d.ts

@@ -0,0 +1,3 @@
+import { DropdownIndicatorProps } from 'react-select';
+declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
+export { DropdownIndicator };

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.styled.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    isFocused: boolean;
+    isDisabled: boolean;
+    hasValue: boolean;
+    menuIsOpen: boolean;
+}
+export declare const CustomIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object & IProps, string | number | symbol>;
+export {};

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.d.ts

@@ -0,0 +1,3 @@
+import { IndicatorSeparatorProps } from 'react-select';
+declare const IndicatorSeparator: (props: IndicatorSeparatorProps) => JSX.Element;
+export { IndicatorSeparator };

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.styles.d.ts

@@ -0,0 +1 @@
+export declare const Indicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Select/components/OptionWithCheckbox/OptionWithCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { OptionProps } from 'react-select';
+declare const OptionWithCheckbox: ({ children, ...props }: OptionProps) => JSX.Element;
+export { OptionWithCheckbox };

package/dist/components/uikit/Select/components/OptionWithCheckbox/index.d.ts

@@ -0,0 +1 @@
+export * from './OptionWithCheckbox';

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.d.ts

@@ -0,0 +1,3 @@
+import { OptionProps } from 'react-select';
+declare const OptionWithImage: (props: OptionProps) => JSX.Element;
+export { OptionWithImage };

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const Logo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Select/components/OptionWithImage/index.d.ts

@@ -0,0 +1 @@
+export * from './OptionWithImage';

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.d.ts

@@ -0,0 +1,3 @@
+import { ValueContainerProps } from 'react-select';
+declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => JSX.Element;
+export { ValueContainer };

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.styled.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.d.ts

@@ -0,0 +1,2 @@
+export declare const MultiValueRemove: (props: any) => JSX.Element;
+export declare const MultiValueLabelWithImg: (props: any) => JSX.Element;

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Select/index.d.ts

@@ -0,0 +1,8 @@
+declare const Select: {
+    OptionWithCheckbox: ({ children, ...props }: import("react-select").OptionProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    OptionWithImage: (props: import("react-select").OptionProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    ValueContainer: ({ children, ...props }: import("react-select").ValueContainerProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+    MultiValueLabelWithImg: (props: any) => JSX.Element;
+};
+export { SelectInput } from './Select';
+export { Select };

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

@@ -1,3 +1,3 @@
 import { TTabProps } from './Tabs.typed';
-declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: TTabProps) => JSX.Element;
+declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper, scroll }: TTabProps) => JSX.Element;
 export { Tabs };

package/dist/components/uikit/Tabs/Tabs.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: import("./Tabs.typed").TTabProps) => JSX.Element;
+    component: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper, scroll }: import("./Tabs.typed").TTabProps) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

package/dist/components/uikit/Tabs/Tabs.styled.d.ts

@@ -1,4 +1,5 @@
 import { DefaultTheme } from 'styled-components';
+import { TScrollTabs } from './Tabs.typed';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", DefaultTheme, {
     indent: number;
@@ -10,3 +11,9 @@ export declare const LineIndicator: import("styled-components").StyledComponent<
     position: number;
     width: number;
 }, never>;
+export declare const Mute: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    isLeft?: boolean;
+    scroll: TScrollTabs;
+}, never>;
+export declare const LeftButton: import("styled-components").StyledComponent<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => JSX.Element, DefaultTheme, {}, never>;
+export declare const RightButton: import("styled-components").StyledComponent<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => JSX.Element, DefaultTheme, {}, never>;

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

@@ -9,6 +9,7 @@ export type TabOption = {
     /** Количество элементов */
     dataCount?: number;
 };
+export type TScrollTabs = 'base' | 'content';
 export type TTabProps = {
     /** Список элементов  **/
     options: TabOption[];
@@ -18,6 +19,8 @@ export type TTabProps = {
     selectedValue: string | null;
     /** Тип Counter */
     counterType?: TCounterType;
+    /** Тип Скролла */
+    scroll?: TScrollTabs;
     /** Отступ справа и слева */
     indent?: number;
     /** Класс для контейнера */

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

@@ -8,7 +8,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
 }): {
     placement: Placement;
     strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -29,7 +29,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
         strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/index.d.ts

@@ -61,6 +61,7 @@ import { Bubbles } from './components/uikit/Bubbles';
 import { Typography } from './components/uikit/Typography';
 import { PageTitle } from './components/uikit/PageTitle';
 import { ButtonPaging } from './components/uikit/ButtonPaging';
+import { Select, SelectInput } from './components/uikit/Select';
 import { palette } from './theme/theme.const';
 import { ThemeProvider, useMode } from './theme/ThemeProvider';
 import eventBus from './utils/eventBus';
@@ -71,4 +72,4 @@ import { HEIGHT_HEADER } from './constants/common';
 import { AnimationFunctions } from './constants/animation/animation';
 import { ListItemStyle } from './styles/List';
 import { Scroll, NotVisibleScroll } from './styles/Scroll';
-export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, SuccessModal, Footer, Header, HeaderWelcome, SideMenu, Notification, NotificationShort, Like, Views, Comment, ShareList, PremiumBanner, CommonBanner, CompanyInfo, Alert, AvatarCompany, Table, TCellText, Hint, SegmentControl, SwiperButton, FilterButton, ControlButton, SortingButton, Counter, Checkbox, Radio, Portal, Loader, ButtonPaging, Button, Tabs, TextButton, TextButtonLink, RegexPattern, Input, Textarea, TextareaAutoSize, ErrorText, Avatar, Tooltip, Typography, Modal, SideModal, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, PageTitle, Switch, Spinner, Skeleton, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, useOpenSideMenu, useLoadingNextPage, useLastElement, useDragging, LayoutSideMenu, HEIGHT_HEADER, setCookie, getCookie, deleteCookie, IColumnTable, ListItemStyle, Scroll, NotVisibleScroll, useMediaQuery, breakpoint };
+export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, SuccessModal, Footer, Header, HeaderWelcome, SideMenu, Notification, NotificationShort, Like, Views, Comment, ShareList, PremiumBanner, CommonBanner, CompanyInfo, Alert, AvatarCompany, Table, TCellText, Hint, SegmentControl, SwiperButton, FilterButton, ControlButton, SortingButton, Counter, Checkbox, Radio, Portal, Loader, ButtonPaging, Button, Tabs, TextButton, TextButtonLink, RegexPattern, Input, Textarea, TextareaAutoSize, ErrorText, Avatar, Tooltip, Typography, Modal, SideModal, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, PageTitle, Switch, Spinner, Skeleton, Select, SelectInput, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, useOpenSideMenu, useLoadingNextPage, useLastElement, useDragging, LayoutSideMenu, HEIGHT_HEADER, setCookie, getCookie, deleteCookie, IColumnTable, ListItemStyle, Scroll, NotVisibleScroll, useMediaQuery, breakpoint };