devextreme-react 23.2.6 → 24.1.2-beta
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/cjs/accordion.d.ts +35 -48
- package/cjs/accordion.js +63 -118
- package/cjs/action-sheet.d.ts +27 -43
- package/cjs/action-sheet.js +54 -95
- package/cjs/autocomplete.d.ts +62 -192
- package/cjs/autocomplete.js +181 -352
- package/cjs/bar-gauge.d.ts +80 -292
- package/cjs/bar-gauge.js +210 -353
- package/cjs/box.d.ts +25 -42
- package/cjs/box.js +53 -113
- package/cjs/bullet.d.ts +35 -80
- package/cjs/bullet.js +82 -148
- package/cjs/button-group.d.ts +17 -43
- package/cjs/button-group.js +54 -112
- package/cjs/button.d.ts +14 -19
- package/cjs/button.js +36 -88
- package/cjs/calendar.d.ts +14 -24
- package/cjs/calendar.js +41 -180
- package/cjs/chart.d.ts +297 -1146
- package/cjs/chart.js +707 -1059
- package/cjs/check-box.d.ts +14 -16
- package/cjs/check-box.js +34 -101
- package/cjs/circular-gauge.d.ts +86 -287
- package/cjs/circular-gauge.js +226 -332
- package/cjs/color-box.d.ts +59 -175
- package/cjs/color-box.js +165 -312
- package/cjs/common/charts.d.ts +2 -2
- package/cjs/common/charts.js +2 -2
- package/cjs/common/data/custom-store.d.ts +2 -2
- package/cjs/common/data/custom-store.js +2 -2
- package/cjs/common/grids.d.ts +2 -2
- package/cjs/common/grids.js +2 -2
- package/cjs/common/index.d.ts +2 -2
- package/cjs/common/index.js +2 -2
- package/cjs/context-menu.d.ts +71 -148
- package/cjs/context-menu.js +151 -279
- package/cjs/core/component-base.d.ts +18 -47
- package/cjs/core/component-base.js +261 -185
- package/cjs/core/component.d.ts +26 -13
- package/cjs/core/component.js +73 -58
- package/cjs/core/config.d.ts +2 -2
- package/cjs/core/config.js +2 -2
- package/cjs/core/configuration/comparer.d.ts +2 -2
- package/cjs/core/configuration/comparer.js +10 -10
- package/cjs/core/configuration/config-node.d.ts +2 -3
- package/cjs/core/configuration/config-node.js +2 -2
- package/cjs/core/configuration/react/element.d.ts +12 -4
- package/cjs/core/configuration/react/element.js +4 -5
- package/cjs/core/configuration/react/templates.d.ts +2 -2
- package/cjs/core/configuration/react/templates.js +2 -8
- package/cjs/core/configuration/react/tree.d.ts +2 -2
- package/cjs/core/configuration/react/tree.js +13 -9
- package/cjs/core/configuration/tree.d.ts +2 -2
- package/cjs/core/configuration/tree.js +5 -6
- package/cjs/core/configuration/utils.d.ts +2 -2
- package/cjs/core/configuration/utils.js +2 -2
- package/cjs/core/extension-component.d.ts +14 -7
- package/cjs/core/extension-component.js +69 -29
- package/cjs/core/helpers.d.ts +4 -3
- package/cjs/core/helpers.js +8 -9
- package/cjs/core/nested-option.d.ts +3 -5
- package/cjs/core/nested-option.js +16 -34
- package/cjs/core/options-manager.d.ts +3 -2
- package/cjs/core/options-manager.js +30 -18
- package/cjs/core/template-manager.d.ts +2 -2
- package/cjs/core/template-manager.js +20 -16
- package/cjs/core/template-wrapper.d.ts +2 -2
- package/cjs/core/template-wrapper.js +18 -14
- package/cjs/core/template.d.ts +3 -7
- package/cjs/core/template.js +4 -61
- package/cjs/core/types.d.ts +8 -8
- package/cjs/core/types.js +2 -2
- package/cjs/core/widget-config.d.ts +2 -2
- package/cjs/core/widget-config.js +23 -6
- package/cjs/data-grid.d.ts +317 -1057
- package/cjs/data-grid.js +752 -1112
- package/cjs/date-box.d.ts +65 -202
- package/cjs/date-box.js +179 -386
- package/cjs/date-range-box.d.ts +65 -203
- package/cjs/date-range-box.js +181 -373
- package/cjs/defer-rendering.d.ts +41 -93
- package/cjs/defer-rendering.js +93 -151
- package/cjs/diagram.d.ts +92 -307
- package/cjs/diagram.js +263 -408
- package/cjs/draggable.d.ts +17 -30
- package/cjs/draggable.js +45 -89
- package/cjs/drawer.d.ts +14 -23
- package/cjs/drawer.js +40 -102
- package/cjs/drop-down-box.d.ts +59 -175
- package/cjs/drop-down-box.js +169 -319
- package/cjs/drop-down-button.d.ts +58 -160
- package/cjs/drop-down-button.js +157 -256
- package/cjs/file-manager.d.ts +50 -128
- package/cjs/file-manager.js +123 -220
- package/cjs/file-uploader.d.ts +14 -16
- package/cjs/file-uploader.js +34 -127
- package/cjs/filter-builder.d.ts +32 -86
- package/cjs/filter-builder.js +86 -147
- package/cjs/form.d.ts +94 -347
- package/cjs/form.js +273 -398
- package/cjs/funnel.d.ts +95 -358
- package/cjs/funnel.js +239 -412
- package/cjs/gallery.d.ts +29 -44
- package/cjs/gallery.js +55 -107
- package/cjs/gantt.d.ts +89 -294
- package/cjs/gantt.js +252 -420
- package/cjs/html-editor.d.ts +50 -164
- package/cjs/html-editor.js +143 -262
- package/cjs/index.d.ts +3 -2
- package/cjs/index.js +5 -3
- package/cjs/linear-gauge.d.ts +89 -288
- package/cjs/linear-gauge.js +226 -335
- package/cjs/list.d.ts +49 -118
- package/cjs/list.js +115 -277
- package/cjs/load-indicator.d.ts +14 -12
- package/cjs/load-indicator.js +30 -56
- package/cjs/load-panel.d.ts +47 -99
- package/cjs/load-panel.js +111 -221
- package/cjs/lookup.d.ts +62 -182
- package/cjs/lookup.js +174 -364
- package/cjs/map.d.ts +32 -80
- package/cjs/map.js +85 -164
- package/cjs/menu.d.ts +69 -171
- package/cjs/menu.js +153 -286
- package/cjs/multi-view.d.ts +29 -44
- package/cjs/multi-view.js +55 -101
- package/cjs/number-box.d.ts +23 -53
- package/cjs/number-box.js +62 -183
- package/cjs/pie-chart.d.ts +119 -481
- package/cjs/pie-chart.js +309 -520
- package/cjs/pivot-grid-field-chooser.d.ts +29 -61
- package/cjs/pivot-grid-field-chooser.js +67 -129
- package/cjs/pivot-grid.d.ts +53 -137
- package/cjs/pivot-grid.js +125 -225
- package/cjs/polar-chart.d.ts +228 -882
- package/cjs/polar-chart.js +544 -828
- package/cjs/popover.d.ts +56 -142
- package/cjs/popover.js +150 -270
- package/cjs/popup.d.ts +48 -124
- package/cjs/popup.js +136 -261
- package/cjs/progress-bar.d.ts +14 -16
- package/cjs/progress-bar.js +34 -98
- package/cjs/radio-group.d.ts +17 -42
- package/cjs/radio-group.js +53 -132
- package/cjs/range-selector.d.ts +194 -671
- package/cjs/range-selector.js +455 -646
- package/cjs/range-slider.d.ts +23 -51
- package/cjs/range-slider.js +60 -145
- package/cjs/recurrence-editor.d.ts +14 -16
- package/cjs/recurrence-editor.js +34 -95
- package/cjs/resizable.d.ts +14 -17
- package/cjs/resizable.js +35 -75
- package/cjs/responsive-box.d.ts +34 -71
- package/cjs/responsive-box.js +78 -122
- package/cjs/sankey.d.ts +71 -240
- package/cjs/sankey.js +180 -321
- package/cjs/scheduler.d.ts +29 -96
- package/cjs/scheduler.js +127 -290
- package/cjs/scroll-view.d.ts +14 -12
- package/cjs/scroll-view.js +30 -82
- package/cjs/select-box.d.ts +62 -193
- package/cjs/select-box.js +186 -366
- package/cjs/slider.d.ts +23 -51
- package/cjs/slider.js +60 -142
- package/cjs/sortable.d.ts +17 -30
- package/cjs/sortable.js +45 -110
- package/cjs/sparkline.d.ts +35 -80
- package/cjs/sparkline.js +82 -183
- package/cjs/speed-dial-action.d.ts +14 -12
- package/cjs/speed-dial-action.js +30 -54
- package/cjs/splitter.d.ts +79 -0
- package/cjs/splitter.js +99 -0
- package/cjs/switch.d.ts +14 -16
- package/cjs/switch.js +34 -98
- package/cjs/tab-panel.d.ts +31 -46
- package/cjs/tab-panel.js +61 -140
- package/cjs/tabs.d.ts +33 -46
- package/cjs/tabs.js +57 -138
- package/cjs/tag-box.d.ts +62 -194
- package/cjs/tag-box.js +191 -390
- package/cjs/text-area.d.ts +14 -16
- package/cjs/text-area.js +34 -141
- package/cjs/text-box.d.ts +20 -45
- package/cjs/text-box.js +55 -182
- package/cjs/tile-view.d.ts +25 -42
- package/cjs/tile-view.js +53 -112
- package/cjs/toast.d.ts +47 -106
- package/cjs/toast.js +117 -223
- package/cjs/toolbar.d.ts +27 -44
- package/cjs/toolbar.js +59 -92
- package/cjs/tooltip.d.ts +53 -124
- package/cjs/tooltip.js +133 -243
- package/cjs/tree-list.d.ts +274 -909
- package/cjs/tree-list.js +644 -996
- package/cjs/tree-map.d.ts +77 -257
- package/cjs/tree-map.js +191 -326
- package/cjs/tree-view.d.ts +34 -81
- package/cjs/tree-view.js +82 -229
- package/cjs/validation-group.d.ts +14 -12
- package/cjs/validation-group.js +30 -51
- package/cjs/validation-summary.d.ts +25 -42
- package/cjs/validation-summary.js +53 -71
- package/cjs/validator.d.ts +48 -142
- package/cjs/validator.js +142 -187
- package/cjs/vector-map.d.ts +92 -347
- package/cjs/vector-map.js +244 -384
- package/esm/accordion.js +58 -117
- package/esm/action-sheet.js +49 -94
- package/esm/autocomplete.js +176 -351
- package/esm/bar-gauge.js +205 -352
- package/esm/box.js +48 -112
- package/esm/bullet.js +77 -147
- package/esm/button-group.js +49 -111
- package/esm/button.js +31 -87
- package/esm/calendar.js +36 -179
- package/esm/chart.js +702 -1058
- package/esm/check-box.js +29 -100
- package/esm/circular-gauge.js +221 -331
- package/esm/color-box.js +160 -311
- package/esm/common/charts.js +2 -2
- package/esm/common/data/custom-store.js +2 -2
- package/esm/common/grids.js +2 -2
- package/esm/common/index.js +2 -2
- package/esm/context-menu.js +146 -278
- package/esm/core/component-base.js +256 -184
- package/esm/core/component.js +69 -58
- package/esm/core/config.js +2 -2
- package/esm/core/configuration/comparer.js +2 -2
- package/esm/core/configuration/config-node.js +2 -2
- package/esm/core/configuration/react/element.js +5 -5
- package/esm/core/configuration/react/templates.js +2 -8
- package/esm/core/configuration/react/tree.js +3 -3
- package/esm/core/configuration/tree.js +2 -2
- package/esm/core/configuration/utils.js +2 -2
- package/esm/core/extension-component.js +45 -29
- package/esm/core/helpers.js +7 -8
- package/esm/core/nested-option.js +11 -33
- package/esm/core/options-manager.js +22 -10
- package/esm/core/template-manager.js +3 -3
- package/esm/core/template-wrapper.js +2 -2
- package/esm/core/template.js +4 -42
- package/esm/core/types.js +2 -2
- package/esm/core/widget-config.js +23 -6
- package/esm/data-grid.js +748 -1112
- package/esm/date-box.js +174 -385
- package/esm/date-range-box.js +176 -372
- package/esm/defer-rendering.js +88 -150
- package/esm/diagram.js +258 -407
- package/esm/draggable.js +40 -88
- package/esm/drawer.js +35 -101
- package/esm/drop-down-box.js +164 -318
- package/esm/drop-down-button.js +152 -255
- package/esm/file-manager.js +118 -219
- package/esm/file-uploader.js +29 -126
- package/esm/filter-builder.js +81 -146
- package/esm/form.js +268 -397
- package/esm/funnel.js +234 -411
- package/esm/gallery.js +50 -106
- package/esm/gantt.js +247 -419
- package/esm/html-editor.js +138 -261
- package/esm/index.js +3 -2
- package/esm/linear-gauge.js +221 -334
- package/esm/list.js +110 -276
- package/esm/load-indicator.js +25 -55
- package/esm/load-panel.js +106 -220
- package/esm/lookup.js +169 -363
- package/esm/map.js +80 -163
- package/esm/menu.js +148 -285
- package/esm/multi-view.js +50 -100
- package/esm/number-box.js +57 -182
- package/esm/pie-chart.js +304 -519
- package/esm/pivot-grid-field-chooser.js +62 -128
- package/esm/pivot-grid.js +120 -224
- package/esm/polar-chart.js +539 -827
- package/esm/popover.js +145 -269
- package/esm/popup.js +131 -260
- package/esm/progress-bar.js +29 -97
- package/esm/radio-group.js +48 -131
- package/esm/range-selector.js +450 -645
- package/esm/range-slider.js +55 -144
- package/esm/recurrence-editor.js +29 -94
- package/esm/resizable.js +30 -74
- package/esm/responsive-box.js +73 -121
- package/esm/sankey.js +175 -320
- package/esm/scheduler.js +122 -289
- package/esm/scroll-view.js +25 -81
- package/esm/select-box.js +181 -365
- package/esm/slider.js +55 -141
- package/esm/sortable.js +40 -109
- package/esm/sparkline.js +77 -182
- package/esm/speed-dial-action.js +25 -53
- package/esm/splitter.js +69 -0
- package/esm/switch.js +29 -97
- package/esm/tab-panel.js +56 -139
- package/esm/tabs.js +52 -137
- package/esm/tag-box.js +186 -389
- package/esm/text-area.js +29 -140
- package/esm/text-box.js +50 -181
- package/esm/tile-view.js +48 -111
- package/esm/toast.js +112 -222
- package/esm/toolbar.js +54 -91
- package/esm/tooltip.js +128 -242
- package/esm/tree-list.js +639 -995
- package/esm/tree-map.js +186 -325
- package/esm/tree-view.js +77 -228
- package/esm/validation-group.js +25 -50
- package/esm/validation-summary.js +48 -70
- package/esm/validator.js +137 -186
- package/esm/vector-map.js +239 -383
- package/package.json +4 -4
- package/splitter/package.json +6 -0
package/cjs/bar-gauge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version:
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.2-beta
|
|
4
|
+
* Build date: Mon May 13 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -11,18 +11,18 @@
|
|
|
11
11
|
* https://github.com/DevExpress/devextreme-react
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
import * as React from "react";
|
|
15
|
+
import { Ref, ReactElement } from "react";
|
|
15
16
|
import dxBarGauge, { Properties } from "devextreme/viz/bar_gauge";
|
|
16
|
-
import {
|
|
17
|
-
import NestedOption from "./core/nested-option";
|
|
17
|
+
import { IHtmlOptions, IElementDescriptor } from "./core/component";
|
|
18
18
|
import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, TooltipHiddenEvent, TooltipShownEvent, BarGaugeBarInfo, BarGaugeLegendItem } from "devextreme/viz/bar_gauge";
|
|
19
19
|
import type { Font as ChartsFont } from "devextreme/common/charts";
|
|
20
20
|
import type { template } from "devextreme/core/templates/template";
|
|
21
21
|
import type * as LocalizationTypes from "devextreme/localization";
|
|
22
|
-
|
|
22
|
+
type ReplaceFieldTypes<TSource, TReplacement> = {
|
|
23
23
|
[P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
type IBarGaugeOptionsNarrowedEvents = {
|
|
26
26
|
onDisposing?: ((e: DisposingEvent) => void);
|
|
27
27
|
onDrawn?: ((e: DrawnEvent) => void);
|
|
28
28
|
onExported?: ((e: ExportedEvent) => void);
|
|
@@ -33,86 +33,28 @@ declare type IBarGaugeOptionsNarrowedEvents = {
|
|
|
33
33
|
onTooltipHidden?: ((e: TooltipHiddenEvent) => void);
|
|
34
34
|
onTooltipShown?: ((e: TooltipShownEvent) => void);
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
type IBarGaugeOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IBarGaugeOptionsNarrowedEvents> & IHtmlOptions & {
|
|
37
37
|
centerRender?: (...params: any) => React.ReactNode;
|
|
38
38
|
centerComponent?: React.ComponentType<any>;
|
|
39
|
-
centerKeyFn?: (data: any) => string;
|
|
40
39
|
defaultLoadingIndicator?: Record<string, any>;
|
|
41
40
|
defaultValues?: Array<number>;
|
|
42
41
|
onLoadingIndicatorChange?: (value: Record<string, any>) => void;
|
|
43
42
|
onValuesChange?: (value: Array<number>) => void;
|
|
44
43
|
}>;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
protected _WidgetClass: typeof dxBarGauge;
|
|
48
|
-
protected subscribableOptions: string[];
|
|
49
|
-
protected independentEvents: string[];
|
|
50
|
-
protected _defaults: {
|
|
51
|
-
defaultLoadingIndicator: string;
|
|
52
|
-
defaultValues: string;
|
|
53
|
-
};
|
|
54
|
-
protected _expectedChildren: {
|
|
55
|
-
animation: {
|
|
56
|
-
optionName: string;
|
|
57
|
-
isCollectionItem: boolean;
|
|
58
|
-
};
|
|
59
|
-
barGaugeTitle: {
|
|
60
|
-
optionName: string;
|
|
61
|
-
isCollectionItem: boolean;
|
|
62
|
-
};
|
|
63
|
-
export: {
|
|
64
|
-
optionName: string;
|
|
65
|
-
isCollectionItem: boolean;
|
|
66
|
-
};
|
|
67
|
-
geometry: {
|
|
68
|
-
optionName: string;
|
|
69
|
-
isCollectionItem: boolean;
|
|
70
|
-
};
|
|
71
|
-
label: {
|
|
72
|
-
optionName: string;
|
|
73
|
-
isCollectionItem: boolean;
|
|
74
|
-
};
|
|
75
|
-
legend: {
|
|
76
|
-
optionName: string;
|
|
77
|
-
isCollectionItem: boolean;
|
|
78
|
-
};
|
|
79
|
-
loadingIndicator: {
|
|
80
|
-
optionName: string;
|
|
81
|
-
isCollectionItem: boolean;
|
|
82
|
-
};
|
|
83
|
-
margin: {
|
|
84
|
-
optionName: string;
|
|
85
|
-
isCollectionItem: boolean;
|
|
86
|
-
};
|
|
87
|
-
size: {
|
|
88
|
-
optionName: string;
|
|
89
|
-
isCollectionItem: boolean;
|
|
90
|
-
};
|
|
91
|
-
title: {
|
|
92
|
-
optionName: string;
|
|
93
|
-
isCollectionItem: boolean;
|
|
94
|
-
};
|
|
95
|
-
tooltip: {
|
|
96
|
-
optionName: string;
|
|
97
|
-
isCollectionItem: boolean;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
protected _templateProps: {
|
|
101
|
-
tmplOption: string;
|
|
102
|
-
render: string;
|
|
103
|
-
component: string;
|
|
104
|
-
keyFn: string;
|
|
105
|
-
}[];
|
|
44
|
+
interface BarGaugeRef {
|
|
45
|
+
instance: () => dxBarGauge;
|
|
106
46
|
}
|
|
107
|
-
declare
|
|
47
|
+
declare const BarGauge: (props: React.PropsWithChildren<IBarGaugeOptions> & {
|
|
48
|
+
ref?: Ref<BarGaugeRef>;
|
|
49
|
+
}) => ReactElement | null;
|
|
50
|
+
type IAnimationProps = React.PropsWithChildren<{
|
|
108
51
|
duration?: number;
|
|
109
52
|
easing?: "easeOutCubic" | "linear";
|
|
110
53
|
enabled?: boolean;
|
|
111
54
|
}>;
|
|
112
|
-
declare
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
declare type IBarGaugeTitleProps = React.PropsWithChildren<{
|
|
55
|
+
declare const _componentAnimation: React.MemoExoticComponent<(props: IAnimationProps) => React.FunctionComponentElement<IAnimationProps>>;
|
|
56
|
+
declare const Animation: typeof _componentAnimation & IElementDescriptor;
|
|
57
|
+
type IBarGaugeTitleProps = React.PropsWithChildren<{
|
|
116
58
|
font?: ChartsFont;
|
|
117
59
|
horizontalAlignment?: "center" | "left" | "right";
|
|
118
60
|
margin?: number | Record<string, any> | {
|
|
@@ -134,44 +76,18 @@ declare type IBarGaugeTitleProps = React.PropsWithChildren<{
|
|
|
134
76
|
verticalAlignment?: "bottom" | "top";
|
|
135
77
|
wordWrap?: "normal" | "breakWord" | "none";
|
|
136
78
|
}>;
|
|
137
|
-
declare
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
barGaugeTitleSubtitle: {
|
|
141
|
-
optionName: string;
|
|
142
|
-
isCollectionItem: boolean;
|
|
143
|
-
};
|
|
144
|
-
font: {
|
|
145
|
-
optionName: string;
|
|
146
|
-
isCollectionItem: boolean;
|
|
147
|
-
};
|
|
148
|
-
margin: {
|
|
149
|
-
optionName: string;
|
|
150
|
-
isCollectionItem: boolean;
|
|
151
|
-
};
|
|
152
|
-
subtitle: {
|
|
153
|
-
optionName: string;
|
|
154
|
-
isCollectionItem: boolean;
|
|
155
|
-
};
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
declare type IBarGaugeTitleSubtitleProps = React.PropsWithChildren<{
|
|
79
|
+
declare const _componentBarGaugeTitle: React.MemoExoticComponent<(props: IBarGaugeTitleProps) => React.FunctionComponentElement<IBarGaugeTitleProps>>;
|
|
80
|
+
declare const BarGaugeTitle: typeof _componentBarGaugeTitle & IElementDescriptor;
|
|
81
|
+
type IBarGaugeTitleSubtitleProps = React.PropsWithChildren<{
|
|
159
82
|
font?: ChartsFont;
|
|
160
83
|
offset?: number;
|
|
161
84
|
text?: string;
|
|
162
85
|
textOverflow?: "ellipsis" | "hide" | "none";
|
|
163
86
|
wordWrap?: "normal" | "breakWord" | "none";
|
|
164
87
|
}>;
|
|
165
|
-
declare
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
font: {
|
|
169
|
-
optionName: string;
|
|
170
|
-
isCollectionItem: boolean;
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
}
|
|
174
|
-
declare type IBorderProps = React.PropsWithChildren<{
|
|
88
|
+
declare const _componentBarGaugeTitleSubtitle: React.MemoExoticComponent<(props: IBarGaugeTitleSubtitleProps) => React.FunctionComponentElement<IBarGaugeTitleSubtitleProps>>;
|
|
89
|
+
declare const BarGaugeTitleSubtitle: typeof _componentBarGaugeTitleSubtitle & IElementDescriptor;
|
|
90
|
+
type IBorderProps = React.PropsWithChildren<{
|
|
175
91
|
color?: string;
|
|
176
92
|
cornerRadius?: number;
|
|
177
93
|
dashStyle?: "dash" | "dot" | "longDash" | "solid";
|
|
@@ -179,10 +95,9 @@ declare type IBorderProps = React.PropsWithChildren<{
|
|
|
179
95
|
visible?: boolean;
|
|
180
96
|
width?: number;
|
|
181
97
|
}>;
|
|
182
|
-
declare
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
declare type IExportProps = React.PropsWithChildren<{
|
|
98
|
+
declare const _componentBorder: React.MemoExoticComponent<(props: IBorderProps) => React.FunctionComponentElement<IBorderProps>>;
|
|
99
|
+
declare const Border: typeof _componentBorder & IElementDescriptor;
|
|
100
|
+
type IExportProps = React.PropsWithChildren<{
|
|
186
101
|
backgroundColor?: string;
|
|
187
102
|
enabled?: boolean;
|
|
188
103
|
fileName?: string;
|
|
@@ -191,20 +106,18 @@ declare type IExportProps = React.PropsWithChildren<{
|
|
|
191
106
|
printingEnabled?: boolean;
|
|
192
107
|
svgToCanvas?: ((svg: any, canvas: any) => any);
|
|
193
108
|
}>;
|
|
194
|
-
declare
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
declare type IFontProps = React.PropsWithChildren<{
|
|
109
|
+
declare const _componentExport: React.MemoExoticComponent<(props: IExportProps) => React.FunctionComponentElement<IExportProps>>;
|
|
110
|
+
declare const Export: typeof _componentExport & IElementDescriptor;
|
|
111
|
+
type IFontProps = React.PropsWithChildren<{
|
|
198
112
|
color?: string;
|
|
199
113
|
family?: string;
|
|
200
114
|
opacity?: number;
|
|
201
115
|
size?: number | string;
|
|
202
116
|
weight?: number;
|
|
203
117
|
}>;
|
|
204
|
-
declare
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
declare type IFormatProps = React.PropsWithChildren<{
|
|
118
|
+
declare const _componentFont: React.MemoExoticComponent<(props: IFontProps) => React.FunctionComponentElement<IFontProps>>;
|
|
119
|
+
declare const Font: typeof _componentFont & IElementDescriptor;
|
|
120
|
+
type IFormatProps = React.PropsWithChildren<{
|
|
208
121
|
currency?: string;
|
|
209
122
|
formatter?: ((value: number | Date) => string);
|
|
210
123
|
parser?: ((value: string) => number | Date);
|
|
@@ -212,17 +125,15 @@ declare type IFormatProps = React.PropsWithChildren<{
|
|
|
212
125
|
type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
|
|
213
126
|
useCurrencyAccountingStyle?: boolean;
|
|
214
127
|
}>;
|
|
215
|
-
declare
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
declare type IGeometryProps = React.PropsWithChildren<{
|
|
128
|
+
declare const _componentFormat: React.MemoExoticComponent<(props: IFormatProps) => React.FunctionComponentElement<IFormatProps>>;
|
|
129
|
+
declare const Format: typeof _componentFormat & IElementDescriptor;
|
|
130
|
+
type IGeometryProps = React.PropsWithChildren<{
|
|
219
131
|
endAngle?: number;
|
|
220
132
|
startAngle?: number;
|
|
221
133
|
}>;
|
|
222
|
-
declare
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
declare type IItemTextFormatProps = React.PropsWithChildren<{
|
|
134
|
+
declare const _componentGeometry: React.MemoExoticComponent<(props: IGeometryProps) => React.FunctionComponentElement<IGeometryProps>>;
|
|
135
|
+
declare const Geometry: typeof _componentGeometry & IElementDescriptor;
|
|
136
|
+
type IItemTextFormatProps = React.PropsWithChildren<{
|
|
226
137
|
currency?: string;
|
|
227
138
|
formatter?: ((value: number | Date) => string);
|
|
228
139
|
parser?: ((value: string) => number | Date);
|
|
@@ -230,10 +141,9 @@ declare type IItemTextFormatProps = React.PropsWithChildren<{
|
|
|
230
141
|
type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
|
|
231
142
|
useCurrencyAccountingStyle?: boolean;
|
|
232
143
|
}>;
|
|
233
|
-
declare
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
declare type ILabelProps = React.PropsWithChildren<{
|
|
144
|
+
declare const _componentItemTextFormat: React.MemoExoticComponent<(props: IItemTextFormatProps) => React.FunctionComponentElement<IItemTextFormatProps>>;
|
|
145
|
+
declare const ItemTextFormat: typeof _componentItemTextFormat & IElementDescriptor;
|
|
146
|
+
type ILabelProps = React.PropsWithChildren<{
|
|
237
147
|
connectorColor?: string;
|
|
238
148
|
connectorWidth?: number;
|
|
239
149
|
customizeText?: ((barValue: {
|
|
@@ -245,20 +155,9 @@ declare type ILabelProps = React.PropsWithChildren<{
|
|
|
245
155
|
indent?: number;
|
|
246
156
|
visible?: boolean;
|
|
247
157
|
}>;
|
|
248
|
-
declare
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
font: {
|
|
252
|
-
optionName: string;
|
|
253
|
-
isCollectionItem: boolean;
|
|
254
|
-
};
|
|
255
|
-
format: {
|
|
256
|
-
optionName: string;
|
|
257
|
-
isCollectionItem: boolean;
|
|
258
|
-
};
|
|
259
|
-
};
|
|
260
|
-
}
|
|
261
|
-
declare type ILegendProps = React.PropsWithChildren<{
|
|
158
|
+
declare const _componentLabel: React.MemoExoticComponent<(props: ILabelProps) => React.FunctionComponentElement<ILabelProps>>;
|
|
159
|
+
declare const Label: typeof _componentLabel & IElementDescriptor;
|
|
160
|
+
type ILegendProps = React.PropsWithChildren<{
|
|
262
161
|
backgroundColor?: string;
|
|
263
162
|
border?: Record<string, any> | {
|
|
264
163
|
color?: string;
|
|
@@ -319,48 +218,10 @@ declare type ILegendProps = React.PropsWithChildren<{
|
|
|
319
218
|
visible?: boolean;
|
|
320
219
|
markerRender?: (...params: any) => React.ReactNode;
|
|
321
220
|
markerComponent?: React.ComponentType<any>;
|
|
322
|
-
markerKeyFn?: (data: any) => string;
|
|
323
221
|
}>;
|
|
324
|
-
declare
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
border: {
|
|
328
|
-
optionName: string;
|
|
329
|
-
isCollectionItem: boolean;
|
|
330
|
-
};
|
|
331
|
-
font: {
|
|
332
|
-
optionName: string;
|
|
333
|
-
isCollectionItem: boolean;
|
|
334
|
-
};
|
|
335
|
-
itemTextFormat: {
|
|
336
|
-
optionName: string;
|
|
337
|
-
isCollectionItem: boolean;
|
|
338
|
-
};
|
|
339
|
-
legendBorder: {
|
|
340
|
-
optionName: string;
|
|
341
|
-
isCollectionItem: boolean;
|
|
342
|
-
};
|
|
343
|
-
legendTitle: {
|
|
344
|
-
optionName: string;
|
|
345
|
-
isCollectionItem: boolean;
|
|
346
|
-
};
|
|
347
|
-
margin: {
|
|
348
|
-
optionName: string;
|
|
349
|
-
isCollectionItem: boolean;
|
|
350
|
-
};
|
|
351
|
-
title: {
|
|
352
|
-
optionName: string;
|
|
353
|
-
isCollectionItem: boolean;
|
|
354
|
-
};
|
|
355
|
-
};
|
|
356
|
-
static TemplateProps: {
|
|
357
|
-
tmplOption: string;
|
|
358
|
-
render: string;
|
|
359
|
-
component: string;
|
|
360
|
-
keyFn: string;
|
|
361
|
-
}[];
|
|
362
|
-
}
|
|
363
|
-
declare type ILegendBorderProps = React.PropsWithChildren<{
|
|
222
|
+
declare const _componentLegend: React.MemoExoticComponent<(props: ILegendProps) => React.FunctionComponentElement<ILegendProps>>;
|
|
223
|
+
declare const Legend: typeof _componentLegend & IElementDescriptor;
|
|
224
|
+
type ILegendBorderProps = React.PropsWithChildren<{
|
|
364
225
|
color?: string;
|
|
365
226
|
cornerRadius?: number;
|
|
366
227
|
dashStyle?: "dash" | "dot" | "longDash" | "solid";
|
|
@@ -368,10 +229,9 @@ declare type ILegendBorderProps = React.PropsWithChildren<{
|
|
|
368
229
|
visible?: boolean;
|
|
369
230
|
width?: number;
|
|
370
231
|
}>;
|
|
371
|
-
declare
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
declare type ILegendTitleProps = React.PropsWithChildren<{
|
|
232
|
+
declare const _componentLegendBorder: React.MemoExoticComponent<(props: ILegendBorderProps) => React.FunctionComponentElement<ILegendBorderProps>>;
|
|
233
|
+
declare const LegendBorder: typeof _componentLegendBorder & IElementDescriptor;
|
|
234
|
+
type ILegendTitleProps = React.PropsWithChildren<{
|
|
375
235
|
font?: ChartsFont;
|
|
376
236
|
horizontalAlignment?: "center" | "left" | "right";
|
|
377
237
|
margin?: Record<string, any> | {
|
|
@@ -389,42 +249,16 @@ declare type ILegendTitleProps = React.PropsWithChildren<{
|
|
|
389
249
|
text?: string;
|
|
390
250
|
verticalAlignment?: "bottom" | "top";
|
|
391
251
|
}>;
|
|
392
|
-
declare
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
font: {
|
|
396
|
-
optionName: string;
|
|
397
|
-
isCollectionItem: boolean;
|
|
398
|
-
};
|
|
399
|
-
legendTitleSubtitle: {
|
|
400
|
-
optionName: string;
|
|
401
|
-
isCollectionItem: boolean;
|
|
402
|
-
};
|
|
403
|
-
margin: {
|
|
404
|
-
optionName: string;
|
|
405
|
-
isCollectionItem: boolean;
|
|
406
|
-
};
|
|
407
|
-
subtitle: {
|
|
408
|
-
optionName: string;
|
|
409
|
-
isCollectionItem: boolean;
|
|
410
|
-
};
|
|
411
|
-
};
|
|
412
|
-
}
|
|
413
|
-
declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
|
|
252
|
+
declare const _componentLegendTitle: React.MemoExoticComponent<(props: ILegendTitleProps) => React.FunctionComponentElement<ILegendTitleProps>>;
|
|
253
|
+
declare const LegendTitle: typeof _componentLegendTitle & IElementDescriptor;
|
|
254
|
+
type ILegendTitleSubtitleProps = React.PropsWithChildren<{
|
|
414
255
|
font?: ChartsFont;
|
|
415
256
|
offset?: number;
|
|
416
257
|
text?: string;
|
|
417
258
|
}>;
|
|
418
|
-
declare
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
font: {
|
|
422
|
-
optionName: string;
|
|
423
|
-
isCollectionItem: boolean;
|
|
424
|
-
};
|
|
425
|
-
};
|
|
426
|
-
}
|
|
427
|
-
declare type ILoadingIndicatorProps = React.PropsWithChildren<{
|
|
259
|
+
declare const _componentLegendTitleSubtitle: React.MemoExoticComponent<(props: ILegendTitleSubtitleProps) => React.FunctionComponentElement<ILegendTitleSubtitleProps>>;
|
|
260
|
+
declare const LegendTitleSubtitle: typeof _componentLegendTitleSubtitle & IElementDescriptor;
|
|
261
|
+
type ILoadingIndicatorProps = React.PropsWithChildren<{
|
|
428
262
|
backgroundColor?: string;
|
|
429
263
|
font?: ChartsFont;
|
|
430
264
|
show?: boolean;
|
|
@@ -432,55 +266,41 @@ declare type ILoadingIndicatorProps = React.PropsWithChildren<{
|
|
|
432
266
|
defaultShow?: boolean;
|
|
433
267
|
onShowChange?: (value: boolean) => void;
|
|
434
268
|
}>;
|
|
435
|
-
declare
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
defaultShow: string;
|
|
439
|
-
};
|
|
440
|
-
static ExpectedChildren: {
|
|
441
|
-
font: {
|
|
442
|
-
optionName: string;
|
|
443
|
-
isCollectionItem: boolean;
|
|
444
|
-
};
|
|
445
|
-
};
|
|
446
|
-
}
|
|
447
|
-
declare type IMarginProps = React.PropsWithChildren<{
|
|
269
|
+
declare const _componentLoadingIndicator: React.MemoExoticComponent<(props: ILoadingIndicatorProps) => React.FunctionComponentElement<ILoadingIndicatorProps>>;
|
|
270
|
+
declare const LoadingIndicator: typeof _componentLoadingIndicator & IElementDescriptor;
|
|
271
|
+
type IMarginProps = React.PropsWithChildren<{
|
|
448
272
|
bottom?: number;
|
|
449
273
|
left?: number;
|
|
450
274
|
right?: number;
|
|
451
275
|
top?: number;
|
|
452
276
|
}>;
|
|
453
|
-
declare
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
declare type IShadowProps = React.PropsWithChildren<{
|
|
277
|
+
declare const _componentMargin: React.MemoExoticComponent<(props: IMarginProps) => React.FunctionComponentElement<IMarginProps>>;
|
|
278
|
+
declare const Margin: typeof _componentMargin & IElementDescriptor;
|
|
279
|
+
type IShadowProps = React.PropsWithChildren<{
|
|
457
280
|
blur?: number;
|
|
458
281
|
color?: string;
|
|
459
282
|
offsetX?: number;
|
|
460
283
|
offsetY?: number;
|
|
461
284
|
opacity?: number;
|
|
462
285
|
}>;
|
|
463
|
-
declare
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
declare type ISizeProps = React.PropsWithChildren<{
|
|
286
|
+
declare const _componentShadow: React.MemoExoticComponent<(props: IShadowProps) => React.FunctionComponentElement<IShadowProps>>;
|
|
287
|
+
declare const Shadow: typeof _componentShadow & IElementDescriptor;
|
|
288
|
+
type ISizeProps = React.PropsWithChildren<{
|
|
467
289
|
height?: number;
|
|
468
290
|
width?: number;
|
|
469
291
|
}>;
|
|
470
|
-
declare
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
declare type ISubtitleProps = React.PropsWithChildren<{
|
|
292
|
+
declare const _componentSize: React.MemoExoticComponent<(props: ISizeProps) => React.FunctionComponentElement<ISizeProps>>;
|
|
293
|
+
declare const Size: typeof _componentSize & IElementDescriptor;
|
|
294
|
+
type ISubtitleProps = React.PropsWithChildren<{
|
|
474
295
|
font?: ChartsFont;
|
|
475
296
|
offset?: number;
|
|
476
297
|
text?: string;
|
|
477
298
|
textOverflow?: "ellipsis" | "hide" | "none";
|
|
478
299
|
wordWrap?: "normal" | "breakWord" | "none";
|
|
479
300
|
}>;
|
|
480
|
-
declare
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
declare type ITitleProps = React.PropsWithChildren<{
|
|
301
|
+
declare const _componentSubtitle: React.MemoExoticComponent<(props: ISubtitleProps) => React.FunctionComponentElement<ISubtitleProps>>;
|
|
302
|
+
declare const Subtitle: typeof _componentSubtitle & IElementDescriptor;
|
|
303
|
+
type ITitleProps = React.PropsWithChildren<{
|
|
484
304
|
font?: ChartsFont;
|
|
485
305
|
horizontalAlignment?: "center" | "left" | "right";
|
|
486
306
|
margin?: Record<string, any> | number | {
|
|
@@ -502,10 +322,9 @@ declare type ITitleProps = React.PropsWithChildren<{
|
|
|
502
322
|
textOverflow?: "ellipsis" | "hide" | "none";
|
|
503
323
|
wordWrap?: "normal" | "breakWord" | "none";
|
|
504
324
|
}>;
|
|
505
|
-
declare
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
declare type ITooltipProps = React.PropsWithChildren<{
|
|
325
|
+
declare const _componentTitle: React.MemoExoticComponent<(props: ITitleProps) => React.FunctionComponentElement<ITitleProps>>;
|
|
326
|
+
declare const Title: typeof _componentTitle & IElementDescriptor;
|
|
327
|
+
type ITooltipProps = React.PropsWithChildren<{
|
|
509
328
|
arrowLength?: number;
|
|
510
329
|
border?: Record<string, any> | {
|
|
511
330
|
color?: string;
|
|
@@ -544,50 +363,19 @@ declare type ITooltipProps = React.PropsWithChildren<{
|
|
|
544
363
|
zIndex?: number;
|
|
545
364
|
contentRender?: (...params: any) => React.ReactNode;
|
|
546
365
|
contentComponent?: React.ComponentType<any>;
|
|
547
|
-
contentKeyFn?: (data: any) => string;
|
|
548
366
|
}>;
|
|
549
|
-
declare
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
border: {
|
|
553
|
-
optionName: string;
|
|
554
|
-
isCollectionItem: boolean;
|
|
555
|
-
};
|
|
556
|
-
font: {
|
|
557
|
-
optionName: string;
|
|
558
|
-
isCollectionItem: boolean;
|
|
559
|
-
};
|
|
560
|
-
format: {
|
|
561
|
-
optionName: string;
|
|
562
|
-
isCollectionItem: boolean;
|
|
563
|
-
};
|
|
564
|
-
shadow: {
|
|
565
|
-
optionName: string;
|
|
566
|
-
isCollectionItem: boolean;
|
|
567
|
-
};
|
|
568
|
-
tooltipBorder: {
|
|
569
|
-
optionName: string;
|
|
570
|
-
isCollectionItem: boolean;
|
|
571
|
-
};
|
|
572
|
-
};
|
|
573
|
-
static TemplateProps: {
|
|
574
|
-
tmplOption: string;
|
|
575
|
-
render: string;
|
|
576
|
-
component: string;
|
|
577
|
-
keyFn: string;
|
|
578
|
-
}[];
|
|
579
|
-
}
|
|
580
|
-
declare type ITooltipBorderProps = React.PropsWithChildren<{
|
|
367
|
+
declare const _componentTooltip: React.MemoExoticComponent<(props: ITooltipProps) => React.FunctionComponentElement<ITooltipProps>>;
|
|
368
|
+
declare const Tooltip: typeof _componentTooltip & IElementDescriptor;
|
|
369
|
+
type ITooltipBorderProps = React.PropsWithChildren<{
|
|
581
370
|
color?: string;
|
|
582
371
|
dashStyle?: "dash" | "dot" | "longDash" | "solid";
|
|
583
372
|
opacity?: number;
|
|
584
373
|
visible?: boolean;
|
|
585
374
|
width?: number;
|
|
586
375
|
}>;
|
|
587
|
-
declare
|
|
588
|
-
|
|
589
|
-
}
|
|
376
|
+
declare const _componentTooltipBorder: React.MemoExoticComponent<(props: ITooltipBorderProps) => React.FunctionComponentElement<ITooltipBorderProps>>;
|
|
377
|
+
declare const TooltipBorder: typeof _componentTooltipBorder & IElementDescriptor;
|
|
590
378
|
export default BarGauge;
|
|
591
|
-
export { BarGauge, IBarGaugeOptions, Animation, IAnimationProps, BarGaugeTitle, IBarGaugeTitleProps, BarGaugeTitleSubtitle, IBarGaugeTitleSubtitleProps, Border, IBorderProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Geometry, IGeometryProps, ItemTextFormat, IItemTextFormatProps, Label, ILabelProps, Legend, ILegendProps, LegendBorder, ILegendBorderProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Shadow, IShadowProps, Size, ISizeProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps };
|
|
379
|
+
export { BarGauge, IBarGaugeOptions, BarGaugeRef, Animation, IAnimationProps, BarGaugeTitle, IBarGaugeTitleProps, BarGaugeTitleSubtitle, IBarGaugeTitleSubtitleProps, Border, IBorderProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Geometry, IGeometryProps, ItemTextFormat, IItemTextFormatProps, Label, ILabelProps, Legend, ILegendProps, LegendBorder, ILegendBorderProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Shadow, IShadowProps, Size, ISizeProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps };
|
|
592
380
|
import type * as BarGaugeTypes from 'devextreme/viz/bar_gauge_types';
|
|
593
381
|
export { BarGaugeTypes };
|