profinansy-ui-lib 3.1.26 → 3.1.28

package/dist/components/uikit/Bubbles/Bubbles.const.d.ts

@@ -1,6 +1,6 @@
 import { TTheme } from '../../../theme/theme.typed';
 export declare const getMode: (theme: TTheme, isActive: boolean) => {
-    variant_1: {
+    support: {
         default: {
             color: string;
             background: string;
@@ -16,7 +16,7 @@ export declare const getMode: (theme: TTheme, isActive: boolean) => {
             iconColor: string;
         };
     };
-    variant_2: {
+    base: {
         default: {
             color: string;
             background: string;

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

@@ -1,3 +1,3 @@
-import { TTabProps } from './Bubbles.typed';
-declare const Bubbles: (props: TTabProps) => JSX.Element;
+import { TBubbleProps } from './Bubbles.typed';
+declare const Bubbles: (props: TBubbleProps) => JSX.Element;
 export { Bubbles };

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (props: import("./Bubbles.typed").TTabProps) => JSX.Element;
+    component: (props: import("./Bubbles.typed").TBubbleProps) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

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

@@ -1,7 +1,7 @@
 import { MouseEvent, ReactNode } from 'react';
 import CSS from 'csstype';
 import { TCounterType } from '../Counter/Counter.typed';
-export type TabOption = {
+type TBubbleOption = {
     /** Значения элементов */
     value?: string;
     /** Текст, который будет отображаться */
@@ -13,11 +13,11 @@ export type TabOption = {
     /** Слот справа */
     iconRight?: ReactNode;
 };
-export type TModeBubbles = 'variant_1' | 'variant_2';
+export type TModeBubbles = 'support' | 'base';
 export type TScrollBubbles = 'base' | 'content' | 'none';
-export type TTabProps = {
+export type TBubbleProps = {
     /** Список элементов  **/
-    options: TabOption[];
+    options: TBubbleOption[];
     /** Вид табов  **/
     mode?: TModeBubbles;
     /** Стиль для списка  **/
@@ -28,10 +28,11 @@ export type TTabProps = {
     isDataCountTop?: boolean;
     /** Тип Counter */
     counterType?: TCounterType;
-    /** Отступ справа для мобильной версии */
+    /** Отступ справа и слева для мобильной версии */
     mobileIndent?: number;
     /** Тип Скролла */
     scroll?: TScrollBubbles;
     /** Действие при нажатии на таб */
     onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
 };
+export {};

package/dist/components/uikit/Bubbles/components/Content/Content.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TTabProps } from '../../Bubbles.typed';
-declare const Content: React.ForwardRefExoticComponent<TTabProps & React.RefAttributes<HTMLDivElement>>;
+import { TBubbleProps } from '../../Bubbles.typed';
+declare const Content: React.ForwardRefExoticComponent<TBubbleProps & React.RefAttributes<HTMLDivElement>>;
 export { Content };

package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.d.ts

@@ -1,3 +1,3 @@
-import { TTabProps } from '../../Bubbles.typed';
-declare const WithScroll: ({ mobileIndent, options, selectedValue, onChange, mode, style, isDataCountTop, counterType, scroll }: TTabProps) => JSX.Element;
+import { TBubbleProps } from '../../Bubbles.typed';
+declare const WithScroll: ({ mobileIndent, options, selectedValue, onChange, mode, style, isDataCountTop, counterType, scroll }: TBubbleProps) => JSX.Element;
 export { WithScroll };

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

@@ -0,0 +1,3 @@
+import { TSegmentControlProps } from './SegmentControl.typed';
+declare const SegmentControl: ({ style, options, onChange, selectedValue, size, type }: TSegmentControlProps) => JSX.Element;
+export { SegmentControl };

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ style, options, onChange, selectedValue, size, type }: import("./SegmentControl.typed").TSegmentControlProps) => JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const SegmentControl: () => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { TSegmentControlSize, TSegmentControlType } from './SegmentControl.typed';
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    mode: TSegmentControlType;
+}, never>;
+export declare const Item: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    isActive: boolean;
+    size: TSegmentControlSize;
+    mode: TSegmentControlType;
+}, never>;

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

@@ -0,0 +1,24 @@
+import CSS from 'csstype';
+import { MouseEvent } from 'react';
+export type SegmentOption = {
+    /** Значения элементов */
+    value?: string;
+    /** Текст, который будет отображаться */
+    label: string;
+};
+export type TSegmentControlSize = 'S' | 'M';
+export type TSegmentControlType = 'primary' | 'content';
+export type TSegmentControlProps = {
+    /** Список элементов  **/
+    options: SegmentOption[];
+    /** Стиль для списка  **/
+    style?: CSS.Properties;
+    /** Выбранное значение  **/
+    selectedValue: string | null;
+    /** Размер сегментов  **/
+    size?: TSegmentControlSize;
+    /** Тип сегментов  **/
+    type?: TSegmentControlType;
+    /** Действие при нажатии на сегмент */
+    onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
+};

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

@@ -0,0 +1 @@
+export { SegmentControl } from './SegmentControl';

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    indent: number;
+}, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
+    isActive: boolean;
+}, never>;

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

@@ -0,0 +1,25 @@
+import { MouseEvent } from 'react';
+import CSS from 'csstype';
+import { TCounterType } from '../Counter/Counter.typed';
+export type TabOption = {
+    /** Значения элементов */
+    value?: string;
+    /** Текст, который будет отображаться */
+    label: string;
+    /** Количество элементов */
+    dataCount?: number;
+};
+export type TTabProps = {
+    /** Список элементов  **/
+    options: TabOption[];
+    /** Стиль для списка  **/
+    style?: CSS.Properties;
+    /** Выбранное значение  **/
+    selectedValue: string | null;
+    /** Тип Counter */
+    counterType?: TCounterType;
+    /** Отступ справа и слева */
+    indent?: number;
+    /** Действие при нажатии на таб */
+    onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
+};

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

@@ -0,0 +1 @@
+export { Tabs } from './Tabs';

package/dist/index.d.ts

@@ -8,11 +8,13 @@ import { useGetHeaderHeight, useHeaderHeightListener } from './hooks/useHeaderHe
 import { Alert } from './components/uikit/Alert';
 import { SwiperButton } from './components/uikit/SwiperButton';
 import { Counter } from './components/uikit/Counter';
+import { SegmentControl } from './components/uikit/SegmentControl';
 import { Checkbox } from './components/uikit/Checkbox';
 import { Radio } from './components/uikit/Radio';
 import { Portal } from './components/uikit/Portal';
 import { Loader } from './components/uikit/Loader';
 import { Button } from './components/uikit/Button';
+import { Tabs } from './components/uikit/Tabs';
 import { TextButton } from './components/uikit/TextButton';
 import { RegexPattern, Input } from './components/uikit/Input';
 import { ErrorText } from './components/uikit/ErrorText';
@@ -43,4 +45,4 @@ import eventBus from './utils/eventBus';
 import { BusEvent } from './utils/eventBus/events';
 import { INSTRUMENTS_TYPES } from './hooks/useSearchInstruments';
 import { AnimationFunctions } from './constants/animation/animation';
-export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, Footer, Header, SideMenu, Alert, SwiperButton, Counter, Checkbox, Radio, Portal, Loader, Button, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, Typography, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, TabListCell, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, useGetHeaderHeight, useHeaderHeightListener, LayoutSideMenu };
+export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, Footer, Header, SideMenu, Alert, SegmentControl, SwiperButton, Counter, Checkbox, Radio, Portal, Loader, Button, Tabs, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, Typography, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, TabListCell, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, useGetHeaderHeight, useHeaderHeightListener, LayoutSideMenu };