@dss-kit/ui-kit 0.2.12 → 0.2.14
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/Table/Table.d.ts +1 -1
- package/dist/components/builders/Table/Table.d.ts.map +1 -1
- package/dist/components/builders/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/builders/Table/Table.types.d.ts +8 -2
- package/dist/components/builders/Table/Table.types.d.ts.map +1 -1
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts +8 -2
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts.map +1 -1
- package/dist/components/charts/LineChart/LineChart.d.ts +4 -0
- package/dist/components/charts/LineChart/LineChart.d.ts.map +1 -0
- package/dist/components/charts/LineChart/LineChart.stories.d.ts +53 -0
- package/dist/components/charts/LineChart/LineChart.stories.d.ts.map +1 -0
- package/dist/components/charts/LineChart/constants.d.ts +15 -0
- package/dist/components/charts/LineChart/constants.d.ts.map +1 -0
- package/dist/components/charts/LineChart/index.d.ts +3 -0
- package/dist/components/charts/LineChart/index.d.ts.map +1 -0
- package/dist/components/charts/LineChart/types.d.ts +258 -0
- package/dist/components/charts/LineChart/types.d.ts.map +1 -0
- package/dist/components/charts/LineChart/utils.d.ts +4 -0
- package/dist/components/charts/LineChart/utils.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts +4 -0
- package/dist/components/charts/PieProgressChart/PieProgressChart.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/PieProgressChart.stories.d.ts +13 -0
- package/dist/components/charts/PieProgressChart/PieProgressChart.stories.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/constants.d.ts +6 -0
- package/dist/components/charts/PieProgressChart/constants.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/index.d.ts +3 -0
- package/dist/components/charts/PieProgressChart/index.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/types.d.ts +176 -0
- package/dist/components/charts/PieProgressChart/types.d.ts.map +1 -0
- package/dist/components/charts/PieProgressChart/utils.d.ts +4 -0
- package/dist/components/charts/PieProgressChart/utils.d.ts.map +1 -0
- package/dist/components/charts/index.d.ts +5 -0
- package/dist/components/charts/index.d.ts.map +1 -0
- package/dist/components/controls/Input/Input.d.ts.map +1 -1
- package/dist/components/controls/Tabs/TabItem/TabItem.d.ts +10 -0
- package/dist/components/controls/Tabs/TabItem/TabItem.d.ts.map +1 -0
- package/dist/components/controls/Tabs/TabItem/index.d.ts +2 -0
- package/dist/components/controls/Tabs/TabItem/index.d.ts.map +1 -0
- package/dist/components/controls/Tabs/Tabs.d.ts +40 -0
- package/dist/components/controls/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/controls/Tabs/Tabs.stories.d.ts +9 -0
- package/dist/components/controls/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/controls/Tabs/index.d.ts +2 -0
- package/dist/components/controls/Tabs/index.d.ts.map +1 -0
- 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/Avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/shared/Avatar/Avatar.types.d.ts +2 -2
- package/dist/components/shared/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/components/shared/Badge/Badge.d.ts +2 -2
- package/dist/components/shared/Badge/Badge.d.ts.map +1 -1
- package/dist/components/shared/index.d.ts +1 -0
- package/dist/components/shared/index.d.ts.map +1 -1
- package/dist/root.css +1 -1
- package/dist/ui-kit.cjs.js +233 -13
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +55378 -7451
- package/dist/ui-kit.es.js.map +1 -1
- package/package.json +4 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createColumnHelper } from '@tanstack/react-table';
|
|
2
2
|
import { TableProps } from './Table.types';
|
|
3
3
|
declare const Table: {
|
|
4
|
-
<TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, sorting: controlledSorting, onSortingChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, emptyLabels, loadingLabels, className, containerClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset,
|
|
4
|
+
<TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, sorting: controlledSorting, onSortingChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, emptyLabels, loadingLabels, className, containerClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset, renderPageSizeSelectorDropdownItem, renderPageSizeSelectorInputItem, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
HeadCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
7
|
BodyCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,kBAAkB,EAWnB,MAAM,uBAAuB,CAAC;AAS/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyBhD,QAAA,MAAM,KAAK;KAAI,KAAK,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,kBAAkB,EAWnB,MAAM,uBAAuB,CAAC;AAS/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyBhD,QAAA,MAAM,KAAK;KAAI,KAAK,kvBA2CjB,UAAU,CAAC,KAAK,CAAC;;;;;;;;;;;CA4QnB,CAAC;AAQF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EACL,KAAK,EAEL,KAAK,UAAU,EAGhB,MAAM,SAAS,CAAC;AAEjB,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAChB;AAiPD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EACL,KAAK,EAEL,KAAK,UAAU,EAGhB,MAAM,SAAS,CAAC;AAEjB,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAChB;AAiPD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA+B1B,CAAC"}
|
|
@@ -43,12 +43,18 @@ export interface TableProps<TData> {
|
|
|
43
43
|
pagination?: PaginationState;
|
|
44
44
|
/** Callback при изменении пагинации */
|
|
45
45
|
onPaginationChange?: (pagination: PaginationState) => void;
|
|
46
|
-
/** Функция для рендера
|
|
46
|
+
/** Функция для рендера дропдаун элемента селектора размера страницы */
|
|
47
47
|
/** @default (item) => item.label */
|
|
48
|
-
|
|
48
|
+
renderPageSizeSelectorDropdownItem?: (item: {
|
|
49
49
|
value: string;
|
|
50
50
|
label: string;
|
|
51
51
|
}) => string;
|
|
52
|
+
/** Функция для рендера значения селектора размера страницы */
|
|
53
|
+
/** @default (item) => item.value */
|
|
54
|
+
renderPageSizeSelectorInputItem?: (selectedItem: {
|
|
55
|
+
value: string;
|
|
56
|
+
label: string;
|
|
57
|
+
}) => React.ReactNode;
|
|
52
58
|
/** Выбранные строки (контролируемое) */
|
|
53
59
|
rowSelection?: Record<string, boolean>;
|
|
54
60
|
/** Callback при изменении выбора строк */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,KAAK,IAAI,aAAa,EACtB,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,12 +16,18 @@ export interface TablePaginationProps {
|
|
|
16
16
|
/** Показывать ли селектор размера страницы */
|
|
17
17
|
/** @default true */
|
|
18
18
|
showPageSizeSelector?: boolean;
|
|
19
|
-
/** Функция для рендера
|
|
19
|
+
/** Функция для рендера дропдаун элемента селектора размера страницы */
|
|
20
20
|
/** @default (item) => item.label */
|
|
21
|
-
|
|
21
|
+
renderPageSizeSelectorDropdownItem?: (item: {
|
|
22
22
|
value: string;
|
|
23
23
|
label: string;
|
|
24
24
|
}) => string;
|
|
25
|
+
/** Функция для рендера значения селектора размера страницы */
|
|
26
|
+
/** @default undefined */
|
|
27
|
+
renderPageSizeSelectorInputItem?: (selectedItem: {
|
|
28
|
+
value: string;
|
|
29
|
+
label: string;
|
|
30
|
+
}) => React.ReactNode;
|
|
25
31
|
}
|
|
26
32
|
export declare const TablePagination: React.FC<TablePaginationProps>;
|
|
27
33
|
//# sourceMappingURL=TablePagination.d.ts.map
|
|
@@ -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;AAW/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,
|
|
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;AAW/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,CA4F1D,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HighchartsReactRefObject } from '@highcharts/react';
|
|
2
|
+
import { LineChartProps } from './types';
|
|
3
|
+
export declare const LineChart: import('react').ForwardRefExoticComponent<LineChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
|
|
4
|
+
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,SAAS,qHAmDrB,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { LineChart } from './LineChart';
|
|
3
|
+
declare const meta: Meta<typeof LineChart>;
|
|
4
|
+
type Story = StoryObj<typeof LineChart>;
|
|
5
|
+
/**
|
|
6
|
+
* График оборотов (положительный тренд)
|
|
7
|
+
* Показывает рост оборота с небольшими колебаниями
|
|
8
|
+
*/
|
|
9
|
+
export declare const Positive: Story;
|
|
10
|
+
/**
|
|
11
|
+
* График расходов/споров (отрицательный тренд)
|
|
12
|
+
* Показывает колебания расходов
|
|
13
|
+
*/
|
|
14
|
+
export declare const Negative: Story;
|
|
15
|
+
/**
|
|
16
|
+
* График транзакций (акцентный цвет)
|
|
17
|
+
* Показывает стабильные транзакции с небольшими колебаниями
|
|
18
|
+
*/
|
|
19
|
+
export declare const Accent: Story;
|
|
20
|
+
/**
|
|
21
|
+
* График активных споров (предупреждение)
|
|
22
|
+
* Показывает количество активных споров с волатильностью
|
|
23
|
+
*/
|
|
24
|
+
export declare const Warning: Story;
|
|
25
|
+
/**
|
|
26
|
+
* График с координатами [x, y]
|
|
27
|
+
* Использует формат данных в виде массива пар координат
|
|
28
|
+
*/
|
|
29
|
+
export declare const WithCoordinates: Story;
|
|
30
|
+
/**
|
|
31
|
+
* График с расширенными опциями точек и разрывами
|
|
32
|
+
* Использует Highcharts.PointOptionsObject для кастомизации отдельных точек
|
|
33
|
+
*/
|
|
34
|
+
export declare const WithPointOptions: Story;
|
|
35
|
+
/**
|
|
36
|
+
* График с именованными точками
|
|
37
|
+
* Использует объекты с name для отображения в tooltip
|
|
38
|
+
*/
|
|
39
|
+
export declare const WithNamedPoints: Story;
|
|
40
|
+
/**
|
|
41
|
+
* График с кастомным tooltip (выплаты по дням)
|
|
42
|
+
*
|
|
43
|
+
* Пример кастомного tooltip с использованием переменных шаблонов Highcharts.
|
|
44
|
+
*
|
|
45
|
+
* В этом примере используются:
|
|
46
|
+
* - `{point.y}` - для отображения значения точки (сумма выплат)
|
|
47
|
+
* - `{point.key}` - для отображения категории (даты)
|
|
48
|
+
*
|
|
49
|
+
* Переменные шаблонов автоматически заменяются на актуальные значения при наведении на точку графика.
|
|
50
|
+
*/
|
|
51
|
+
export declare const WithCustomTooltip: Story;
|
|
52
|
+
export default meta;
|
|
53
|
+
//# sourceMappingURL=LineChart.stories.d.ts.map
|
|
@@ -0,0 +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,CAoGhC,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,KAkC7B,CAAC;AAMF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LineChartColorType } from './types';
|
|
2
|
+
export declare const lineChartPreset: Partial<Highcharts.Options>;
|
|
3
|
+
export declare const lineChartColorPreset: Record<LineChartColorType, {
|
|
4
|
+
color: string;
|
|
5
|
+
fillColor: {
|
|
6
|
+
linearGradient: {
|
|
7
|
+
x1: number;
|
|
8
|
+
y1: number;
|
|
9
|
+
x2: number;
|
|
10
|
+
y2: number;
|
|
11
|
+
};
|
|
12
|
+
stops: [number, string][];
|
|
13
|
+
};
|
|
14
|
+
}>;
|
|
15
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +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,CA0CvD,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/LineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
import { Highcharts, HighchartsOptionsType } from '@highcharts/react';
|
|
2
|
+
import { AccentType, NegativeType, PositiveType, WarningType } from '../../../types';
|
|
3
|
+
export type LineChartColorType = PositiveType | NegativeType | AccentType | WarningType;
|
|
4
|
+
export type LineChartDataType = (number | Highcharts.PointOptionsObject | [string | number, number | null] | null)[] | undefined;
|
|
5
|
+
export type LineChartXAxisType = HighchartsOptionsType["xAxis"];
|
|
6
|
+
export type LineChartYAxisType = HighchartsOptionsType["yAxis"];
|
|
7
|
+
/**
|
|
8
|
+
* Пропсы компонента LineChart
|
|
9
|
+
*/
|
|
10
|
+
export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ref"> {
|
|
11
|
+
/**
|
|
12
|
+
* Цветовая схема графика, определяющая цвет линии и точек.
|
|
13
|
+
*
|
|
14
|
+
* Доступные варианты:
|
|
15
|
+
* - `positive`
|
|
16
|
+
* - `negative`
|
|
17
|
+
* - `accent`
|
|
18
|
+
* - `warning`
|
|
19
|
+
*
|
|
20
|
+
* @default "positive"
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <LineChart color="positive" data={[1, 2, 3]} yAxis={{}} />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
color?: LineChartColorType;
|
|
28
|
+
/**
|
|
29
|
+
* Экземпляр библиотеки Highcharts для использования после инициализации дополнительных модулей.
|
|
30
|
+
*
|
|
31
|
+
* Этот проп необходим, если вы используете дополнительные модули Highcharts (например, highcharts-more,
|
|
32
|
+
* highcharts-3d, accessibility и т.д.), которые требуют явной инициализации. Если вы используете только
|
|
33
|
+
* базовый функционал Highcharts, этот проп можно не указывать.
|
|
34
|
+
*
|
|
35
|
+
* Начиная с @highcharts/react v4, этот проп является опциональным, так как базовый Highcharts
|
|
36
|
+
* импортируется автоматически.
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```tsx
|
|
40
|
+
* import Highcharts from "highcharts";
|
|
41
|
+
* import HighchartsMore from "highcharts/highcharts-more";
|
|
42
|
+
*
|
|
43
|
+
* // Инициализация дополнительных модулей
|
|
44
|
+
* HighchartsMore(Highcharts);
|
|
45
|
+
*
|
|
46
|
+
* <LineChart highcharts={Highcharts} data={[1, 2, 3]} yAxis={{}} />
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
highcharts?: typeof Highcharts;
|
|
50
|
+
/**
|
|
51
|
+
* Конфигурация горизонтальной оси X графика.
|
|
52
|
+
*
|
|
53
|
+
* Определяет настройки для горизонтальной оси, включая:
|
|
54
|
+
* - `categories` - массив меток для оси X (например, названия месяцев, даты)
|
|
55
|
+
* - `type` - тип оси ('linear', 'logarithmic', 'datetime', 'category')
|
|
56
|
+
* - `title` - заголовок оси
|
|
57
|
+
* - `labels` - настройки отображения меток
|
|
58
|
+
* - `gridLineWidth` - толщина линий сетки
|
|
59
|
+
* - и другие опции Highcharts для оси X
|
|
60
|
+
*
|
|
61
|
+
* **Преднастроенные значения по умолчанию:**
|
|
62
|
+
* - `gridLineWidth: 0` - линии сетки отключены
|
|
63
|
+
* - `lineWidth: 0` - линия оси отключена
|
|
64
|
+
* - `tickWidth: 0` - деления оси отключены
|
|
65
|
+
* - `labels: { enabled: false }` - метки отключены
|
|
66
|
+
* - `title: { text: "" }` - заголовок пустой
|
|
67
|
+
*
|
|
68
|
+
* Все преднастроенные значения можно переопределить, передав свои параметры в этот проп.
|
|
69
|
+
* Переданные настройки будут объединены с преднастройками (ваши значения имеют приоритет).
|
|
70
|
+
*
|
|
71
|
+
* Этот проп опциональный. Если не указан, ось X будет использовать только преднастройки.
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* ```tsx
|
|
75
|
+
* // Ось с категориями и включенными метками
|
|
76
|
+
* <LineChart
|
|
77
|
+
* xAxis={{
|
|
78
|
+
* categories: ["Янв", "Фев", "Мар", "Апр", "Май", "Июн"],
|
|
79
|
+
* labels: { enabled: true } // переопределяем преднастройку
|
|
80
|
+
* }}
|
|
81
|
+
* yAxis={{}}
|
|
82
|
+
* data={[1, 2, 3, 4, 5, 6]}
|
|
83
|
+
* />
|
|
84
|
+
*
|
|
85
|
+
* // Ось с типом datetime и линиями сетки
|
|
86
|
+
* <LineChart
|
|
87
|
+
* xAxis={{
|
|
88
|
+
* type: "datetime",
|
|
89
|
+
* title: { text: "Дата" },
|
|
90
|
+
* gridLineWidth: 1 // переопределяем преднастройку
|
|
91
|
+
* }}
|
|
92
|
+
* yAxis={{}}
|
|
93
|
+
* data={[[Date.UTC(2024, 0, 1), 100], [Date.UTC(2024, 1, 1), 200]]}
|
|
94
|
+
* />
|
|
95
|
+
* ```
|
|
96
|
+
*/
|
|
97
|
+
xAxis?: LineChartXAxisType;
|
|
98
|
+
/**
|
|
99
|
+
* Конфигурация вертикальной оси Y графика (обязательный проп).
|
|
100
|
+
*
|
|
101
|
+
* Определяет настройки для вертикальной оси, включая:
|
|
102
|
+
* - `categories` - массив меток для оси Y (для категориальных графиков)
|
|
103
|
+
* - `title` - заголовок оси
|
|
104
|
+
* - `min` / `max` - минимальное и максимальное значения оси
|
|
105
|
+
* - `labels` - настройки отображения меток (форматирование, стиль)
|
|
106
|
+
* - `gridLineWidth` - толщина линий сетки
|
|
107
|
+
* - `tickInterval` - интервал между делениями
|
|
108
|
+
* - и другие опции Highcharts для оси Y
|
|
109
|
+
*
|
|
110
|
+
* **Преднастроенные значения по умолчанию:**
|
|
111
|
+
* - `gridLineWidth: 0` - линии сетки отключены
|
|
112
|
+
* - `lineWidth: 0` - линия оси отключена
|
|
113
|
+
* - `tickWidth: 0` - деления оси отключены
|
|
114
|
+
* - `labels: { enabled: false }` - метки отключены
|
|
115
|
+
* - `title: { text: "" }` - заголовок пустой
|
|
116
|
+
*
|
|
117
|
+
* Все преднастроенные значения можно переопределить, передав свои параметры в этот проп.
|
|
118
|
+
* Переданные настройки будут объединены с преднастройками (ваши значения имеют приоритет).
|
|
119
|
+
*
|
|
120
|
+
* Этот проп является обязательным, так как определяет масштаб и способ отображения значений данных.
|
|
121
|
+
*
|
|
122
|
+
* @example
|
|
123
|
+
* ```tsx
|
|
124
|
+
* // Ось с категориями и включенными метками
|
|
125
|
+
* <LineChart
|
|
126
|
+
* yAxis={{
|
|
127
|
+
* categories: ["0", "1000", "2000", "3000", "4000", "5000"],
|
|
128
|
+
* labels: { enabled: true } // переопределяем преднастройку
|
|
129
|
+
* }}
|
|
130
|
+
* data={[1000, 2500, 3200]}
|
|
131
|
+
* />
|
|
132
|
+
*
|
|
133
|
+
* // Ось с диапазоном значений и линиями сетки
|
|
134
|
+
* <LineChart
|
|
135
|
+
* yAxis={{
|
|
136
|
+
* min: 0,
|
|
137
|
+
* max: 100,
|
|
138
|
+
* title: { text: "Процент выполнения" },
|
|
139
|
+
* labels: { enabled: true, format: "{value}%" },
|
|
140
|
+
* gridLineWidth: 1 // переопределяем преднастройку
|
|
141
|
+
* }}
|
|
142
|
+
* data={[10, 25, 50, 75, 90]}
|
|
143
|
+
* />
|
|
144
|
+
* ```
|
|
145
|
+
*/
|
|
146
|
+
yAxis: LineChartYAxisType;
|
|
147
|
+
/**
|
|
148
|
+
* Массив данных для отображения на графике.
|
|
149
|
+
*
|
|
150
|
+
* Поддерживает несколько форматов данных:
|
|
151
|
+
* - `number[]` - простой массив чисел (для последовательных значений)
|
|
152
|
+
* - `[number | string, number | null][]` - массив пар [x, y] координат
|
|
153
|
+
* - `Highcharts.PointOptionsObject[]` - массив объектов с расширенными опциями точек
|
|
154
|
+
* - `null` - отсутствие данных для конкретной точки (создаст разрыв на графике)
|
|
155
|
+
*
|
|
156
|
+
* Если не указан или пустой массив, график будет отображен без данных.
|
|
157
|
+
*
|
|
158
|
+
* @default []
|
|
159
|
+
*
|
|
160
|
+
* @example
|
|
161
|
+
* ```tsx
|
|
162
|
+
* // Простой массив чисел
|
|
163
|
+
* <LineChart data={[1, 3, 2, 4, 5]} yAxis={{}} />
|
|
164
|
+
*
|
|
165
|
+
* // Массив координат [x, y]
|
|
166
|
+
* <LineChart
|
|
167
|
+
* data={[
|
|
168
|
+
* [Date.UTC(2024, 0, 1), 100],
|
|
169
|
+
* [Date.UTC(2024, 1, 1), 150],
|
|
170
|
+
* [Date.UTC(2024, 2, 1), 200]
|
|
171
|
+
* ]}
|
|
172
|
+
* xAxis={{ type: "datetime" }}
|
|
173
|
+
* yAxis={{}}
|
|
174
|
+
* />
|
|
175
|
+
*
|
|
176
|
+
* // Расширенные опции точек с разрывом графика
|
|
177
|
+
* <LineChart
|
|
178
|
+
* data={[
|
|
179
|
+
* { y: 10, marker: { enabled: true } },
|
|
180
|
+
* null, // разрыв графика
|
|
181
|
+
* { y: 30, color: "#ff0000" }
|
|
182
|
+
* ]}
|
|
183
|
+
* yAxis={{}}
|
|
184
|
+
* />
|
|
185
|
+
* ```
|
|
186
|
+
*/
|
|
187
|
+
data?: LineChartDataType;
|
|
188
|
+
/**
|
|
189
|
+
* Дополнительные HTML-атрибуты для контейнера графика.
|
|
190
|
+
*
|
|
191
|
+
* Позволяет передать любые стандартные HTML-атрибуты контейнеру div, в котором отрисовывается график.
|
|
192
|
+
* Наиболее часто используется для:
|
|
193
|
+
* - Установки размеров графика через `style` ({ width, height })
|
|
194
|
+
* - Добавления CSS-классов через `className`
|
|
195
|
+
* - Установки data-атрибутов для тестирования или аналитики
|
|
196
|
+
* - Добавления event handlers
|
|
197
|
+
*
|
|
198
|
+
* @example
|
|
199
|
+
* ```tsx
|
|
200
|
+
* // Установка размеров графика
|
|
201
|
+
* <LineChart
|
|
202
|
+
* containerProps={{
|
|
203
|
+
* style: { width: "500px", height: "300px" }
|
|
204
|
+
* }}
|
|
205
|
+
* data={[1, 2, 3]}
|
|
206
|
+
* yAxis={{}}
|
|
207
|
+
* />
|
|
208
|
+
*
|
|
209
|
+
* // Добавление CSS-класса и data-атрибута
|
|
210
|
+
* <LineChart
|
|
211
|
+
* containerProps={{
|
|
212
|
+
* className: "my-chart",
|
|
213
|
+
* "data-testid": "analytics-chart"
|
|
214
|
+
* }}
|
|
215
|
+
* data={[1, 2, 3]}
|
|
216
|
+
* yAxis={{}}
|
|
217
|
+
* />
|
|
218
|
+
* ```
|
|
219
|
+
*/
|
|
220
|
+
containerProps?: React.HTMLAttributes<HTMLDivElement>;
|
|
221
|
+
/**
|
|
222
|
+
* Кастомный React-элемент для отображения всплывающей подсказки (tooltip) при наведении на точки графика.
|
|
223
|
+
*
|
|
224
|
+
* Позволяет создать полностью настраиваемый tooltip с использованием React-компонентов и переменных
|
|
225
|
+
* шаблонов Highcharts. Переменные шаблонов автоматически заменяются на актуальные значения точки.
|
|
226
|
+
*
|
|
227
|
+
* Основные переменные шаблонов:
|
|
228
|
+
* - `{point.x}` - значение X координаты точки
|
|
229
|
+
* - `{point.y}` - значение Y координаты точки
|
|
230
|
+
* - `{point.key}` - ключ точки (обычно для категорий или дат)
|
|
231
|
+
* - `{point.name}` - имя точки
|
|
232
|
+
* - `{series.name}` - название серии данных
|
|
233
|
+
*
|
|
234
|
+
* Форматирование чисел:
|
|
235
|
+
* - `{point.y:.2f}` - два знака после запятой
|
|
236
|
+
* - `{point.y:,.0f}` - с разделителем тысяч, без десятичных
|
|
237
|
+
*
|
|
238
|
+
* Для правильной работы tooltip должен содержать атрибут `data-hc-option="pointFormat"`.
|
|
239
|
+
*
|
|
240
|
+
* @example
|
|
241
|
+
* ```tsx
|
|
242
|
+
* <LineChart
|
|
243
|
+
* data={[1000, 2500, 3200]}
|
|
244
|
+
* yAxis={{}}
|
|
245
|
+
* tooltip={
|
|
246
|
+
* <div data-hc-option="pointFormat">
|
|
247
|
+
* <p>{"{point.y} USDT"}</p>
|
|
248
|
+
* <span>{"{point.key}"}</span>
|
|
249
|
+
* </div>
|
|
250
|
+
* }
|
|
251
|
+
* />
|
|
252
|
+
* ```
|
|
253
|
+
*
|
|
254
|
+
* @see Подробнее о переменных шаблонов в stories компонента
|
|
255
|
+
*/
|
|
256
|
+
tooltip?: React.ReactElement;
|
|
257
|
+
}
|
|
258
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkCG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HighchartsOptionsType } from '@highcharts/react';
|
|
2
|
+
import { LineChartColorType, LineChartDataType, LineChartXAxisType, LineChartYAxisType } from './types';
|
|
3
|
+
export declare const buildLineChartOptions: (color: LineChartColorType, data: LineChartDataType, xAxis: LineChartXAxisType, yAxis: LineChartYAxisType) => HighchartsOptionsType;
|
|
4
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +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;AAE/D,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,KACxB,qBAmBF,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HighchartsReactRefObject } from '@highcharts/react';
|
|
2
|
+
import { PieProgressChartProps } from './types';
|
|
3
|
+
export declare const PieProgressChart: import('react').ForwardRefExoticComponent<PieProgressChartProps & import('react').RefAttributes<HighchartsReactRefObject>>;
|
|
4
|
+
//# sourceMappingURL=PieProgressChart.d.ts.map
|
|
@@ -0,0 +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,eAAO,MAAM,gBAAgB,4HAwC5B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { PieProgressChart } from './PieProgressChart';
|
|
3
|
+
declare const meta: Meta<typeof PieProgressChart>;
|
|
4
|
+
type Story = StoryObj<typeof PieProgressChart>;
|
|
5
|
+
/**
|
|
6
|
+
* Круговой график
|
|
7
|
+
*/
|
|
8
|
+
export declare const Positive: Story;
|
|
9
|
+
export declare const Negative: Story;
|
|
10
|
+
export declare const Accent: Story;
|
|
11
|
+
export declare const Warning: Story;
|
|
12
|
+
export default meta;
|
|
13
|
+
//# sourceMappingURL=PieProgressChart.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PieProgressChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/PieProgressChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgBvC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PieProgressChartColorType } from './types';
|
|
2
|
+
export declare const pieProgressChartPreset: Partial<Highcharts.Options>;
|
|
3
|
+
export declare const pieProgressChartColorPreset: Record<PieProgressChartColorType, {
|
|
4
|
+
colors: [string, string];
|
|
5
|
+
}>;
|
|
6
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAsD9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,yBAAyB,EACzB;IAAE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAc7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/PieProgressChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}
|