profinansy-ui-lib 3.1.27 → 3.1.29

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

@@ -10,6 +10,7 @@ export declare const RightButton: import("styled-components").StyledComponent<({
 export declare const Container: import("styled-components").StyledComponent<"div", DefaultTheme, {
     scroll: TScrollBubbles;
     mobileIndent: number;
+    mode: TModeBubbles;
 }, never>;
 export declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
     isActive: boolean;

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

@@ -22,8 +22,6 @@ export type TBubbleProps = {
     mode?: TModeBubbles;
     /** Стиль для списка  **/
     style?: CSS.Properties;
-    /** Выбранное значение  **/
-    selectedValue: string | null;
     /** Режим отображения чисел */
     isDataCountTop?: boolean;
     /** Тип Counter */
@@ -32,7 +30,21 @@ export type TBubbleProps = {
     mobileIndent?: number;
     /** Тип Скролла */
     scroll?: TScrollBubbles;
+} & (Single | Multiple);
+export type Single = {
+    /** Мульти выбор значений  **/
+    multi?: false;
+    /** Выбранное значение  **/
+    selectedValue?: string;
     /** Действие при нажатии на таб */
     onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
 };
+export type Multiple = {
+    /** Мульти выбор значений  **/
+    multi: true;
+    /** Выбранное значение  **/
+    selectedValue?: string[];
+    /** Действие при нажатии на таб */
+    onChange?: (value: string[], event: MouseEvent<HTMLButtonElement>) => void;
+};
 export {};

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

@@ -1,3 +1,3 @@
 import { TBubbleProps } from '../../Bubbles.typed';
-declare const WithScroll: ({ mobileIndent, options, selectedValue, onChange, mode, style, isDataCountTop, counterType, scroll }: TBubbleProps) => JSX.Element;
+declare const WithScroll: (props: 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/index.d.ts

@@ -8,6 +8,7 @@ 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';
@@ -44,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, 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 };
+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 };