@dss-kit/ui-kit 0.2.15 → 0.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/builders/Box/Box.d.ts +2 -0
- package/dist/components/builders/Box/Box.d.ts.map +1 -1
- package/dist/components/builders/Modal/Modal.d.ts +2 -2
- package/dist/components/builders/Modal/Modal.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +38 -0
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +16 -3
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +67 -6
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -1
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts.map +1 -1
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts +16 -5
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts.map +1 -1
- package/dist/components/builders/Text/Text.d.ts +2 -2
- package/dist/components/charts/LineChart/LineChart.d.ts +3 -2
- package/dist/components/charts/LineChart/LineChart.d.ts.map +1 -1
- package/dist/components/charts/LineChart/LineChart.stories.d.ts +3 -1
- package/dist/components/charts/LineChart/LineChart.stories.d.ts.map +1 -1
- package/dist/components/charts/LineChart/constants.d.ts.map +1 -1
- package/dist/components/charts/LineChart/types.d.ts +56 -13
- package/dist/components/charts/LineChart/types.d.ts.map +1 -1
- package/dist/components/charts/LineChart/utils.d.ts +3 -1
- package/dist/components/charts/LineChart/utils.d.ts.map +1 -1
- package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts +2 -1
- package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.d.ts +1 -1
- package/dist/components/controls/Input/Input.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.stories.d.ts +1 -0
- package/dist/components/controls/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/controls/RadioGroup/Radio.d.ts +93 -0
- package/dist/components/controls/RadioGroup/Radio.d.ts.map +1 -0
- package/dist/components/controls/RadioGroup/RadioGroup.d.ts +116 -0
- package/dist/components/controls/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts +16 -0
- package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
- package/dist/components/controls/RadioGroup/context.d.ts +87 -0
- package/dist/components/controls/RadioGroup/context.d.ts.map +1 -0
- package/dist/components/controls/RadioGroup/index.d.ts +3 -0
- package/dist/components/controls/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/controls/Select/Select.d.ts +12 -1
- package/dist/components/controls/Select/Select.d.ts.map +1 -1
- package/dist/components/controls/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/controls/index.d.ts +1 -0
- package/dist/components/controls/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/shared/Skeleton/Skeleton.d.ts +296 -0
- package/dist/components/shared/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/shared/Skeleton/Skeleton.stories.d.ts +15 -0
- package/dist/components/shared/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/dist/components/shared/Skeleton/index.d.ts +3 -0
- package/dist/components/shared/Skeleton/index.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/Tooltip.d.ts +139 -0
- package/dist/components/shared/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/Tooltip.stories.d.ts +34 -0
- package/dist/components/shared/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/constants.d.ts +24 -0
- package/dist/components/shared/Tooltip/constants.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/index.d.ts +3 -0
- package/dist/components/shared/Tooltip/index.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/types.d.ts +16 -0
- package/dist/components/shared/Tooltip/types.d.ts.map +1 -0
- package/dist/components/shared/Tooltip/utils.d.ts +14 -0
- package/dist/components/shared/Tooltip/utils.d.ts.map +1 -0
- package/dist/components/shared/index.d.ts +2 -0
- package/dist/components/shared/index.d.ts.map +1 -1
- package/dist/root.css +1 -1
- package/dist/ui-kit.cjs.js +10 -29
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +5235 -4234
- package/dist/ui-kit.es.js.map +1 -1
- package/package.json +5 -5
|
@@ -59,6 +59,8 @@ type BoxSpacers = {
|
|
|
59
59
|
borderBottomWidth?: Spacing;
|
|
60
60
|
borderColor?: string;
|
|
61
61
|
borderRadius?: Spacing;
|
|
62
|
+
borderStyle?: React.CSSProperties["borderStyle"];
|
|
63
|
+
border?: React.CSSProperties["border"];
|
|
62
64
|
zIndex?: number;
|
|
63
65
|
overflow?: React.CSSProperties["overflow"];
|
|
64
66
|
minWidth?: Spacing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,10 +21,10 @@ export interface ModalProps extends PropsWithChildren {
|
|
|
21
21
|
/** @default undefined */
|
|
22
22
|
modalClassName?: string;
|
|
23
23
|
/** Отключать прокрутку body при открытии */
|
|
24
|
-
/** @default
|
|
24
|
+
/** @default true */
|
|
25
25
|
disableBodyScroll?: boolean;
|
|
26
26
|
/** Показывать ли кнопку закрытия c абсолютным позиционированием внутри модального окна */
|
|
27
|
-
/** @default
|
|
27
|
+
/** @default undefined */
|
|
28
28
|
showAbsoluteCloseButton?: boolean;
|
|
29
29
|
}
|
|
30
30
|
declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEzC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,oBAAoB;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,0FAA0F;IAC1F,yBAAyB;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,uGA0GV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,4 +1,42 @@
|
|
|
1
1
|
import { BoxProps } from '../../Box';
|
|
2
|
+
/**
|
|
3
|
+
* Компонент футера модального окна.
|
|
4
|
+
*
|
|
5
|
+
* `ModalFooter` представляет собой нижнюю часть модального окна, предназначенную
|
|
6
|
+
* для размещения кнопок действий и другого контента управления. Компонент является
|
|
7
|
+
* оберткой над `Box` с предустановленными стилями и настройками.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* // Базовое использование с кнопками
|
|
12
|
+
* <ModalFooter>
|
|
13
|
+
* <Button variant="secondary">Отмена</Button>
|
|
14
|
+
* <Button variant="primary">Сохранить</Button>
|
|
15
|
+
* </ModalFooter>
|
|
16
|
+
*
|
|
17
|
+
* // С настройкой отступов
|
|
18
|
+
* <ModalFooter gap="var(--spacing-md)" p="var(--spacing-xl)">
|
|
19
|
+
* <Button variant="ghost">Назад</Button>
|
|
20
|
+
* <Button variant="primary">Далее</Button>
|
|
21
|
+
* </ModalFooter>
|
|
22
|
+
*
|
|
23
|
+
* // Вертикальное расположение
|
|
24
|
+
* <ModalFooter row={false}>
|
|
25
|
+
* <Button variant="primary" fullWidth>Основное действие</Button>
|
|
26
|
+
* <Button variant="secondary" fullWidth>Дополнительное действие</Button>
|
|
27
|
+
* </ModalFooter>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
2
30
|
declare const ModalFooter: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
31
|
+
/**
|
|
32
|
+
* Экспорт компонента ModalFooter.
|
|
33
|
+
*
|
|
34
|
+
* Компонент автоматически применяет следующие стили:
|
|
35
|
+
* - Верхняя граница для визуального разделения с основным контентом
|
|
36
|
+
* - Flexbox layout с горизонтальным расположением по умолчанию
|
|
37
|
+
* - Стандартные отступы и промежутки между элементами
|
|
38
|
+
*
|
|
39
|
+
* Поддерживает все пропсы компонента Box для максимальной гибкости настройки.
|
|
40
|
+
*/
|
|
3
41
|
export { ModalFooter };
|
|
4
42
|
//# sourceMappingURL=ModalFooter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,WAAW,kHAkChB,CAAC;AAIF;;;;;;;;;GASG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import { BoxProps } from '../../Box';
|
|
2
2
|
interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Основной заголовок, отображаемый в шапке модального окна.
|
|
5
|
+
* Стилизуется как title-3 с полужирным начертанием.
|
|
6
|
+
*
|
|
7
|
+
* @default undefined */
|
|
4
8
|
title?: string;
|
|
5
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Дополнительный подзаголовок, отображаемый под основным заголовком.
|
|
12
|
+
* Стилизуется как body-1 с цветом tertiary.
|
|
13
|
+
*
|
|
14
|
+
* @default undefined */
|
|
6
15
|
subtitle?: string;
|
|
7
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Флаг отображения кнопки закрытия модального окна в правой части шапки.
|
|
18
|
+
* При нажатии вызывает колбэк onClose из ModalContext.
|
|
19
|
+
*
|
|
20
|
+
* @default false */
|
|
8
21
|
showCloseButton?: boolean;
|
|
9
22
|
}
|
|
10
23
|
declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO/D,UAAU,gBACR,SAAQ,IAAI,CACV,QAAQ,EACR,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CACjE;IACD;;;;4BAIwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;4BAKwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;wBAIoB;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,6GAoDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -18,19 +18,80 @@ interface ModalMainRef {
|
|
|
18
18
|
/** Получить общую высоту контента */
|
|
19
19
|
getTotalSize: () => number;
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Пропсы компонента ModalMain
|
|
23
|
+
*
|
|
24
|
+
* @interface ModalMainProps
|
|
25
|
+
* @extends {PropsWithChildren}
|
|
26
|
+
*/
|
|
21
27
|
interface ModalMainProps extends PropsWithChildren {
|
|
22
|
-
/**
|
|
28
|
+
/**
|
|
29
|
+
* Направление расположения элементов
|
|
30
|
+
* Если true, flex-direction будет row, иначе column
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
23
33
|
row?: boolean;
|
|
24
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Кастомный CSS класс для стилизации компонента
|
|
36
|
+
*/
|
|
25
37
|
className?: string;
|
|
26
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* Примерная высота элемента для виртуализации в пикселях
|
|
40
|
+
* Используется для оптимизации производительности при скролле
|
|
41
|
+
* @default 100
|
|
42
|
+
*/
|
|
27
43
|
estimatedItemHeight?: number;
|
|
28
|
-
/**
|
|
44
|
+
/**
|
|
45
|
+
* Принудительно включить виртуализацию
|
|
46
|
+
* Если не указано, виртуализация включается автоматически для списков более 50 элементов
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
29
49
|
virtualize?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
|
|
50
|
+
/**
|
|
51
|
+
* Максимальная высота контента в CSS единицах
|
|
52
|
+
* Применяется только при виртуализации
|
|
53
|
+
* @default 448
|
|
54
|
+
*/
|
|
32
55
|
maxHeight?: React.CSSProperties["maxHeight"];
|
|
33
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* Основной контейнер для содержимого модального окна с поддержкой виртуализации.
|
|
59
|
+
*
|
|
60
|
+
* Компонент автоматически включает виртуализацию для списков более 50 элементов,
|
|
61
|
+
* что значительно улучшает производительность при работе с большими объемами данных.
|
|
62
|
+
* Также поддерживает ручное управление скроллом через ref.
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* // Простое использование
|
|
66
|
+
* <ModalMain>
|
|
67
|
+
* <div>Элемент 1</div>
|
|
68
|
+
* <div>Элемент 2</div>
|
|
69
|
+
* </ModalMain>
|
|
70
|
+
*
|
|
71
|
+
* @example
|
|
72
|
+
* // С виртуализацией и управлением скроллом
|
|
73
|
+
* const modalRef = useRef<ModalMainRef>(null);
|
|
74
|
+
*
|
|
75
|
+
* const handleScrollToTop = () => {
|
|
76
|
+
* modalRef.current?.scrollToTop();
|
|
77
|
+
* };
|
|
78
|
+
*
|
|
79
|
+
* <ModalMain
|
|
80
|
+
* ref={modalRef}
|
|
81
|
+
* virtualize
|
|
82
|
+
* estimatedItemHeight={120}
|
|
83
|
+
* maxHeight={600}
|
|
84
|
+
* >
|
|
85
|
+
* {items.map(item => <Item key={item.id} data={item} />)}
|
|
86
|
+
* </ModalMain>
|
|
87
|
+
*
|
|
88
|
+
* @example
|
|
89
|
+
* // Горизонтальное расположение
|
|
90
|
+
* <ModalMain row>
|
|
91
|
+
* <Column>Левая колонка</Column>
|
|
92
|
+
* <Column>Правая колонка</Column>
|
|
93
|
+
* </ModalMain>
|
|
94
|
+
*/
|
|
34
95
|
declare const ModalMain: import('react').ForwardRefExoticComponent<ModalMainProps & import('react').RefAttributes<ModalMainRef>>;
|
|
35
96
|
export { ModalMain };
|
|
36
97
|
export type { ModalMainRef };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD
|
|
1
|
+
{"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAGL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAMf,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,UAAU,cAAe,SAAQ,iBAAiB;IAChD;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,SAAS,yGAyGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,8CAA8C;IAC9C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,8CAA8C;IAC9C,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,uEAAuE;IACvE,oCAAoC;IACpC,kCAAkC,CAAC,EAAE,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;IAEb,8DAA8D;IAC9D,yBAAyB;IACzB,+BAA+B,CAAC,EAAE,CAAC,YAAY,EAAE;QAC/C,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuJ1D,CAAC"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Получает массив страниц
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* @
|
|
2
|
+
* Получает массив номеров страниц для отображения в пагинации
|
|
3
|
+
* Адаптивно подстраивается под доступное пространство (maxVisiblePages)
|
|
4
|
+
*
|
|
5
|
+
* @param props.count - Общее количество страниц
|
|
6
|
+
* @param props.page - Текущая страница (начиная с 1)
|
|
7
|
+
* @param props.maxVisiblePages - Максимальное количество видимых элементов
|
|
8
|
+
* @returns Массив номеров страниц и многоточий ('start-dots', 'end-dots')
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* getPageNumbers({ page: 5, count: 10, maxVisiblePages: 7 })
|
|
12
|
+
* // => [1, 'start-dots', 4, 5, 6, 'end-dots', 10]
|
|
6
13
|
*/
|
|
7
|
-
export declare
|
|
14
|
+
export declare function getPageNumbers(props: {
|
|
15
|
+
count?: number;
|
|
16
|
+
page: number;
|
|
17
|
+
maxVisiblePages?: number;
|
|
18
|
+
}): (string | number)[];
|
|
8
19
|
//# sourceMappingURL=TablePagination.utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TablePagination.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Table/TablePagination/TablePagination.utils.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,uBAoFA"}
|
|
@@ -40,8 +40,8 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
40
40
|
center?: boolean | undefined;
|
|
41
41
|
left?: boolean | undefined;
|
|
42
42
|
right?: boolean | undefined;
|
|
43
|
-
overflow?: import("csstype").Property.Overflow | undefined;
|
|
44
43
|
hidden?: boolean | undefined;
|
|
44
|
+
overflow?: import("csstype").Property.Overflow | undefined;
|
|
45
45
|
flex?: string | number | undefined;
|
|
46
46
|
mt?: string | number | undefined;
|
|
47
47
|
mr?: string | number | undefined;
|
|
@@ -100,7 +100,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
100
100
|
part?: string | undefined;
|
|
101
101
|
"aria-activedescendant"?: string | undefined;
|
|
102
102
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
103
|
-
"aria-autocomplete"?: "
|
|
103
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
104
104
|
"aria-braillelabel"?: string | undefined;
|
|
105
105
|
"aria-brailleroledescription"?: string | undefined;
|
|
106
106
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { LineChartProps } from './types';
|
|
3
|
-
|
|
3
|
+
declare const LineChart: FC<LineChartProps>;
|
|
4
|
+
export { LineChart };
|
|
4
5
|
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyCjC,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -40,13 +40,15 @@ export declare const WithNamedPoints: Story;
|
|
|
40
40
|
/**
|
|
41
41
|
* График с кастомным tooltip (выплаты по дням)
|
|
42
42
|
*
|
|
43
|
-
* Пример кастомного tooltip с использованием переменных шаблонов Highcharts.
|
|
43
|
+
* Пример полностью кастомного tooltip с использованием React-компонентов и переменных шаблонов Highcharts.
|
|
44
44
|
*
|
|
45
45
|
* В этом примере используются:
|
|
46
46
|
* - `{point.y}` - для отображения значения точки (сумма выплат)
|
|
47
47
|
* - `{point.key}` - для отображения категории (даты)
|
|
48
48
|
*
|
|
49
49
|
* Переменные шаблонов автоматически заменяются на актуальные значения при наведении на точку графика.
|
|
50
|
+
*
|
|
51
|
+
* **Важно:** Tooltip передается как объект с свойством `children`, которое содержит React-компонент.
|
|
50
52
|
*/
|
|
51
53
|
export declare const WithCustomTooltip: Story;
|
|
52
54
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,
|
|
1
|
+
{"version":3,"file":"LineChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA6C7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAqE9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkF/B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAmCvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,kBAAkB,EAClB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,cAAc,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACnE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;KAC3B,CAAC;CACH,CA0CF,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Highcharts, HighchartsOptionsType } from '@highcharts/react';
|
|
2
|
+
import { TooltipProps } from '@highcharts/react/options/Tooltip';
|
|
2
3
|
import { AccentType, NegativeType, PositiveType, WarningType } from '../../../types';
|
|
3
4
|
export type LineChartColorType = PositiveType | NegativeType | AccentType | WarningType;
|
|
4
5
|
export type LineChartDataType = (number | Highcharts.PointOptionsObject | [string | number, number | null] | null)[] | undefined;
|
|
@@ -219,15 +220,20 @@ export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
|
|
|
219
220
|
*/
|
|
220
221
|
containerProps?: React.HTMLAttributes<HTMLDivElement>;
|
|
221
222
|
/**
|
|
222
|
-
*
|
|
223
|
+
* Конфигурация всплывающей подсказки (tooltip) при наведении на точки графика.
|
|
223
224
|
*
|
|
224
|
-
*
|
|
225
|
-
*
|
|
225
|
+
* Принимает объект типа `TooltipProps` из `@highcharts/react`, который позволяет полностью
|
|
226
|
+
* настроить внешний вид и поведение tooltip. Можно использовать два подхода:
|
|
227
|
+
*
|
|
228
|
+
* **1. React-компоненты через `children`:**
|
|
229
|
+
*
|
|
230
|
+
* Передайте React-элементы в свойство `children` для создания кастомного tooltip.
|
|
231
|
+
* Внутри children можно использовать переменные шаблонов Highcharts в фигурных скобках.
|
|
226
232
|
*
|
|
227
233
|
* Основные переменные шаблонов:
|
|
228
234
|
* - `{point.x}` - значение X координаты точки
|
|
229
235
|
* - `{point.y}` - значение Y координаты точки
|
|
230
|
-
* - `{point.key}` - ключ точки (
|
|
236
|
+
* - `{point.key}` - ключ точки (категория или дата)
|
|
231
237
|
* - `{point.name}` - имя точки
|
|
232
238
|
* - `{series.name}` - название серии данных
|
|
233
239
|
*
|
|
@@ -235,24 +241,61 @@ export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
|
|
|
235
241
|
* - `{point.y:.2f}` - два знака после запятой
|
|
236
242
|
* - `{point.y:,.0f}` - с разделителем тысяч, без десятичных
|
|
237
243
|
*
|
|
238
|
-
*
|
|
244
|
+
* **2. Строковые шаблоны через `pointFormat`:**
|
|
245
|
+
*
|
|
246
|
+
* Используйте свойство `pointFormat` для простых текстовых tooltip с переменными шаблонов.
|
|
247
|
+
*
|
|
248
|
+
* **Дополнительные настройки:**
|
|
249
|
+
*
|
|
250
|
+
* Компонент автоматически применяет следующие преднастройки:
|
|
251
|
+
* - `outside: true` - tooltip отображается вне контейнера графика
|
|
252
|
+
* - `useHTML: true` - поддержка HTML и React-компонентов
|
|
253
|
+
* - `padding: 0` - без отступов (настраивайте padding в ваших компонентах)
|
|
254
|
+
* - `backgroundColor`, `borderRadius`, `shadow` - стилизация по умолчанию
|
|
255
|
+
*
|
|
256
|
+
* Все преднастройки можно переопределить, передав свои значения в tooltip проп.
|
|
239
257
|
*
|
|
240
258
|
* @example
|
|
241
259
|
* ```tsx
|
|
260
|
+
* // Пример 1: Кастомный tooltip с React-компонентами
|
|
242
261
|
* <LineChart
|
|
243
262
|
* data={[1000, 2500, 3200]}
|
|
244
263
|
* yAxis={{}}
|
|
245
|
-
* tooltip={
|
|
246
|
-
*
|
|
247
|
-
* <p
|
|
248
|
-
*
|
|
249
|
-
*
|
|
250
|
-
*
|
|
264
|
+
* tooltip={{
|
|
265
|
+
* children: (
|
|
266
|
+
* <Box p="var(--spacing-md)">
|
|
267
|
+
* <Text>{"{point.y} USDT"}</Text>
|
|
268
|
+
* <Text colorName="tertiary">{"{point.key}"}</Text>
|
|
269
|
+
* </Box>
|
|
270
|
+
* )
|
|
271
|
+
* }}
|
|
272
|
+
* />
|
|
273
|
+
*
|
|
274
|
+
* // Пример 2: Простой строковый tooltip
|
|
275
|
+
* <LineChart
|
|
276
|
+
* data={[1000, 2500, 3200]}
|
|
277
|
+
* yAxis={{}}
|
|
278
|
+
* tooltip={{
|
|
279
|
+
* pointFormat: '<b>{point.y:.2f} USDT</b><br/>{point.key}'
|
|
280
|
+
* }}
|
|
281
|
+
* />
|
|
282
|
+
*
|
|
283
|
+
* // Пример 3: Переопределение стилей
|
|
284
|
+
* <LineChart
|
|
285
|
+
* data={[1000, 2500, 3200]}
|
|
286
|
+
* yAxis={{}}
|
|
287
|
+
* tooltip={{
|
|
288
|
+
* children: <div>{"{point.y}"}</div>,
|
|
289
|
+
* backgroundColor: '#ffffff',
|
|
290
|
+
* borderRadius: 12,
|
|
291
|
+
* padding: 16
|
|
292
|
+
* }}
|
|
251
293
|
* />
|
|
252
294
|
* ```
|
|
253
295
|
*
|
|
254
|
-
* @see Подробнее о переменных шаблонов в stories компонента
|
|
296
|
+
* @see Подробнее о переменных шаблонов и примерах в stories компонента
|
|
297
|
+
* @see Полный список свойств TooltipProps в документации @highcharts/react
|
|
255
298
|
*/
|
|
256
|
-
tooltip?:
|
|
299
|
+
tooltip?: TooltipProps;
|
|
257
300
|
}
|
|
258
301
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,kBAAkB,GAC1B,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GACzB,CACI,MAAM,GACN,UAAU,CAAC,kBAAkB,GAC7B,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,GAChC,IAAI,CACP,EAAE,GACH,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IACzD;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,UAAU,CAAC,EAAE,OAAO,UAAU,CAAC;IAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8CG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+CG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuCG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAEtD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,kBAAkB,GAC1B,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GACzB,CACI,MAAM,GACN,UAAU,CAAC,kBAAkB,GAC7B,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,GAChC,IAAI,CACP,EAAE,GACH,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IACzD;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,UAAU,CAAC,EAAE,OAAO,UAAU,CAAC;IAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8CG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+CG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuCG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4EG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { HighchartsOptionsType } from '@highcharts/react';
|
|
2
|
+
import { TooltipProps } from '@highcharts/react/options/Tooltip';
|
|
2
3
|
import { LineChartColorType, LineChartDataType, LineChartXAxisType, LineChartYAxisType } from './types';
|
|
3
|
-
export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType) => HighchartsOptionsType;
|
|
4
|
+
export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType, tooltip: boolean) => HighchartsOptionsType;
|
|
5
|
+
export declare const buildTooltipProps: (tooltip?: TooltipProps) => TooltipProps;
|
|
4
6
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,GAChC,OAAO,kBAAkB,EACzB,MAAM,iBAAiB,EACvB,OAAO,kBAAkB,EACzB,OAAO,kBAAkB,EACzB,SAAS,OAAO,KACf,qBAgCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,YAAY,KAAG,YAgBzD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HighchartsReactRefObject } from '@highcharts/react';
|
|
2
2
|
import { PieProgressChartProps } from './types';
|
|
3
|
-
|
|
3
|
+
declare const PieProgressChart: import('react').ForwardRefExoticComponent<PieProgressChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
|
|
4
|
+
export { PieProgressChart };
|
|
4
5
|
//# sourceMappingURL=PieProgressChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PieProgressChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/PieProgressChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,
|
|
1
|
+
{"version":3,"file":"PieProgressChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/PieProgressChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,QAAA,MAAM,gBAAgB,4HAwCrB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACrC,CAAC;AAEJ;;GAEG;AACH,KAAK,oBAAoB,GAAG,WAAW,GACrC,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,EAAE,IAAI,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAElE;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,6EAoPhB,CAAC"}
|
|
@@ -7,6 +7,7 @@ export declare const Default: Story;
|
|
|
7
7
|
export declare const ErrorInput: Story;
|
|
8
8
|
export declare const Disabled: Story;
|
|
9
9
|
export declare const Small: Story;
|
|
10
|
+
export declare const WithReactNodeLabel: Story;
|
|
10
11
|
export declare const WithPrefixSuffix: Story;
|
|
11
12
|
export declare const WithClearButton: Story;
|
|
12
13
|
export declare const Multiline: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Size } from '../../../types';
|
|
3
|
+
/**
|
|
4
|
+
* Radio — доступная реализация визуального радио-переключателя.
|
|
5
|
+
*
|
|
6
|
+
* Компонент поддерживает два режима работы:
|
|
7
|
+
* 1. В составе RadioGroup (контекст) — контролируется через `value`/`setValue` в контексте.
|
|
8
|
+
* 2. Standalone — может быть контролируемым (через `checked` + `onChange`) или неконтролируемым
|
|
9
|
+
* (через `defaultChecked`).
|
|
10
|
+
*
|
|
11
|
+
* Основные особенности:
|
|
12
|
+
* - Forward-ref на нативный `<button />`.
|
|
13
|
+
* - Использует `role="radio"` и `aria-checked` + `aria-disabled` для доступности.
|
|
14
|
+
* - Работает с подходом "roving tabindex": активный (checked) элемент получает tabIndex=0, остальные - -1.
|
|
15
|
+
* - Поддерживает кастомный `description` — вспомогательный текст под основным содержимым.
|
|
16
|
+
* - Параметр `size` меняет геометрию радиокнопки: `sm` или `md`.
|
|
17
|
+
*
|
|
18
|
+
* API и примеры использования находятся в JSDoc комментариях ниже.
|
|
19
|
+
*/
|
|
20
|
+
export type RadioProps = {
|
|
21
|
+
/** Значение радиокнопки в группе. Обязательно для использования внутри RadioGroup. */
|
|
22
|
+
value?: string;
|
|
23
|
+
/** Содержимое метки (label). Ожидается текст или любой ReactNode. */
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
/** Отключает компонент, делая прозрачней. Если радио находится в группе — учитывается флаг группы. */
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/** Дополнительный CSS-класс (emotion / scss и т.д.). */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Контролируемый режим: значение checked управляется извне. */
|
|
30
|
+
checked?: boolean;
|
|
31
|
+
/** Неконтролируемый режим: начальное значение. */
|
|
32
|
+
defaultChecked?: boolean;
|
|
33
|
+
/** Колбек для standalone режима: получает новый checked (boolean). */
|
|
34
|
+
onChange?: (checked: boolean) => void;
|
|
35
|
+
/** Вспомогательный текст под label. */
|
|
36
|
+
description?: React.ReactNode;
|
|
37
|
+
/** Можно переопределить размер на уровне конкретного Radio.
|
|
38
|
+
*
|
|
39
|
+
* @default "md"
|
|
40
|
+
*/
|
|
41
|
+
size?: Extract<Size, "sm" | "md">;
|
|
42
|
+
/** Можно переопределить расположение Radio на уровне конкретного Radio.
|
|
43
|
+
*
|
|
44
|
+
* @default "left"
|
|
45
|
+
*/
|
|
46
|
+
side?: "left" | "right";
|
|
47
|
+
/**
|
|
48
|
+
* Делает конкретное Radio доступной только для чтения.
|
|
49
|
+
* - Изменение выбранного значения запрещено.
|
|
50
|
+
* - В отличие от `disabled`, визуально не выглядить как отключённое.
|
|
51
|
+
*/
|
|
52
|
+
readOnly?: boolean;
|
|
53
|
+
/** Включает визуальное состояние ошибки (рамка, цвет заливки и т.п.). */
|
|
54
|
+
error?: boolean;
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* Radio (React.forwardRef)
|
|
58
|
+
*
|
|
59
|
+
* Props behaviour summary:
|
|
60
|
+
* - Grouped: если компонент вложен в RadioGroup (useRadioGroupContext возвращает ctx),
|
|
61
|
+
* то `value` используется как идентификатор и `checked`/`onChange` карточные props игнорируются.
|
|
62
|
+
* Для управления выбраным элементом используйте RadioGroup (контекст).
|
|
63
|
+
* - Standalone (не в группе):
|
|
64
|
+
* - Контролируемый: передайте `checked` + `onChange`.
|
|
65
|
+
* - Неконтролируемый: передайте `defaultChecked` и используйте `onChange` при необходимости.
|
|
66
|
+
*
|
|
67
|
+
* Accessibility notes:
|
|
68
|
+
* - Используется role="radio" и aria-checked={boolean}.
|
|
69
|
+
* - aria-disabled выставляется если disabled.
|
|
70
|
+
* - Компонент реализует roving tabindex — только выбранный элемент доступен через Tab.
|
|
71
|
+
* - Внимание: компонент намеренно рендерится как <button> (см. biome-ignore comment) —
|
|
72
|
+
* ответственность за поддержку клавиш навигации (стрелки в группе) лежит на RadioGroup.
|
|
73
|
+
*
|
|
74
|
+
* Forwarded ref: ref будет указывать на HTMLButtonElement.
|
|
75
|
+
*
|
|
76
|
+
* Examples:
|
|
77
|
+
*
|
|
78
|
+
* // Standalone controlled
|
|
79
|
+
* const [checked, setChecked] = useState(false);
|
|
80
|
+
* <Radio checked={checked} onChange={(c) => setChecked(c)}>Опция</Radio>
|
|
81
|
+
*
|
|
82
|
+
* // Standalone uncontrolled
|
|
83
|
+
* <Radio defaultChecked>Опция (по-умолчанию выбрана)</Radio>
|
|
84
|
+
*
|
|
85
|
+
* // В группе — RadioGroup реализует контекст (пример псевдокода)
|
|
86
|
+
* <RadioGroup value={value} onChange={(v) => setValue(v)} size="sm">
|
|
87
|
+
* <Radio value="a">Первый</Radio>
|
|
88
|
+
* <Radio value="b" description="описание">Второй</Radio>
|
|
89
|
+
* </RadioGroup>
|
|
90
|
+
*/
|
|
91
|
+
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
|
|
92
|
+
export { Radio };
|
|
93
|
+
//# sourceMappingURL=Radio.d.ts.map
|