profinansy-ui-lib 3.1.27 → 3.1.28

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 };