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.
Files changed (311) hide show
  1. package/cjs/accordion.d.ts +35 -48
  2. package/cjs/accordion.js +63 -118
  3. package/cjs/action-sheet.d.ts +27 -43
  4. package/cjs/action-sheet.js +54 -95
  5. package/cjs/autocomplete.d.ts +62 -192
  6. package/cjs/autocomplete.js +181 -352
  7. package/cjs/bar-gauge.d.ts +80 -292
  8. package/cjs/bar-gauge.js +210 -353
  9. package/cjs/box.d.ts +25 -42
  10. package/cjs/box.js +53 -113
  11. package/cjs/bullet.d.ts +35 -80
  12. package/cjs/bullet.js +82 -148
  13. package/cjs/button-group.d.ts +17 -43
  14. package/cjs/button-group.js +54 -112
  15. package/cjs/button.d.ts +14 -19
  16. package/cjs/button.js +36 -88
  17. package/cjs/calendar.d.ts +14 -24
  18. package/cjs/calendar.js +41 -180
  19. package/cjs/chart.d.ts +297 -1146
  20. package/cjs/chart.js +707 -1059
  21. package/cjs/check-box.d.ts +14 -16
  22. package/cjs/check-box.js +34 -101
  23. package/cjs/circular-gauge.d.ts +86 -287
  24. package/cjs/circular-gauge.js +226 -332
  25. package/cjs/color-box.d.ts +59 -175
  26. package/cjs/color-box.js +165 -312
  27. package/cjs/common/charts.d.ts +2 -2
  28. package/cjs/common/charts.js +2 -2
  29. package/cjs/common/data/custom-store.d.ts +2 -2
  30. package/cjs/common/data/custom-store.js +2 -2
  31. package/cjs/common/grids.d.ts +2 -2
  32. package/cjs/common/grids.js +2 -2
  33. package/cjs/common/index.d.ts +2 -2
  34. package/cjs/common/index.js +2 -2
  35. package/cjs/context-menu.d.ts +71 -148
  36. package/cjs/context-menu.js +151 -279
  37. package/cjs/core/component-base.d.ts +18 -47
  38. package/cjs/core/component-base.js +261 -185
  39. package/cjs/core/component.d.ts +26 -13
  40. package/cjs/core/component.js +73 -58
  41. package/cjs/core/config.d.ts +2 -2
  42. package/cjs/core/config.js +2 -2
  43. package/cjs/core/configuration/comparer.d.ts +2 -2
  44. package/cjs/core/configuration/comparer.js +10 -10
  45. package/cjs/core/configuration/config-node.d.ts +2 -3
  46. package/cjs/core/configuration/config-node.js +2 -2
  47. package/cjs/core/configuration/react/element.d.ts +12 -4
  48. package/cjs/core/configuration/react/element.js +4 -5
  49. package/cjs/core/configuration/react/templates.d.ts +2 -2
  50. package/cjs/core/configuration/react/templates.js +2 -8
  51. package/cjs/core/configuration/react/tree.d.ts +2 -2
  52. package/cjs/core/configuration/react/tree.js +13 -9
  53. package/cjs/core/configuration/tree.d.ts +2 -2
  54. package/cjs/core/configuration/tree.js +5 -6
  55. package/cjs/core/configuration/utils.d.ts +2 -2
  56. package/cjs/core/configuration/utils.js +2 -2
  57. package/cjs/core/extension-component.d.ts +14 -7
  58. package/cjs/core/extension-component.js +69 -29
  59. package/cjs/core/helpers.d.ts +4 -3
  60. package/cjs/core/helpers.js +8 -9
  61. package/cjs/core/nested-option.d.ts +3 -5
  62. package/cjs/core/nested-option.js +16 -34
  63. package/cjs/core/options-manager.d.ts +3 -2
  64. package/cjs/core/options-manager.js +30 -18
  65. package/cjs/core/template-manager.d.ts +2 -2
  66. package/cjs/core/template-manager.js +20 -16
  67. package/cjs/core/template-wrapper.d.ts +2 -2
  68. package/cjs/core/template-wrapper.js +18 -14
  69. package/cjs/core/template.d.ts +3 -7
  70. package/cjs/core/template.js +4 -61
  71. package/cjs/core/types.d.ts +8 -8
  72. package/cjs/core/types.js +2 -2
  73. package/cjs/core/widget-config.d.ts +2 -2
  74. package/cjs/core/widget-config.js +23 -6
  75. package/cjs/data-grid.d.ts +317 -1057
  76. package/cjs/data-grid.js +752 -1112
  77. package/cjs/date-box.d.ts +65 -202
  78. package/cjs/date-box.js +179 -386
  79. package/cjs/date-range-box.d.ts +65 -203
  80. package/cjs/date-range-box.js +181 -373
  81. package/cjs/defer-rendering.d.ts +41 -93
  82. package/cjs/defer-rendering.js +93 -151
  83. package/cjs/diagram.d.ts +92 -307
  84. package/cjs/diagram.js +263 -408
  85. package/cjs/draggable.d.ts +17 -30
  86. package/cjs/draggable.js +45 -89
  87. package/cjs/drawer.d.ts +14 -23
  88. package/cjs/drawer.js +40 -102
  89. package/cjs/drop-down-box.d.ts +59 -175
  90. package/cjs/drop-down-box.js +169 -319
  91. package/cjs/drop-down-button.d.ts +58 -160
  92. package/cjs/drop-down-button.js +157 -256
  93. package/cjs/file-manager.d.ts +50 -128
  94. package/cjs/file-manager.js +123 -220
  95. package/cjs/file-uploader.d.ts +14 -16
  96. package/cjs/file-uploader.js +34 -127
  97. package/cjs/filter-builder.d.ts +32 -86
  98. package/cjs/filter-builder.js +86 -147
  99. package/cjs/form.d.ts +94 -347
  100. package/cjs/form.js +273 -398
  101. package/cjs/funnel.d.ts +95 -358
  102. package/cjs/funnel.js +239 -412
  103. package/cjs/gallery.d.ts +29 -44
  104. package/cjs/gallery.js +55 -107
  105. package/cjs/gantt.d.ts +89 -294
  106. package/cjs/gantt.js +252 -420
  107. package/cjs/html-editor.d.ts +50 -164
  108. package/cjs/html-editor.js +143 -262
  109. package/cjs/index.d.ts +3 -2
  110. package/cjs/index.js +5 -3
  111. package/cjs/linear-gauge.d.ts +89 -288
  112. package/cjs/linear-gauge.js +226 -335
  113. package/cjs/list.d.ts +49 -118
  114. package/cjs/list.js +115 -277
  115. package/cjs/load-indicator.d.ts +14 -12
  116. package/cjs/load-indicator.js +30 -56
  117. package/cjs/load-panel.d.ts +47 -99
  118. package/cjs/load-panel.js +111 -221
  119. package/cjs/lookup.d.ts +62 -182
  120. package/cjs/lookup.js +174 -364
  121. package/cjs/map.d.ts +32 -80
  122. package/cjs/map.js +85 -164
  123. package/cjs/menu.d.ts +69 -171
  124. package/cjs/menu.js +153 -286
  125. package/cjs/multi-view.d.ts +29 -44
  126. package/cjs/multi-view.js +55 -101
  127. package/cjs/number-box.d.ts +23 -53
  128. package/cjs/number-box.js +62 -183
  129. package/cjs/pie-chart.d.ts +119 -481
  130. package/cjs/pie-chart.js +309 -520
  131. package/cjs/pivot-grid-field-chooser.d.ts +29 -61
  132. package/cjs/pivot-grid-field-chooser.js +67 -129
  133. package/cjs/pivot-grid.d.ts +53 -137
  134. package/cjs/pivot-grid.js +125 -225
  135. package/cjs/polar-chart.d.ts +228 -882
  136. package/cjs/polar-chart.js +544 -828
  137. package/cjs/popover.d.ts +56 -142
  138. package/cjs/popover.js +150 -270
  139. package/cjs/popup.d.ts +48 -124
  140. package/cjs/popup.js +136 -261
  141. package/cjs/progress-bar.d.ts +14 -16
  142. package/cjs/progress-bar.js +34 -98
  143. package/cjs/radio-group.d.ts +17 -42
  144. package/cjs/radio-group.js +53 -132
  145. package/cjs/range-selector.d.ts +194 -671
  146. package/cjs/range-selector.js +455 -646
  147. package/cjs/range-slider.d.ts +23 -51
  148. package/cjs/range-slider.js +60 -145
  149. package/cjs/recurrence-editor.d.ts +14 -16
  150. package/cjs/recurrence-editor.js +34 -95
  151. package/cjs/resizable.d.ts +14 -17
  152. package/cjs/resizable.js +35 -75
  153. package/cjs/responsive-box.d.ts +34 -71
  154. package/cjs/responsive-box.js +78 -122
  155. package/cjs/sankey.d.ts +71 -240
  156. package/cjs/sankey.js +180 -321
  157. package/cjs/scheduler.d.ts +29 -96
  158. package/cjs/scheduler.js +127 -290
  159. package/cjs/scroll-view.d.ts +14 -12
  160. package/cjs/scroll-view.js +30 -82
  161. package/cjs/select-box.d.ts +62 -193
  162. package/cjs/select-box.js +186 -366
  163. package/cjs/slider.d.ts +23 -51
  164. package/cjs/slider.js +60 -142
  165. package/cjs/sortable.d.ts +17 -30
  166. package/cjs/sortable.js +45 -110
  167. package/cjs/sparkline.d.ts +35 -80
  168. package/cjs/sparkline.js +82 -183
  169. package/cjs/speed-dial-action.d.ts +14 -12
  170. package/cjs/speed-dial-action.js +30 -54
  171. package/cjs/splitter.d.ts +79 -0
  172. package/cjs/splitter.js +99 -0
  173. package/cjs/switch.d.ts +14 -16
  174. package/cjs/switch.js +34 -98
  175. package/cjs/tab-panel.d.ts +31 -46
  176. package/cjs/tab-panel.js +61 -140
  177. package/cjs/tabs.d.ts +33 -46
  178. package/cjs/tabs.js +57 -138
  179. package/cjs/tag-box.d.ts +62 -194
  180. package/cjs/tag-box.js +191 -390
  181. package/cjs/text-area.d.ts +14 -16
  182. package/cjs/text-area.js +34 -141
  183. package/cjs/text-box.d.ts +20 -45
  184. package/cjs/text-box.js +55 -182
  185. package/cjs/tile-view.d.ts +25 -42
  186. package/cjs/tile-view.js +53 -112
  187. package/cjs/toast.d.ts +47 -106
  188. package/cjs/toast.js +117 -223
  189. package/cjs/toolbar.d.ts +27 -44
  190. package/cjs/toolbar.js +59 -92
  191. package/cjs/tooltip.d.ts +53 -124
  192. package/cjs/tooltip.js +133 -243
  193. package/cjs/tree-list.d.ts +274 -909
  194. package/cjs/tree-list.js +644 -996
  195. package/cjs/tree-map.d.ts +77 -257
  196. package/cjs/tree-map.js +191 -326
  197. package/cjs/tree-view.d.ts +34 -81
  198. package/cjs/tree-view.js +82 -229
  199. package/cjs/validation-group.d.ts +14 -12
  200. package/cjs/validation-group.js +30 -51
  201. package/cjs/validation-summary.d.ts +25 -42
  202. package/cjs/validation-summary.js +53 -71
  203. package/cjs/validator.d.ts +48 -142
  204. package/cjs/validator.js +142 -187
  205. package/cjs/vector-map.d.ts +92 -347
  206. package/cjs/vector-map.js +244 -384
  207. package/esm/accordion.js +58 -117
  208. package/esm/action-sheet.js +49 -94
  209. package/esm/autocomplete.js +176 -351
  210. package/esm/bar-gauge.js +205 -352
  211. package/esm/box.js +48 -112
  212. package/esm/bullet.js +77 -147
  213. package/esm/button-group.js +49 -111
  214. package/esm/button.js +31 -87
  215. package/esm/calendar.js +36 -179
  216. package/esm/chart.js +702 -1058
  217. package/esm/check-box.js +29 -100
  218. package/esm/circular-gauge.js +221 -331
  219. package/esm/color-box.js +160 -311
  220. package/esm/common/charts.js +2 -2
  221. package/esm/common/data/custom-store.js +2 -2
  222. package/esm/common/grids.js +2 -2
  223. package/esm/common/index.js +2 -2
  224. package/esm/context-menu.js +146 -278
  225. package/esm/core/component-base.js +256 -184
  226. package/esm/core/component.js +69 -58
  227. package/esm/core/config.js +2 -2
  228. package/esm/core/configuration/comparer.js +2 -2
  229. package/esm/core/configuration/config-node.js +2 -2
  230. package/esm/core/configuration/react/element.js +5 -5
  231. package/esm/core/configuration/react/templates.js +2 -8
  232. package/esm/core/configuration/react/tree.js +3 -3
  233. package/esm/core/configuration/tree.js +2 -2
  234. package/esm/core/configuration/utils.js +2 -2
  235. package/esm/core/extension-component.js +45 -29
  236. package/esm/core/helpers.js +7 -8
  237. package/esm/core/nested-option.js +11 -33
  238. package/esm/core/options-manager.js +22 -10
  239. package/esm/core/template-manager.js +3 -3
  240. package/esm/core/template-wrapper.js +2 -2
  241. package/esm/core/template.js +4 -42
  242. package/esm/core/types.js +2 -2
  243. package/esm/core/widget-config.js +23 -6
  244. package/esm/data-grid.js +748 -1112
  245. package/esm/date-box.js +174 -385
  246. package/esm/date-range-box.js +176 -372
  247. package/esm/defer-rendering.js +88 -150
  248. package/esm/diagram.js +258 -407
  249. package/esm/draggable.js +40 -88
  250. package/esm/drawer.js +35 -101
  251. package/esm/drop-down-box.js +164 -318
  252. package/esm/drop-down-button.js +152 -255
  253. package/esm/file-manager.js +118 -219
  254. package/esm/file-uploader.js +29 -126
  255. package/esm/filter-builder.js +81 -146
  256. package/esm/form.js +268 -397
  257. package/esm/funnel.js +234 -411
  258. package/esm/gallery.js +50 -106
  259. package/esm/gantt.js +247 -419
  260. package/esm/html-editor.js +138 -261
  261. package/esm/index.js +3 -2
  262. package/esm/linear-gauge.js +221 -334
  263. package/esm/list.js +110 -276
  264. package/esm/load-indicator.js +25 -55
  265. package/esm/load-panel.js +106 -220
  266. package/esm/lookup.js +169 -363
  267. package/esm/map.js +80 -163
  268. package/esm/menu.js +148 -285
  269. package/esm/multi-view.js +50 -100
  270. package/esm/number-box.js +57 -182
  271. package/esm/pie-chart.js +304 -519
  272. package/esm/pivot-grid-field-chooser.js +62 -128
  273. package/esm/pivot-grid.js +120 -224
  274. package/esm/polar-chart.js +539 -827
  275. package/esm/popover.js +145 -269
  276. package/esm/popup.js +131 -260
  277. package/esm/progress-bar.js +29 -97
  278. package/esm/radio-group.js +48 -131
  279. package/esm/range-selector.js +450 -645
  280. package/esm/range-slider.js +55 -144
  281. package/esm/recurrence-editor.js +29 -94
  282. package/esm/resizable.js +30 -74
  283. package/esm/responsive-box.js +73 -121
  284. package/esm/sankey.js +175 -320
  285. package/esm/scheduler.js +122 -289
  286. package/esm/scroll-view.js +25 -81
  287. package/esm/select-box.js +181 -365
  288. package/esm/slider.js +55 -141
  289. package/esm/sortable.js +40 -109
  290. package/esm/sparkline.js +77 -182
  291. package/esm/speed-dial-action.js +25 -53
  292. package/esm/splitter.js +69 -0
  293. package/esm/switch.js +29 -97
  294. package/esm/tab-panel.js +56 -139
  295. package/esm/tabs.js +52 -137
  296. package/esm/tag-box.js +186 -389
  297. package/esm/text-area.js +29 -140
  298. package/esm/text-box.js +50 -181
  299. package/esm/tile-view.js +48 -111
  300. package/esm/toast.js +112 -222
  301. package/esm/toolbar.js +54 -91
  302. package/esm/tooltip.js +128 -242
  303. package/esm/tree-list.js +639 -995
  304. package/esm/tree-map.js +186 -325
  305. package/esm/tree-view.js +77 -228
  306. package/esm/validation-group.js +25 -50
  307. package/esm/validation-summary.js +48 -70
  308. package/esm/validator.js +137 -186
  309. package/esm/vector-map.js +239 -383
  310. package/package.json +4 -4
  311. package/splitter/package.json +6 -0
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.6
4
- * Build date: Wed May 01 2024
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
- /// <reference types="react" />
14
+ import * as React from "react";
15
+ import { Ref, ReactElement } from "react";
15
16
  import dxBarGauge, { Properties } from "devextreme/viz/bar_gauge";
16
- import { Component as BaseComponent, IHtmlOptions } from "./core/component";
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
- declare type ReplaceFieldTypes<TSource, TReplacement> = {
22
+ type ReplaceFieldTypes<TSource, TReplacement> = {
23
23
  [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
24
24
  };
25
- declare type IBarGaugeOptionsNarrowedEvents = {
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
- declare type IBarGaugeOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IBarGaugeOptionsNarrowedEvents> & IHtmlOptions & {
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
- declare class BarGauge extends BaseComponent<React.PropsWithChildren<IBarGaugeOptions>> {
46
- get instance(): dxBarGauge;
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 type IAnimationProps = React.PropsWithChildren<{
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 class Animation extends NestedOption<IAnimationProps> {
113
- static OptionName: string;
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 class BarGaugeTitle extends NestedOption<IBarGaugeTitleProps> {
138
- static OptionName: string;
139
- static ExpectedChildren: {
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 class BarGaugeTitleSubtitle extends NestedOption<IBarGaugeTitleSubtitleProps> {
166
- static OptionName: string;
167
- static ExpectedChildren: {
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 class Border extends NestedOption<IBorderProps> {
183
- static OptionName: string;
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 class Export extends NestedOption<IExportProps> {
195
- static OptionName: string;
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 class Font extends NestedOption<IFontProps> {
205
- static OptionName: string;
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 class Format extends NestedOption<IFormatProps> {
216
- static OptionName: string;
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 class Geometry extends NestedOption<IGeometryProps> {
223
- static OptionName: string;
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 class ItemTextFormat extends NestedOption<IItemTextFormatProps> {
234
- static OptionName: string;
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 class Label extends NestedOption<ILabelProps> {
249
- static OptionName: string;
250
- static ExpectedChildren: {
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 class Legend extends NestedOption<ILegendProps> {
325
- static OptionName: string;
326
- static ExpectedChildren: {
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 class LegendBorder extends NestedOption<ILegendBorderProps> {
372
- static OptionName: string;
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 class LegendTitle extends NestedOption<ILegendTitleProps> {
393
- static OptionName: string;
394
- static ExpectedChildren: {
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 class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps> {
419
- static OptionName: string;
420
- static ExpectedChildren: {
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 class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
436
- static OptionName: string;
437
- static DefaultsProps: {
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 class Margin extends NestedOption<IMarginProps> {
454
- static OptionName: string;
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 class Shadow extends NestedOption<IShadowProps> {
464
- static OptionName: string;
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 class Size extends NestedOption<ISizeProps> {
471
- static OptionName: string;
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 class Subtitle extends NestedOption<ISubtitleProps> {
481
- static OptionName: string;
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 class Title extends NestedOption<ITitleProps> {
506
- static OptionName: string;
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 class Tooltip extends NestedOption<ITooltipProps> {
550
- static OptionName: string;
551
- static ExpectedChildren: {
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 class TooltipBorder extends NestedOption<ITooltipBorderProps> {
588
- static OptionName: string;
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 };