devextreme-react 26.1.2-beta → 26.1.3

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 (357) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +27 -27
  3. package/cjs/accordion.d.ts +100 -100
  4. package/cjs/accordion.js +103 -103
  5. package/cjs/action-sheet.d.ts +79 -79
  6. package/cjs/action-sheet.js +91 -91
  7. package/cjs/autocomplete.d.ts +653 -653
  8. package/cjs/autocomplete.js +347 -347
  9. package/cjs/bar-gauge.d.ts +698 -698
  10. package/cjs/bar-gauge.js +410 -410
  11. package/cjs/box.d.ts +77 -77
  12. package/cjs/box.js +90 -90
  13. package/cjs/bullet.d.ts +205 -205
  14. package/cjs/bullet.js +155 -155
  15. package/cjs/button-group.d.ts +64 -64
  16. package/cjs/button-group.js +91 -91
  17. package/cjs/button.d.ts +30 -30
  18. package/cjs/button.js +61 -61
  19. package/cjs/calendar.d.ts +33 -33
  20. package/cjs/calendar.js +68 -68
  21. package/cjs/card-view.d.ts +2749 -2749
  22. package/cjs/card-view.js +1439 -1439
  23. package/cjs/chart.d.ts +4467 -4467
  24. package/cjs/chart.js +1569 -1569
  25. package/cjs/chat.d.ts +604 -604
  26. package/cjs/chat.js +336 -336
  27. package/cjs/check-box.d.ts +30 -30
  28. package/cjs/check-box.js +59 -59
  29. package/cjs/circular-gauge.d.ts +720 -720
  30. package/cjs/circular-gauge.js +427 -427
  31. package/cjs/color-box.d.ts +647 -647
  32. package/cjs/color-box.js +345 -345
  33. package/cjs/common/ai-integration.d.ts +4 -4
  34. package/cjs/common/ai-integration.js +7 -7
  35. package/cjs/common/charts.d.ts +4 -4
  36. package/cjs/common/charts.js +8 -8
  37. package/cjs/common/core/animation.d.ts +4 -4
  38. package/cjs/common/core/animation.js +11 -11
  39. package/cjs/common/core/environment.d.ts +4 -4
  40. package/cjs/common/core/environment.js +9 -9
  41. package/cjs/common/core/events.d.ts +4 -4
  42. package/cjs/common/core/events.js +10 -10
  43. package/cjs/common/core/index.d.ts +6 -6
  44. package/cjs/common/core/index.js +32 -32
  45. package/cjs/common/core/localization.d.ts +4 -4
  46. package/cjs/common/core/localization.js +13 -13
  47. package/cjs/common/data/custom-store.d.ts +3 -3
  48. package/cjs/common/data/custom-store.js +9 -9
  49. package/cjs/common/data.d.ts +4 -4
  50. package/cjs/common/data.js +25 -25
  51. package/cjs/common/export/excel.d.ts +4 -4
  52. package/cjs/common/export/excel.js +8 -8
  53. package/cjs/common/export/index.d.ts +4 -4
  54. package/cjs/common/export/index.js +30 -30
  55. package/cjs/common/export/pdf.d.ts +4 -4
  56. package/cjs/common/export/pdf.js +8 -8
  57. package/cjs/common/grids.d.ts +3 -3
  58. package/cjs/common/grids.js +4 -4
  59. package/cjs/common/index.d.ts +301 -289
  60. package/cjs/common/index.js +121 -121
  61. package/cjs/context-menu.d.ts +350 -350
  62. package/cjs/context-menu.js +295 -295
  63. package/cjs/core/component-base.d.ts +39 -39
  64. package/cjs/core/component-base.js +322 -322
  65. package/cjs/core/component.d.ts +42 -42
  66. package/cjs/core/component.js +88 -88
  67. package/cjs/core/config.d.ts +9 -9
  68. package/cjs/core/config.js +16 -16
  69. package/cjs/core/configuration/comparer.d.ts +12 -12
  70. package/cjs/core/configuration/comparer.js +102 -102
  71. package/cjs/core/configuration/config-node.d.ts +17 -17
  72. package/cjs/core/configuration/config-node.js +107 -107
  73. package/cjs/core/configuration/react/element.d.ts +36 -36
  74. package/cjs/core/configuration/react/element.js +52 -52
  75. package/cjs/core/configuration/react/templates.d.ts +7 -7
  76. package/cjs/core/configuration/react/templates.js +61 -61
  77. package/cjs/core/configuration/tree.d.ts +22 -22
  78. package/cjs/core/configuration/tree.js +118 -118
  79. package/cjs/core/configuration/utils.d.ts +16 -16
  80. package/cjs/core/configuration/utils.js +39 -39
  81. package/cjs/core/const.d.ts +3 -3
  82. package/cjs/core/const.js +78 -78
  83. package/cjs/core/contexts.d.ts +25 -25
  84. package/cjs/core/contexts.js +22 -22
  85. package/cjs/core/extension-component.d.ts +26 -26
  86. package/cjs/core/extension-component.js +70 -70
  87. package/cjs/core/helpers.d.ts +30 -30
  88. package/cjs/core/helpers.js +65 -65
  89. package/cjs/core/nested-option.d.ts +15 -15
  90. package/cjs/core/nested-option.js +60 -60
  91. package/cjs/core/options-manager.d.ts +35 -35
  92. package/cjs/core/options-manager.js +228 -228
  93. package/cjs/core/template-manager.d.ts +5 -5
  94. package/cjs/core/template-manager.js +164 -164
  95. package/cjs/core/template-wrapper.d.ts +5 -5
  96. package/cjs/core/template-wrapper.js +121 -121
  97. package/cjs/core/template.d.ts +21 -21
  98. package/cjs/core/template.js +33 -33
  99. package/cjs/core/types.d.ts +80 -80
  100. package/cjs/core/types.js +4 -4
  101. package/cjs/core/use-option-scanning.d.ts +9 -9
  102. package/cjs/core/use-option-scanning.js +50 -50
  103. package/cjs/core/widget-config.d.ts +11 -11
  104. package/cjs/core/widget-config.js +77 -77
  105. package/cjs/data-grid.d.ts +4632 -4628
  106. package/cjs/data-grid.js +1894 -1894
  107. package/cjs/date-box.d.ts +757 -757
  108. package/cjs/date-box.js +354 -354
  109. package/cjs/date-range-box.d.ts +761 -761
  110. package/cjs/date-range-box.js +355 -355
  111. package/cjs/diagram.d.ts +661 -661
  112. package/cjs/diagram.js +478 -478
  113. package/cjs/draggable.d.ts +43 -43
  114. package/cjs/draggable.js +78 -78
  115. package/cjs/drawer.d.ts +30 -30
  116. package/cjs/drawer.js +67 -67
  117. package/cjs/drop-down-box.d.ts +647 -647
  118. package/cjs/drop-down-box.js +349 -349
  119. package/cjs/drop-down-button.d.ts +562 -562
  120. package/cjs/drop-down-button.js +306 -306
  121. package/cjs/file-manager.d.ts +302 -302
  122. package/cjs/file-manager.js +233 -233
  123. package/cjs/file-uploader.d.ts +39 -39
  124. package/cjs/file-uploader.js +59 -59
  125. package/cjs/filter-builder.d.ts +216 -216
  126. package/cjs/filter-builder.js +156 -156
  127. package/cjs/form.d.ts +1020 -1020
  128. package/cjs/form.js +527 -527
  129. package/cjs/funnel.d.ts +898 -898
  130. package/cjs/funnel.js +479 -479
  131. package/cjs/gallery.d.ts +79 -79
  132. package/cjs/gallery.js +92 -92
  133. package/cjs/gantt.d.ts +798 -798
  134. package/cjs/gantt.js +497 -497
  135. package/cjs/html-editor.d.ts +480 -480
  136. package/cjs/html-editor.js +302 -302
  137. package/cjs/index.d.ts +86 -86
  138. package/cjs/index.js +196 -196
  139. package/cjs/linear-gauge.d.ts +734 -734
  140. package/cjs/linear-gauge.js +432 -432
  141. package/cjs/list.d.ts +416 -416
  142. package/cjs/list.js +196 -196
  143. package/cjs/load-indicator.d.ts +26 -26
  144. package/cjs/load-indicator.js +53 -53
  145. package/cjs/load-panel.d.ts +270 -270
  146. package/cjs/load-panel.js +237 -237
  147. package/cjs/lookup.d.ts +485 -485
  148. package/cjs/lookup.js +339 -339
  149. package/cjs/map.d.ts +156 -156
  150. package/cjs/map.js +164 -164
  151. package/cjs/menu.d.ts +355 -355
  152. package/cjs/menu.js +296 -296
  153. package/cjs/multi-view.d.ts +77 -77
  154. package/cjs/multi-view.js +92 -92
  155. package/cjs/number-box.d.ts +142 -142
  156. package/cjs/number-box.js +110 -110
  157. package/cjs/pagination.d.ts +22 -22
  158. package/cjs/pagination.js +60 -60
  159. package/cjs/pie-chart.d.ts +1449 -1449
  160. package/cjs/pie-chart.js +637 -637
  161. package/cjs/pivot-grid-field-chooser.d.ts +133 -133
  162. package/cjs/pivot-grid-field-chooser.js +125 -125
  163. package/cjs/pivot-grid.d.ts +350 -350
  164. package/cjs/pivot-grid.js +235 -235
  165. package/cjs/polar-chart.d.ts +3176 -3176
  166. package/cjs/polar-chart.js +1199 -1199
  167. package/cjs/popover.d.ts +331 -331
  168. package/cjs/popover.js +288 -288
  169. package/cjs/popup.d.ts +293 -293
  170. package/cjs/popup.js +262 -262
  171. package/cjs/progress-bar.d.ts +31 -31
  172. package/cjs/progress-bar.js +59 -59
  173. package/cjs/radio-group.d.ts +56 -56
  174. package/cjs/radio-group.js +90 -90
  175. package/cjs/range-selector.d.ts +2446 -2446
  176. package/cjs/range-selector.js +961 -961
  177. package/cjs/range-slider.d.ts +82 -82
  178. package/cjs/range-slider.js +107 -107
  179. package/cjs/resizable.d.ts +33 -33
  180. package/cjs/resizable.js +60 -60
  181. package/cjs/responsive-box.d.ts +133 -133
  182. package/cjs/responsive-box.js +134 -134
  183. package/cjs/sankey.d.ts +610 -610
  184. package/cjs/sankey.js +352 -352
  185. package/cjs/scheduler.d.ts +1620 -1620
  186. package/cjs/scheduler.js +775 -775
  187. package/cjs/scroll-view.d.ts +29 -29
  188. package/cjs/scroll-view.js +53 -53
  189. package/cjs/select-box.d.ts +676 -676
  190. package/cjs/select-box.js +374 -374
  191. package/cjs/slider.d.ts +82 -82
  192. package/cjs/slider.js +107 -107
  193. package/cjs/sortable.d.ts +47 -47
  194. package/cjs/sortable.js +78 -78
  195. package/cjs/sparkline.d.ts +205 -205
  196. package/cjs/sparkline.js +155 -155
  197. package/cjs/speech-to-text.d.ts +61 -61
  198. package/cjs/speech-to-text.js +83 -83
  199. package/cjs/speed-dial-action.d.ts +27 -27
  200. package/cjs/speed-dial-action.js +53 -53
  201. package/cjs/splitter.d.ts +85 -85
  202. package/cjs/splitter.js +90 -90
  203. package/cjs/stepper.d.ts +82 -82
  204. package/cjs/stepper.js +92 -92
  205. package/cjs/switch.d.ts +30 -30
  206. package/cjs/switch.js +59 -59
  207. package/cjs/tab-panel.d.ts +97 -97
  208. package/cjs/tab-panel.js +101 -101
  209. package/cjs/tabs.d.ts +90 -90
  210. package/cjs/tabs.js +94 -94
  211. package/cjs/tag-box.d.ts +677 -677
  212. package/cjs/tag-box.js +379 -379
  213. package/cjs/text-area.d.ts +40 -40
  214. package/cjs/text-area.js +59 -59
  215. package/cjs/text-box.d.ts +122 -122
  216. package/cjs/text-box.js +97 -97
  217. package/cjs/tile-view.d.ts +73 -73
  218. package/cjs/tile-view.js +90 -90
  219. package/cjs/toast.d.ts +255 -255
  220. package/cjs/toast.js +232 -232
  221. package/cjs/toolbar.d.ts +91 -91
  222. package/cjs/toolbar.js +99 -99
  223. package/cjs/tooltip.d.ts +283 -283
  224. package/cjs/tooltip.js +260 -260
  225. package/cjs/tree-list.d.ts +4160 -4156
  226. package/cjs/tree-list.js +1692 -1692
  227. package/cjs/tree-map.d.ts +586 -586
  228. package/cjs/tree-map.js +382 -382
  229. package/cjs/tree-view.d.ts +290 -290
  230. package/cjs/tree-view.js +145 -145
  231. package/cjs/validation-group.d.ts +25 -25
  232. package/cjs/validation-group.js +53 -53
  233. package/cjs/validation-summary.d.ts +66 -66
  234. package/cjs/validation-summary.js +90 -90
  235. package/cjs/validator.d.ts +271 -271
  236. package/cjs/validator.js +243 -243
  237. package/cjs/vector-map.d.ts +987 -987
  238. package/cjs/vector-map.js +487 -487
  239. package/esm/accordion.js +73 -73
  240. package/esm/action-sheet.js +61 -61
  241. package/esm/autocomplete.js +302 -302
  242. package/esm/bar-gauge.js +359 -359
  243. package/esm/box.js +60 -60
  244. package/esm/bullet.js +119 -119
  245. package/esm/button-group.js +61 -61
  246. package/esm/button.js +32 -32
  247. package/esm/calendar.js +39 -39
  248. package/esm/card-view.js +1332 -1332
  249. package/esm/chart.js +1447 -1447
  250. package/esm/chat.js +290 -290
  251. package/esm/check-box.js +30 -30
  252. package/esm/circular-gauge.js +374 -374
  253. package/esm/color-box.js +300 -300
  254. package/esm/common/ai-integration.js +3 -3
  255. package/esm/common/charts.js +3 -3
  256. package/esm/common/core/animation.js +3 -3
  257. package/esm/common/core/environment.js +3 -3
  258. package/esm/common/core/events.js +3 -3
  259. package/esm/common/core/index.js +6 -6
  260. package/esm/common/core/localization.js +3 -3
  261. package/esm/common/data/custom-store.js +3 -3
  262. package/esm/common/data.js +3 -3
  263. package/esm/common/export/excel.js +3 -3
  264. package/esm/common/export/index.js +4 -4
  265. package/esm/common/export/pdf.js +3 -3
  266. package/esm/common/grids.js +3 -3
  267. package/esm/common/index.js +91 -91
  268. package/esm/context-menu.js +251 -251
  269. package/esm/core/component-base.js +292 -292
  270. package/esm/core/component.js +62 -62
  271. package/esm/core/config.js +13 -13
  272. package/esm/core/configuration/comparer.js +98 -98
  273. package/esm/core/configuration/config-node.js +80 -80
  274. package/esm/core/configuration/react/element.js +47 -47
  275. package/esm/core/configuration/react/templates.js +57 -57
  276. package/esm/core/configuration/tree.js +110 -110
  277. package/esm/core/configuration/utils.js +32 -32
  278. package/esm/core/const.js +75 -75
  279. package/esm/core/contexts.js +19 -19
  280. package/esm/core/extension-component.js +43 -43
  281. package/esm/core/helpers.js +57 -57
  282. package/esm/core/nested-option.js +35 -35
  283. package/esm/core/options-manager.js +223 -223
  284. package/esm/core/template-manager.js +137 -137
  285. package/esm/core/template-wrapper.js +95 -95
  286. package/esm/core/template.js +29 -29
  287. package/esm/core/types.js +3 -3
  288. package/esm/core/use-option-scanning.js +46 -46
  289. package/esm/core/widget-config.js +72 -72
  290. package/esm/data-grid.js +1758 -1758
  291. package/esm/date-box.js +308 -308
  292. package/esm/date-range-box.js +309 -309
  293. package/esm/diagram.js +423 -423
  294. package/esm/draggable.js +48 -48
  295. package/esm/drawer.js +38 -38
  296. package/esm/drop-down-box.js +304 -304
  297. package/esm/drop-down-button.js +263 -263
  298. package/esm/file-manager.js +192 -192
  299. package/esm/file-uploader.js +30 -30
  300. package/esm/filter-builder.js +121 -121
  301. package/esm/form.js +475 -475
  302. package/esm/funnel.js +423 -423
  303. package/esm/gallery.js +62 -62
  304. package/esm/gantt.js +442 -442
  305. package/esm/html-editor.js +259 -259
  306. package/esm/index.js +86 -86
  307. package/esm/linear-gauge.js +378 -378
  308. package/esm/list.js +160 -160
  309. package/esm/load-indicator.js +24 -24
  310. package/esm/load-panel.js +196 -196
  311. package/esm/lookup.js +294 -294
  312. package/esm/map.js +128 -128
  313. package/esm/menu.js +252 -252
  314. package/esm/multi-view.js +62 -62
  315. package/esm/number-box.js +78 -78
  316. package/esm/pagination.js +31 -31
  317. package/esm/pie-chart.js +573 -573
  318. package/esm/pivot-grid-field-chooser.js +91 -91
  319. package/esm/pivot-grid.js +193 -193
  320. package/esm/polar-chart.js +1099 -1099
  321. package/esm/popover.js +245 -245
  322. package/esm/popup.js +221 -221
  323. package/esm/progress-bar.js +30 -30
  324. package/esm/radio-group.js +60 -60
  325. package/esm/range-selector.js +871 -871
  326. package/esm/range-slider.js +75 -75
  327. package/esm/resizable.js +31 -31
  328. package/esm/responsive-box.js +101 -101
  329. package/esm/sankey.js +304 -304
  330. package/esm/scheduler.js +713 -713
  331. package/esm/scroll-view.js +24 -24
  332. package/esm/select-box.js +328 -328
  333. package/esm/slider.js +75 -75
  334. package/esm/sortable.js +48 -48
  335. package/esm/sparkline.js +119 -119
  336. package/esm/speech-to-text.js +52 -52
  337. package/esm/speed-dial-action.js +24 -24
  338. package/esm/splitter.js +60 -60
  339. package/esm/stepper.js +62 -62
  340. package/esm/switch.js +30 -30
  341. package/esm/tab-panel.js +71 -71
  342. package/esm/tabs.js +64 -64
  343. package/esm/tag-box.js +333 -333
  344. package/esm/text-area.js +30 -30
  345. package/esm/text-box.js +66 -66
  346. package/esm/tile-view.js +60 -60
  347. package/esm/toast.js +192 -192
  348. package/esm/toolbar.js +69 -69
  349. package/esm/tooltip.js +218 -218
  350. package/esm/tree-list.js +1569 -1569
  351. package/esm/tree-map.js +332 -332
  352. package/esm/tree-view.js +112 -112
  353. package/esm/validation-group.js +24 -24
  354. package/esm/validation-summary.js +60 -60
  355. package/esm/validator.js +203 -203
  356. package/esm/vector-map.js +432 -432
  357. package/package.json +11 -5
package/cjs/tree-map.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 26.1.2-beta
4
- * Build date: Fri May 08 2026
3
+ * Version: 26.1.3
4
+ * Build date: Wed Jun 10 2026
5
5
  *
6
6
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -11,587 +11,587 @@
11
11
  * https://github.com/DevExpress/DevExtreme
12
12
  */
13
13
 
14
- import * as React from "react";
15
- import { Ref, ReactElement } from "react";
16
- import dxTreeMap, { Properties } from "devextreme/viz/tree_map";
17
- import { IHtmlOptions, NestedComponentMeta } from "./core/component";
18
- import type { ClickEvent, DisposingEvent, DrawnEvent, DrillEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, NodesInitializedEvent, NodesRenderingEvent, TreeMapColorizerType, dxTreeMapNode } from "devextreme/viz/tree_map";
19
- import type { DashStyle, Palette, PaletteExtensionMode, Font as ChartsFont, TextOverflow, WordWrap } from "devextreme/common/charts";
20
- import type { ExportFormat, Format as CommonFormat, HorizontalAlignment, VerticalEdge, template } from "devextreme/common";
21
- import type { Format as LocalizationFormat } from "devextreme/common/core/localization";
22
- type ReplaceFieldTypes<TSource, TReplacement> = {
23
- [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
24
- };
25
- type ITreeMapOptionsNarrowedEvents = {
26
- onClick?: ((e: ClickEvent) => void);
27
- onDisposing?: ((e: DisposingEvent) => void);
28
- onDrawn?: ((e: DrawnEvent) => void);
29
- onDrill?: ((e: DrillEvent) => void);
30
- onExported?: ((e: ExportedEvent) => void);
31
- onExporting?: ((e: ExportingEvent) => void);
32
- onFileSaving?: ((e: FileSavingEvent) => void);
33
- onIncidentOccurred?: ((e: IncidentOccurredEvent) => void);
34
- onInitialized?: ((e: InitializedEvent) => void);
35
- onNodesInitialized?: ((e: NodesInitializedEvent) => void);
36
- onNodesRendering?: ((e: NodesRenderingEvent) => void);
37
- };
38
- type ITreeMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, ITreeMapOptionsNarrowedEvents> & IHtmlOptions & {
39
- defaultLoadingIndicator?: Record<string, any>;
40
- onLoadingIndicatorChange?: (value: Record<string, any>) => void;
41
- }>;
42
- interface TreeMapRef {
43
- instance: () => dxTreeMap;
44
- }
45
- declare const TreeMap: (props: React.PropsWithChildren<ITreeMapOptions> & {
46
- ref?: Ref<TreeMapRef>;
47
- }) => ReactElement | null;
48
- type IBorderProps = React.PropsWithChildren<{
49
- color?: string | undefined;
50
- width?: number | undefined;
51
- dashStyle?: DashStyle;
52
- opacity?: number | undefined;
53
- visible?: boolean;
54
- }>;
55
- declare const Border: ((props: IBorderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
56
- color?: string | undefined;
57
- width?: number | undefined;
58
- dashStyle?: DashStyle | undefined;
59
- opacity?: number | undefined;
60
- visible?: boolean | undefined;
61
- } & {
62
- children?: React.ReactNode;
63
- } & {
64
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
65
- }>>) & NestedComponentMeta;
66
- type IColorizerProps = React.PropsWithChildren<{
67
- colorCodeField?: string | undefined;
68
- colorizeGroups?: boolean;
69
- palette?: Array<string> | Palette;
70
- paletteExtensionMode?: PaletteExtensionMode;
71
- range?: Array<number>;
72
- type?: TreeMapColorizerType | undefined;
73
- }>;
74
- declare const Colorizer: ((props: IColorizerProps) => React.FunctionComponentElement<React.PropsWithChildren<{
75
- colorCodeField?: string | undefined;
76
- colorizeGroups?: boolean | undefined;
77
- palette?: string[] | Palette | undefined;
78
- paletteExtensionMode?: PaletteExtensionMode | undefined;
79
- range?: number[] | undefined;
80
- type?: TreeMapColorizerType | undefined;
81
- } & {
82
- children?: React.ReactNode;
83
- } & {
84
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
85
- }>>) & NestedComponentMeta;
86
- type IExportProps = React.PropsWithChildren<{
87
- backgroundColor?: string;
88
- enabled?: boolean;
89
- fileName?: string;
90
- formats?: Array<ExportFormat>;
91
- margin?: number;
92
- printingEnabled?: boolean;
93
- svgToCanvas?: ((svg: any, canvas: any) => any) | undefined;
94
- }>;
95
- declare const Export: ((props: IExportProps) => React.FunctionComponentElement<React.PropsWithChildren<{
96
- backgroundColor?: string | undefined;
97
- enabled?: boolean | undefined;
98
- fileName?: string | undefined;
99
- formats?: ExportFormat[] | undefined;
100
- margin?: number | undefined;
101
- printingEnabled?: boolean | undefined;
102
- svgToCanvas?: ((svg: any, canvas: any) => any) | undefined;
103
- } & {
104
- children?: React.ReactNode;
105
- } & {
106
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
107
- }>>) & NestedComponentMeta;
108
- type IFontProps = React.PropsWithChildren<{
109
- color?: string;
110
- family?: string;
111
- opacity?: number;
112
- size?: number | string;
113
- weight?: number;
114
- }>;
115
- declare const Font: ((props: IFontProps) => React.FunctionComponentElement<React.PropsWithChildren<{
116
- color?: string | undefined;
117
- family?: string | undefined;
118
- opacity?: number | undefined;
119
- size?: string | number | undefined;
120
- weight?: number | undefined;
121
- } & {
122
- children?: React.ReactNode;
123
- } & {
124
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
125
- }>>) & NestedComponentMeta;
126
- type IFormatProps = React.PropsWithChildren<{
127
- currency?: string;
128
- formatter?: ((value: number | Date) => string);
129
- parser?: ((value: string) => number | Date);
130
- precision?: number;
131
- type?: CommonFormat | string;
132
- useCurrencyAccountingStyle?: boolean;
133
- }>;
134
- declare const Format: ((props: IFormatProps) => React.FunctionComponentElement<React.PropsWithChildren<{
135
- currency?: string | undefined;
136
- formatter?: ((value: number | Date) => string) | undefined;
137
- parser?: ((value: string) => number | Date) | undefined;
138
- precision?: number | undefined;
139
- type?: string | undefined;
140
- useCurrencyAccountingStyle?: boolean | undefined;
141
- } & {
142
- children?: React.ReactNode;
143
- } & {
144
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
145
- }>>) & NestedComponentMeta;
146
- type IGroupProps = React.PropsWithChildren<{
147
- border?: Record<string, any> | {
148
- color?: string | undefined;
149
- width?: number | undefined;
150
- };
151
- color?: string;
152
- headerHeight?: number | undefined;
153
- hoverEnabled?: boolean | undefined;
154
- hoverStyle?: Record<string, any> | {
155
- border?: Record<string, any> | {
156
- color?: string | undefined;
157
- width?: number | undefined;
158
- };
159
- color?: string | undefined;
160
- };
161
- label?: Record<string, any> | {
162
- font?: ChartsFont;
163
- textOverflow?: TextOverflow;
164
- visible?: boolean;
165
- };
166
- padding?: number;
167
- selectionStyle?: Record<string, any> | {
168
- border?: Record<string, any> | {
169
- color?: string | undefined;
170
- width?: number | undefined;
171
- };
172
- color?: string | undefined;
173
- };
174
- }>;
175
- declare const Group: ((props: IGroupProps) => React.FunctionComponentElement<React.PropsWithChildren<{
176
- border?: Record<string, any> | {
177
- color?: string | undefined;
178
- width?: number | undefined;
179
- } | undefined;
180
- color?: string | undefined;
181
- headerHeight?: number | undefined;
182
- hoverEnabled?: boolean | undefined;
183
- hoverStyle?: Record<string, any> | {
184
- border?: Record<string, any> | {
185
- color?: string | undefined;
186
- width?: number | undefined;
187
- } | undefined;
188
- color?: string | undefined;
189
- } | undefined;
190
- label?: Record<string, any> | {
191
- font?: ChartsFont | undefined;
192
- textOverflow?: TextOverflow | undefined;
193
- visible?: boolean | undefined;
194
- } | undefined;
195
- padding?: number | undefined;
196
- selectionStyle?: Record<string, any> | {
197
- border?: Record<string, any> | {
198
- color?: string | undefined;
199
- width?: number | undefined;
200
- } | undefined;
201
- color?: string | undefined;
202
- } | undefined;
203
- } & {
204
- children?: React.ReactNode;
205
- } & {
206
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
207
- }>>) & NestedComponentMeta;
208
- type IGroupLabelProps = React.PropsWithChildren<{
209
- font?: ChartsFont;
210
- textOverflow?: TextOverflow;
211
- visible?: boolean;
212
- }>;
213
- declare const GroupLabel: ((props: IGroupLabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
214
- font?: ChartsFont | undefined;
215
- textOverflow?: TextOverflow | undefined;
216
- visible?: boolean | undefined;
217
- } & {
218
- children?: React.ReactNode;
219
- } & {
220
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
221
- }>>) & NestedComponentMeta;
222
- type IHoverStyleProps = React.PropsWithChildren<{
223
- border?: Record<string, any> | {
224
- color?: string | undefined;
225
- width?: number | undefined;
226
- };
227
- color?: string | undefined;
228
- }>;
229
- declare const HoverStyle: ((props: IHoverStyleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
230
- border?: Record<string, any> | {
231
- color?: string | undefined;
232
- width?: number | undefined;
233
- } | undefined;
234
- color?: string | undefined;
235
- } & {
236
- children?: React.ReactNode;
237
- } & {
238
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
239
- }>>) & NestedComponentMeta;
240
- type ILabelProps = React.PropsWithChildren<{
241
- font?: ChartsFont;
242
- textOverflow?: TextOverflow;
243
- visible?: boolean;
244
- wordWrap?: WordWrap;
245
- }>;
246
- declare const Label: ((props: ILabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
247
- font?: ChartsFont | undefined;
248
- textOverflow?: TextOverflow | undefined;
249
- visible?: boolean | undefined;
250
- wordWrap?: WordWrap | undefined;
251
- } & {
252
- children?: React.ReactNode;
253
- } & {
254
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
255
- }>>) & NestedComponentMeta;
256
- type ILoadingIndicatorProps = React.PropsWithChildren<{
257
- backgroundColor?: string;
258
- enabled?: boolean;
259
- font?: ChartsFont;
260
- show?: boolean;
261
- text?: string;
262
- defaultShow?: boolean;
263
- onShowChange?: (value: boolean) => void;
264
- }>;
265
- declare const LoadingIndicator: ((props: ILoadingIndicatorProps) => React.FunctionComponentElement<React.PropsWithChildren<{
266
- backgroundColor?: string | undefined;
267
- enabled?: boolean | undefined;
268
- font?: ChartsFont | undefined;
269
- show?: boolean | undefined;
270
- text?: string | undefined;
271
- defaultShow?: boolean | undefined;
272
- onShowChange?: ((value: boolean) => void) | undefined;
273
- } & {
274
- children?: React.ReactNode;
275
- } & {
276
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
277
- }>>) & NestedComponentMeta;
278
- type IMarginProps = React.PropsWithChildren<{
279
- bottom?: number;
280
- left?: number;
281
- right?: number;
282
- top?: number;
283
- }>;
284
- declare const Margin: ((props: IMarginProps) => React.FunctionComponentElement<React.PropsWithChildren<{
285
- bottom?: number | undefined;
286
- left?: number | undefined;
287
- right?: number | undefined;
288
- top?: number | undefined;
289
- } & {
290
- children?: React.ReactNode;
291
- } & {
292
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
293
- }>>) & NestedComponentMeta;
294
- type ISelectionStyleProps = React.PropsWithChildren<{
295
- border?: Record<string, any> | {
296
- color?: string | undefined;
297
- width?: number | undefined;
298
- };
299
- color?: string | undefined;
300
- }>;
301
- declare const SelectionStyle: ((props: ISelectionStyleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
302
- border?: Record<string, any> | {
303
- color?: string | undefined;
304
- width?: number | undefined;
305
- } | undefined;
306
- color?: string | undefined;
307
- } & {
308
- children?: React.ReactNode;
309
- } & {
310
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
311
- }>>) & NestedComponentMeta;
312
- type IShadowProps = React.PropsWithChildren<{
313
- blur?: number;
314
- color?: string;
315
- offsetX?: number;
316
- offsetY?: number;
317
- opacity?: number;
318
- }>;
319
- declare const Shadow: ((props: IShadowProps) => React.FunctionComponentElement<React.PropsWithChildren<{
320
- blur?: number | undefined;
321
- color?: string | undefined;
322
- offsetX?: number | undefined;
323
- offsetY?: number | undefined;
324
- opacity?: number | undefined;
325
- } & {
326
- children?: React.ReactNode;
327
- } & {
328
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
329
- }>>) & NestedComponentMeta;
330
- type ISizeProps = React.PropsWithChildren<{
331
- height?: number | undefined;
332
- width?: number | undefined;
333
- }>;
334
- declare const Size: ((props: ISizeProps) => React.FunctionComponentElement<React.PropsWithChildren<{
335
- height?: number | undefined;
336
- width?: number | undefined;
337
- } & {
338
- children?: React.ReactNode;
339
- } & {
340
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
341
- }>>) & NestedComponentMeta;
342
- type ISubtitleProps = React.PropsWithChildren<{
343
- font?: ChartsFont;
344
- offset?: number;
345
- text?: string;
346
- textOverflow?: TextOverflow;
347
- wordWrap?: WordWrap;
348
- }>;
349
- declare const Subtitle: ((props: ISubtitleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
350
- font?: ChartsFont | undefined;
351
- offset?: number | undefined;
352
- text?: string | undefined;
353
- textOverflow?: TextOverflow | undefined;
354
- wordWrap?: WordWrap | undefined;
355
- } & {
356
- children?: React.ReactNode;
357
- } & {
358
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
359
- }>>) & NestedComponentMeta;
360
- type ITileProps = React.PropsWithChildren<{
361
- border?: Record<string, any> | {
362
- color?: string | undefined;
363
- width?: number | undefined;
364
- };
365
- color?: string;
366
- hoverStyle?: Record<string, any> | {
367
- border?: Record<string, any> | {
368
- color?: string | undefined;
369
- width?: number | undefined;
370
- };
371
- color?: string | undefined;
372
- };
373
- label?: Record<string, any> | {
374
- font?: ChartsFont;
375
- textOverflow?: TextOverflow;
376
- visible?: boolean;
377
- wordWrap?: WordWrap;
378
- };
379
- selectionStyle?: Record<string, any> | {
380
- border?: Record<string, any> | {
381
- color?: string | undefined;
382
- width?: number | undefined;
383
- };
384
- color?: string | undefined;
385
- };
386
- }>;
387
- declare const Tile: ((props: ITileProps) => React.FunctionComponentElement<React.PropsWithChildren<{
388
- border?: Record<string, any> | {
389
- color?: string | undefined;
390
- width?: number | undefined;
391
- } | undefined;
392
- color?: string | undefined;
393
- hoverStyle?: Record<string, any> | {
394
- border?: Record<string, any> | {
395
- color?: string | undefined;
396
- width?: number | undefined;
397
- } | undefined;
398
- color?: string | undefined;
399
- } | undefined;
400
- label?: Record<string, any> | {
401
- font?: ChartsFont | undefined;
402
- textOverflow?: TextOverflow | undefined;
403
- visible?: boolean | undefined;
404
- wordWrap?: WordWrap | undefined;
405
- } | undefined;
406
- selectionStyle?: Record<string, any> | {
407
- border?: Record<string, any> | {
408
- color?: string | undefined;
409
- width?: number | undefined;
410
- } | undefined;
411
- color?: string | undefined;
412
- } | undefined;
413
- } & {
414
- children?: React.ReactNode;
415
- } & {
416
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
417
- }>>) & NestedComponentMeta;
418
- type ITileLabelProps = React.PropsWithChildren<{
419
- font?: ChartsFont;
420
- textOverflow?: TextOverflow;
421
- visible?: boolean;
422
- wordWrap?: WordWrap;
423
- }>;
424
- declare const TileLabel: ((props: ITileLabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
425
- font?: ChartsFont | undefined;
426
- textOverflow?: TextOverflow | undefined;
427
- visible?: boolean | undefined;
428
- wordWrap?: WordWrap | undefined;
429
- } & {
430
- children?: React.ReactNode;
431
- } & {
432
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
433
- }>>) & NestedComponentMeta;
434
- type ITitleProps = React.PropsWithChildren<{
435
- font?: ChartsFont;
436
- horizontalAlignment?: HorizontalAlignment;
437
- margin?: number | Record<string, any> | {
438
- bottom?: number;
439
- left?: number;
440
- right?: number;
441
- top?: number;
442
- };
443
- placeholderSize?: number | undefined;
444
- subtitle?: Record<string, any> | string | {
445
- font?: ChartsFont;
446
- offset?: number;
447
- text?: string;
448
- textOverflow?: TextOverflow;
449
- wordWrap?: WordWrap;
450
- };
451
- text?: string;
452
- textOverflow?: TextOverflow;
453
- verticalAlignment?: VerticalEdge;
454
- wordWrap?: WordWrap;
455
- }>;
456
- declare const Title: ((props: ITitleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
457
- font?: ChartsFont | undefined;
458
- horizontalAlignment?: HorizontalAlignment | undefined;
459
- margin?: number | Record<string, any> | {
460
- bottom?: number | undefined;
461
- left?: number | undefined;
462
- right?: number | undefined;
463
- top?: number | undefined;
464
- } | undefined;
465
- placeholderSize?: number | undefined;
466
- subtitle?: string | Record<string, any> | {
467
- font?: ChartsFont | undefined;
468
- offset?: number | undefined;
469
- text?: string | undefined;
470
- textOverflow?: TextOverflow | undefined;
471
- wordWrap?: WordWrap | undefined;
472
- } | undefined;
473
- text?: string | undefined;
474
- textOverflow?: TextOverflow | undefined;
475
- verticalAlignment?: VerticalEdge | undefined;
476
- wordWrap?: WordWrap | undefined;
477
- } & {
478
- children?: React.ReactNode;
479
- } & {
480
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
481
- }>>) & NestedComponentMeta;
482
- type ITooltipProps = React.PropsWithChildren<{
483
- arrowLength?: number;
484
- border?: Record<string, any> | {
485
- color?: string;
486
- dashStyle?: DashStyle;
487
- opacity?: number | undefined;
488
- visible?: boolean;
489
- width?: number;
490
- };
491
- color?: string;
492
- container?: any | string | undefined;
493
- contentTemplate?: ((info: {
494
- node: dxTreeMapNode;
495
- value: number;
496
- valueText: string;
497
- }, element: any) => string | any) | template | undefined;
498
- cornerRadius?: number;
499
- customizeTooltip?: ((info: {
500
- node: dxTreeMapNode;
501
- value: number;
502
- valueText: string;
503
- }) => Record<string, any>) | undefined;
504
- enabled?: boolean;
505
- font?: ChartsFont;
506
- format?: LocalizationFormat | undefined;
507
- opacity?: number | undefined;
508
- paddingLeftRight?: number;
509
- paddingTopBottom?: number;
510
- shadow?: Record<string, any> | {
511
- blur?: number;
512
- color?: string;
513
- offsetX?: number;
514
- offsetY?: number;
515
- opacity?: number;
516
- };
517
- zIndex?: number | undefined;
518
- contentRender?: (...params: any) => React.ReactNode;
519
- contentComponent?: React.ComponentType<any>;
520
- }>;
521
- declare const Tooltip: ((props: ITooltipProps) => React.FunctionComponentElement<React.PropsWithChildren<{
522
- arrowLength?: number | undefined;
523
- border?: Record<string, any> | {
524
- color?: string | undefined;
525
- dashStyle?: DashStyle | undefined;
526
- opacity?: number | undefined;
527
- visible?: boolean | undefined;
528
- width?: number | undefined;
529
- } | undefined;
530
- color?: string | undefined;
531
- container?: any | string | undefined;
532
- contentTemplate?: template | ((info: {
533
- node: dxTreeMapNode;
534
- value: number;
535
- valueText: string;
536
- }, element: any) => string | any) | undefined;
537
- cornerRadius?: number | undefined;
538
- customizeTooltip?: ((info: {
539
- node: dxTreeMapNode;
540
- value: number;
541
- valueText: string;
542
- }) => Record<string, any>) | undefined;
543
- enabled?: boolean | undefined;
544
- font?: ChartsFont | undefined;
545
- format?: LocalizationFormat | undefined;
546
- opacity?: number | undefined;
547
- paddingLeftRight?: number | undefined;
548
- paddingTopBottom?: number | undefined;
549
- shadow?: Record<string, any> | {
550
- blur?: number | undefined;
551
- color?: string | undefined;
552
- offsetX?: number | undefined;
553
- offsetY?: number | undefined;
554
- opacity?: number | undefined;
555
- } | undefined;
556
- zIndex?: number | undefined;
557
- contentRender?: ((...params: any) => React.ReactNode) | undefined;
558
- contentComponent?: React.ComponentType<any> | undefined;
559
- } & {
560
- children?: React.ReactNode;
561
- } & {
562
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
563
- }>>) & NestedComponentMeta;
564
- type ITooltipBorderProps = React.PropsWithChildren<{
565
- color?: string;
566
- dashStyle?: DashStyle;
567
- opacity?: number | undefined;
568
- visible?: boolean;
569
- width?: number;
570
- }>;
571
- declare const TooltipBorder: ((props: ITooltipBorderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
572
- color?: string | undefined;
573
- dashStyle?: DashStyle | undefined;
574
- opacity?: number | undefined;
575
- visible?: boolean | undefined;
576
- width?: number | undefined;
577
- } & {
578
- children?: React.ReactNode;
579
- } & {
580
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
581
- }>>) & NestedComponentMeta;
582
- type ITreeMapborderProps = React.PropsWithChildren<{
583
- color?: string | undefined;
584
- width?: number | undefined;
585
- }>;
586
- declare const TreeMapborder: ((props: ITreeMapborderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
587
- color?: string | undefined;
588
- width?: number | undefined;
589
- } & {
590
- children?: React.ReactNode;
591
- } & {
592
- elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
593
- }>>) & NestedComponentMeta;
594
- export default TreeMap;
595
- export { TreeMap, ITreeMapOptions, TreeMapRef, Border, IBorderProps, Colorizer, IColorizerProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Group, IGroupProps, GroupLabel, IGroupLabelProps, HoverStyle, IHoverStyleProps, Label, ILabelProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, SelectionStyle, ISelectionStyleProps, Shadow, IShadowProps, Size, ISizeProps, Subtitle, ISubtitleProps, Tile, ITileProps, TileLabel, ITileLabelProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, TreeMapborder, ITreeMapborderProps };
596
- import type * as TreeMapTypes from 'devextreme/viz/tree_map_types';
597
- export { TreeMapTypes };
14
+ import * as React from "react";
15
+ import { Ref, ReactElement } from "react";
16
+ import dxTreeMap, { Properties } from "devextreme/viz/tree_map";
17
+ import { IHtmlOptions, NestedComponentMeta } from "./core/component";
18
+ import type { ClickEvent, DisposingEvent, DrawnEvent, DrillEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, NodesInitializedEvent, NodesRenderingEvent, TreeMapColorizerType, dxTreeMapNode } from "devextreme/viz/tree_map";
19
+ import type { DashStyle, Palette, PaletteExtensionMode, Font as ChartsFont, TextOverflow, WordWrap } from "devextreme/common/charts";
20
+ import type { ExportFormat, Format as CommonFormat, HorizontalAlignment, VerticalEdge, template } from "devextreme/common";
21
+ import type { Format as LocalizationFormat } from "devextreme/common/core/localization";
22
+ type ReplaceFieldTypes<TSource, TReplacement> = {
23
+ [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
24
+ };
25
+ type ITreeMapOptionsNarrowedEvents = {
26
+ onClick?: ((e: ClickEvent) => void);
27
+ onDisposing?: ((e: DisposingEvent) => void);
28
+ onDrawn?: ((e: DrawnEvent) => void);
29
+ onDrill?: ((e: DrillEvent) => void);
30
+ onExported?: ((e: ExportedEvent) => void);
31
+ onExporting?: ((e: ExportingEvent) => void);
32
+ onFileSaving?: ((e: FileSavingEvent) => void);
33
+ onIncidentOccurred?: ((e: IncidentOccurredEvent) => void);
34
+ onInitialized?: ((e: InitializedEvent) => void);
35
+ onNodesInitialized?: ((e: NodesInitializedEvent) => void);
36
+ onNodesRendering?: ((e: NodesRenderingEvent) => void);
37
+ };
38
+ type ITreeMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, ITreeMapOptionsNarrowedEvents> & IHtmlOptions & {
39
+ defaultLoadingIndicator?: Record<string, any>;
40
+ onLoadingIndicatorChange?: (value: Record<string, any>) => void;
41
+ }>;
42
+ interface TreeMapRef {
43
+ instance: () => dxTreeMap;
44
+ }
45
+ declare const TreeMap: (props: React.PropsWithChildren<ITreeMapOptions> & {
46
+ ref?: Ref<TreeMapRef>;
47
+ }) => ReactElement | null;
48
+ type IBorderProps = React.PropsWithChildren<{
49
+ color?: string | undefined;
50
+ width?: number | undefined;
51
+ dashStyle?: DashStyle;
52
+ opacity?: number | undefined;
53
+ visible?: boolean;
54
+ }>;
55
+ declare const Border: ((props: IBorderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
56
+ color?: string | undefined;
57
+ width?: number | undefined;
58
+ dashStyle?: DashStyle | undefined;
59
+ opacity?: number | undefined;
60
+ visible?: boolean | undefined;
61
+ } & {
62
+ children?: React.ReactNode;
63
+ } & {
64
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
65
+ }>>) & NestedComponentMeta;
66
+ type IColorizerProps = React.PropsWithChildren<{
67
+ colorCodeField?: string | undefined;
68
+ colorizeGroups?: boolean;
69
+ palette?: Array<string> | Palette;
70
+ paletteExtensionMode?: PaletteExtensionMode;
71
+ range?: Array<number>;
72
+ type?: TreeMapColorizerType | undefined;
73
+ }>;
74
+ declare const Colorizer: ((props: IColorizerProps) => React.FunctionComponentElement<React.PropsWithChildren<{
75
+ colorCodeField?: string | undefined;
76
+ colorizeGroups?: boolean | undefined;
77
+ palette?: string[] | Palette | undefined;
78
+ paletteExtensionMode?: PaletteExtensionMode | undefined;
79
+ range?: number[] | undefined;
80
+ type?: TreeMapColorizerType | undefined;
81
+ } & {
82
+ children?: React.ReactNode;
83
+ } & {
84
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
85
+ }>>) & NestedComponentMeta;
86
+ type IExportProps = React.PropsWithChildren<{
87
+ backgroundColor?: string;
88
+ enabled?: boolean;
89
+ fileName?: string;
90
+ formats?: Array<ExportFormat>;
91
+ margin?: number;
92
+ printingEnabled?: boolean;
93
+ svgToCanvas?: ((svg: any, canvas: any) => any) | undefined;
94
+ }>;
95
+ declare const Export: ((props: IExportProps) => React.FunctionComponentElement<React.PropsWithChildren<{
96
+ backgroundColor?: string | undefined;
97
+ enabled?: boolean | undefined;
98
+ fileName?: string | undefined;
99
+ formats?: ExportFormat[] | undefined;
100
+ margin?: number | undefined;
101
+ printingEnabled?: boolean | undefined;
102
+ svgToCanvas?: ((svg: any, canvas: any) => any) | undefined;
103
+ } & {
104
+ children?: React.ReactNode;
105
+ } & {
106
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
107
+ }>>) & NestedComponentMeta;
108
+ type IFontProps = React.PropsWithChildren<{
109
+ color?: string;
110
+ family?: string;
111
+ opacity?: number;
112
+ size?: number | string;
113
+ weight?: number;
114
+ }>;
115
+ declare const Font: ((props: IFontProps) => React.FunctionComponentElement<React.PropsWithChildren<{
116
+ color?: string | undefined;
117
+ family?: string | undefined;
118
+ opacity?: number | undefined;
119
+ size?: string | number | undefined;
120
+ weight?: number | undefined;
121
+ } & {
122
+ children?: React.ReactNode;
123
+ } & {
124
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
125
+ }>>) & NestedComponentMeta;
126
+ type IFormatProps = React.PropsWithChildren<{
127
+ currency?: string;
128
+ formatter?: ((value: number | Date) => string);
129
+ parser?: ((value: string) => number | Date);
130
+ precision?: number;
131
+ type?: CommonFormat | string;
132
+ useCurrencyAccountingStyle?: boolean;
133
+ }>;
134
+ declare const Format: ((props: IFormatProps) => React.FunctionComponentElement<React.PropsWithChildren<{
135
+ currency?: string | undefined;
136
+ formatter?: ((value: number | Date) => string) | undefined;
137
+ parser?: ((value: string) => number | Date) | undefined;
138
+ precision?: number | undefined;
139
+ type?: string | undefined;
140
+ useCurrencyAccountingStyle?: boolean | undefined;
141
+ } & {
142
+ children?: React.ReactNode;
143
+ } & {
144
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
145
+ }>>) & NestedComponentMeta;
146
+ type IGroupProps = React.PropsWithChildren<{
147
+ border?: Record<string, any> | {
148
+ color?: string | undefined;
149
+ width?: number | undefined;
150
+ };
151
+ color?: string;
152
+ headerHeight?: number | undefined;
153
+ hoverEnabled?: boolean | undefined;
154
+ hoverStyle?: Record<string, any> | {
155
+ border?: Record<string, any> | {
156
+ color?: string | undefined;
157
+ width?: number | undefined;
158
+ };
159
+ color?: string | undefined;
160
+ };
161
+ label?: Record<string, any> | {
162
+ font?: ChartsFont;
163
+ textOverflow?: TextOverflow;
164
+ visible?: boolean;
165
+ };
166
+ padding?: number;
167
+ selectionStyle?: Record<string, any> | {
168
+ border?: Record<string, any> | {
169
+ color?: string | undefined;
170
+ width?: number | undefined;
171
+ };
172
+ color?: string | undefined;
173
+ };
174
+ }>;
175
+ declare const Group: ((props: IGroupProps) => React.FunctionComponentElement<React.PropsWithChildren<{
176
+ border?: Record<string, any> | {
177
+ color?: string | undefined;
178
+ width?: number | undefined;
179
+ } | undefined;
180
+ color?: string | undefined;
181
+ headerHeight?: number | undefined;
182
+ hoverEnabled?: boolean | undefined;
183
+ hoverStyle?: Record<string, any> | {
184
+ border?: Record<string, any> | {
185
+ color?: string | undefined;
186
+ width?: number | undefined;
187
+ } | undefined;
188
+ color?: string | undefined;
189
+ } | undefined;
190
+ label?: Record<string, any> | {
191
+ font?: ChartsFont | undefined;
192
+ textOverflow?: TextOverflow | undefined;
193
+ visible?: boolean | undefined;
194
+ } | undefined;
195
+ padding?: number | undefined;
196
+ selectionStyle?: Record<string, any> | {
197
+ border?: Record<string, any> | {
198
+ color?: string | undefined;
199
+ width?: number | undefined;
200
+ } | undefined;
201
+ color?: string | undefined;
202
+ } | undefined;
203
+ } & {
204
+ children?: React.ReactNode;
205
+ } & {
206
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
207
+ }>>) & NestedComponentMeta;
208
+ type IGroupLabelProps = React.PropsWithChildren<{
209
+ font?: ChartsFont;
210
+ textOverflow?: TextOverflow;
211
+ visible?: boolean;
212
+ }>;
213
+ declare const GroupLabel: ((props: IGroupLabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
214
+ font?: ChartsFont | undefined;
215
+ textOverflow?: TextOverflow | undefined;
216
+ visible?: boolean | undefined;
217
+ } & {
218
+ children?: React.ReactNode;
219
+ } & {
220
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
221
+ }>>) & NestedComponentMeta;
222
+ type IHoverStyleProps = React.PropsWithChildren<{
223
+ border?: Record<string, any> | {
224
+ color?: string | undefined;
225
+ width?: number | undefined;
226
+ };
227
+ color?: string | undefined;
228
+ }>;
229
+ declare const HoverStyle: ((props: IHoverStyleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
230
+ border?: Record<string, any> | {
231
+ color?: string | undefined;
232
+ width?: number | undefined;
233
+ } | undefined;
234
+ color?: string | undefined;
235
+ } & {
236
+ children?: React.ReactNode;
237
+ } & {
238
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
239
+ }>>) & NestedComponentMeta;
240
+ type ILabelProps = React.PropsWithChildren<{
241
+ font?: ChartsFont;
242
+ textOverflow?: TextOverflow;
243
+ visible?: boolean;
244
+ wordWrap?: WordWrap;
245
+ }>;
246
+ declare const Label: ((props: ILabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
247
+ font?: ChartsFont | undefined;
248
+ textOverflow?: TextOverflow | undefined;
249
+ visible?: boolean | undefined;
250
+ wordWrap?: WordWrap | undefined;
251
+ } & {
252
+ children?: React.ReactNode;
253
+ } & {
254
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
255
+ }>>) & NestedComponentMeta;
256
+ type ILoadingIndicatorProps = React.PropsWithChildren<{
257
+ backgroundColor?: string;
258
+ enabled?: boolean;
259
+ font?: ChartsFont;
260
+ show?: boolean;
261
+ text?: string;
262
+ defaultShow?: boolean;
263
+ onShowChange?: (value: boolean) => void;
264
+ }>;
265
+ declare const LoadingIndicator: ((props: ILoadingIndicatorProps) => React.FunctionComponentElement<React.PropsWithChildren<{
266
+ backgroundColor?: string | undefined;
267
+ enabled?: boolean | undefined;
268
+ font?: ChartsFont | undefined;
269
+ show?: boolean | undefined;
270
+ text?: string | undefined;
271
+ defaultShow?: boolean | undefined;
272
+ onShowChange?: ((value: boolean) => void) | undefined;
273
+ } & {
274
+ children?: React.ReactNode;
275
+ } & {
276
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
277
+ }>>) & NestedComponentMeta;
278
+ type IMarginProps = React.PropsWithChildren<{
279
+ bottom?: number;
280
+ left?: number;
281
+ right?: number;
282
+ top?: number;
283
+ }>;
284
+ declare const Margin: ((props: IMarginProps) => React.FunctionComponentElement<React.PropsWithChildren<{
285
+ bottom?: number | undefined;
286
+ left?: number | undefined;
287
+ right?: number | undefined;
288
+ top?: number | undefined;
289
+ } & {
290
+ children?: React.ReactNode;
291
+ } & {
292
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
293
+ }>>) & NestedComponentMeta;
294
+ type ISelectionStyleProps = React.PropsWithChildren<{
295
+ border?: Record<string, any> | {
296
+ color?: string | undefined;
297
+ width?: number | undefined;
298
+ };
299
+ color?: string | undefined;
300
+ }>;
301
+ declare const SelectionStyle: ((props: ISelectionStyleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
302
+ border?: Record<string, any> | {
303
+ color?: string | undefined;
304
+ width?: number | undefined;
305
+ } | undefined;
306
+ color?: string | undefined;
307
+ } & {
308
+ children?: React.ReactNode;
309
+ } & {
310
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
311
+ }>>) & NestedComponentMeta;
312
+ type IShadowProps = React.PropsWithChildren<{
313
+ blur?: number;
314
+ color?: string;
315
+ offsetX?: number;
316
+ offsetY?: number;
317
+ opacity?: number;
318
+ }>;
319
+ declare const Shadow: ((props: IShadowProps) => React.FunctionComponentElement<React.PropsWithChildren<{
320
+ blur?: number | undefined;
321
+ color?: string | undefined;
322
+ offsetX?: number | undefined;
323
+ offsetY?: number | undefined;
324
+ opacity?: number | undefined;
325
+ } & {
326
+ children?: React.ReactNode;
327
+ } & {
328
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
329
+ }>>) & NestedComponentMeta;
330
+ type ISizeProps = React.PropsWithChildren<{
331
+ height?: number | undefined;
332
+ width?: number | undefined;
333
+ }>;
334
+ declare const Size: ((props: ISizeProps) => React.FunctionComponentElement<React.PropsWithChildren<{
335
+ height?: number | undefined;
336
+ width?: number | undefined;
337
+ } & {
338
+ children?: React.ReactNode;
339
+ } & {
340
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
341
+ }>>) & NestedComponentMeta;
342
+ type ISubtitleProps = React.PropsWithChildren<{
343
+ font?: ChartsFont;
344
+ offset?: number;
345
+ text?: string;
346
+ textOverflow?: TextOverflow;
347
+ wordWrap?: WordWrap;
348
+ }>;
349
+ declare const Subtitle: ((props: ISubtitleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
350
+ font?: ChartsFont | undefined;
351
+ offset?: number | undefined;
352
+ text?: string | undefined;
353
+ textOverflow?: TextOverflow | undefined;
354
+ wordWrap?: WordWrap | undefined;
355
+ } & {
356
+ children?: React.ReactNode;
357
+ } & {
358
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
359
+ }>>) & NestedComponentMeta;
360
+ type ITileProps = React.PropsWithChildren<{
361
+ border?: Record<string, any> | {
362
+ color?: string | undefined;
363
+ width?: number | undefined;
364
+ };
365
+ color?: string;
366
+ hoverStyle?: Record<string, any> | {
367
+ border?: Record<string, any> | {
368
+ color?: string | undefined;
369
+ width?: number | undefined;
370
+ };
371
+ color?: string | undefined;
372
+ };
373
+ label?: Record<string, any> | {
374
+ font?: ChartsFont;
375
+ textOverflow?: TextOverflow;
376
+ visible?: boolean;
377
+ wordWrap?: WordWrap;
378
+ };
379
+ selectionStyle?: Record<string, any> | {
380
+ border?: Record<string, any> | {
381
+ color?: string | undefined;
382
+ width?: number | undefined;
383
+ };
384
+ color?: string | undefined;
385
+ };
386
+ }>;
387
+ declare const Tile: ((props: ITileProps) => React.FunctionComponentElement<React.PropsWithChildren<{
388
+ border?: Record<string, any> | {
389
+ color?: string | undefined;
390
+ width?: number | undefined;
391
+ } | undefined;
392
+ color?: string | undefined;
393
+ hoverStyle?: Record<string, any> | {
394
+ border?: Record<string, any> | {
395
+ color?: string | undefined;
396
+ width?: number | undefined;
397
+ } | undefined;
398
+ color?: string | undefined;
399
+ } | undefined;
400
+ label?: Record<string, any> | {
401
+ font?: ChartsFont | undefined;
402
+ textOverflow?: TextOverflow | undefined;
403
+ visible?: boolean | undefined;
404
+ wordWrap?: WordWrap | undefined;
405
+ } | undefined;
406
+ selectionStyle?: Record<string, any> | {
407
+ border?: Record<string, any> | {
408
+ color?: string | undefined;
409
+ width?: number | undefined;
410
+ } | undefined;
411
+ color?: string | undefined;
412
+ } | undefined;
413
+ } & {
414
+ children?: React.ReactNode;
415
+ } & {
416
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
417
+ }>>) & NestedComponentMeta;
418
+ type ITileLabelProps = React.PropsWithChildren<{
419
+ font?: ChartsFont;
420
+ textOverflow?: TextOverflow;
421
+ visible?: boolean;
422
+ wordWrap?: WordWrap;
423
+ }>;
424
+ declare const TileLabel: ((props: ITileLabelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
425
+ font?: ChartsFont | undefined;
426
+ textOverflow?: TextOverflow | undefined;
427
+ visible?: boolean | undefined;
428
+ wordWrap?: WordWrap | undefined;
429
+ } & {
430
+ children?: React.ReactNode;
431
+ } & {
432
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
433
+ }>>) & NestedComponentMeta;
434
+ type ITitleProps = React.PropsWithChildren<{
435
+ font?: ChartsFont;
436
+ horizontalAlignment?: HorizontalAlignment;
437
+ margin?: number | Record<string, any> | {
438
+ bottom?: number;
439
+ left?: number;
440
+ right?: number;
441
+ top?: number;
442
+ };
443
+ placeholderSize?: number | undefined;
444
+ subtitle?: Record<string, any> | string | {
445
+ font?: ChartsFont;
446
+ offset?: number;
447
+ text?: string;
448
+ textOverflow?: TextOverflow;
449
+ wordWrap?: WordWrap;
450
+ };
451
+ text?: string;
452
+ textOverflow?: TextOverflow;
453
+ verticalAlignment?: VerticalEdge;
454
+ wordWrap?: WordWrap;
455
+ }>;
456
+ declare const Title: ((props: ITitleProps) => React.FunctionComponentElement<React.PropsWithChildren<{
457
+ font?: ChartsFont | undefined;
458
+ horizontalAlignment?: HorizontalAlignment | undefined;
459
+ margin?: number | Record<string, any> | {
460
+ bottom?: number | undefined;
461
+ left?: number | undefined;
462
+ right?: number | undefined;
463
+ top?: number | undefined;
464
+ } | undefined;
465
+ placeholderSize?: number | undefined;
466
+ subtitle?: string | Record<string, any> | {
467
+ font?: ChartsFont | undefined;
468
+ offset?: number | undefined;
469
+ text?: string | undefined;
470
+ textOverflow?: TextOverflow | undefined;
471
+ wordWrap?: WordWrap | undefined;
472
+ } | undefined;
473
+ text?: string | undefined;
474
+ textOverflow?: TextOverflow | undefined;
475
+ verticalAlignment?: VerticalEdge | undefined;
476
+ wordWrap?: WordWrap | undefined;
477
+ } & {
478
+ children?: React.ReactNode;
479
+ } & {
480
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
481
+ }>>) & NestedComponentMeta;
482
+ type ITooltipProps = React.PropsWithChildren<{
483
+ arrowLength?: number;
484
+ border?: Record<string, any> | {
485
+ color?: string;
486
+ dashStyle?: DashStyle;
487
+ opacity?: number | undefined;
488
+ visible?: boolean;
489
+ width?: number;
490
+ };
491
+ color?: string;
492
+ container?: any | string | undefined;
493
+ contentTemplate?: ((info: {
494
+ node: dxTreeMapNode;
495
+ value: number;
496
+ valueText: string;
497
+ }, element: any) => string | any) | template | undefined;
498
+ cornerRadius?: number;
499
+ customizeTooltip?: ((info: {
500
+ node: dxTreeMapNode;
501
+ value: number;
502
+ valueText: string;
503
+ }) => Record<string, any>) | undefined;
504
+ enabled?: boolean;
505
+ font?: ChartsFont;
506
+ format?: LocalizationFormat | undefined;
507
+ opacity?: number | undefined;
508
+ paddingLeftRight?: number;
509
+ paddingTopBottom?: number;
510
+ shadow?: Record<string, any> | {
511
+ blur?: number;
512
+ color?: string;
513
+ offsetX?: number;
514
+ offsetY?: number;
515
+ opacity?: number;
516
+ };
517
+ zIndex?: number | undefined;
518
+ contentRender?: (...params: any) => React.ReactNode;
519
+ contentComponent?: React.ComponentType<any>;
520
+ }>;
521
+ declare const Tooltip: ((props: ITooltipProps) => React.FunctionComponentElement<React.PropsWithChildren<{
522
+ arrowLength?: number | undefined;
523
+ border?: Record<string, any> | {
524
+ color?: string | undefined;
525
+ dashStyle?: DashStyle | undefined;
526
+ opacity?: number | undefined;
527
+ visible?: boolean | undefined;
528
+ width?: number | undefined;
529
+ } | undefined;
530
+ color?: string | undefined;
531
+ container?: any | string | undefined;
532
+ contentTemplate?: template | ((info: {
533
+ node: dxTreeMapNode;
534
+ value: number;
535
+ valueText: string;
536
+ }, element: any) => string | any) | undefined;
537
+ cornerRadius?: number | undefined;
538
+ customizeTooltip?: ((info: {
539
+ node: dxTreeMapNode;
540
+ value: number;
541
+ valueText: string;
542
+ }) => Record<string, any>) | undefined;
543
+ enabled?: boolean | undefined;
544
+ font?: ChartsFont | undefined;
545
+ format?: LocalizationFormat | undefined;
546
+ opacity?: number | undefined;
547
+ paddingLeftRight?: number | undefined;
548
+ paddingTopBottom?: number | undefined;
549
+ shadow?: Record<string, any> | {
550
+ blur?: number | undefined;
551
+ color?: string | undefined;
552
+ offsetX?: number | undefined;
553
+ offsetY?: number | undefined;
554
+ opacity?: number | undefined;
555
+ } | undefined;
556
+ zIndex?: number | undefined;
557
+ contentRender?: ((...params: any) => React.ReactNode) | undefined;
558
+ contentComponent?: React.ComponentType<any> | undefined;
559
+ } & {
560
+ children?: React.ReactNode;
561
+ } & {
562
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
563
+ }>>) & NestedComponentMeta;
564
+ type ITooltipBorderProps = React.PropsWithChildren<{
565
+ color?: string;
566
+ dashStyle?: DashStyle;
567
+ opacity?: number | undefined;
568
+ visible?: boolean;
569
+ width?: number;
570
+ }>;
571
+ declare const TooltipBorder: ((props: ITooltipBorderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
572
+ color?: string | undefined;
573
+ dashStyle?: DashStyle | undefined;
574
+ opacity?: number | undefined;
575
+ visible?: boolean | undefined;
576
+ width?: number | undefined;
577
+ } & {
578
+ children?: React.ReactNode;
579
+ } & {
580
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
581
+ }>>) & NestedComponentMeta;
582
+ type ITreeMapborderProps = React.PropsWithChildren<{
583
+ color?: string | undefined;
584
+ width?: number | undefined;
585
+ }>;
586
+ declare const TreeMapborder: ((props: ITreeMapborderProps) => React.FunctionComponentElement<React.PropsWithChildren<{
587
+ color?: string | undefined;
588
+ width?: number | undefined;
589
+ } & {
590
+ children?: React.ReactNode;
591
+ } & {
592
+ elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
593
+ }>>) & NestedComponentMeta;
594
+ export default TreeMap;
595
+ export { TreeMap, ITreeMapOptions, TreeMapRef, Border, IBorderProps, Colorizer, IColorizerProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Group, IGroupProps, GroupLabel, IGroupLabelProps, HoverStyle, IHoverStyleProps, Label, ILabelProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, SelectionStyle, ISelectionStyleProps, Shadow, IShadowProps, Size, ISizeProps, Subtitle, ISubtitleProps, Tile, ITileProps, TileLabel, ITileLabelProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, TreeMapborder, ITreeMapborderProps };
596
+ import type * as TreeMapTypes from 'devextreme/viz/tree_map_types';
597
+ export { TreeMapTypes };