devextreme-react 24.1.2-beta → 24.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 (312) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +23 -23
  3. package/cjs/accordion.d.ts +3 -3
  4. package/cjs/accordion.js +34 -37
  5. package/cjs/action-sheet.d.ts +3 -3
  6. package/cjs/action-sheet.js +34 -37
  7. package/cjs/autocomplete.d.ts +2 -2
  8. package/cjs/autocomplete.js +79 -82
  9. package/cjs/bar-gauge.d.ts +2 -2
  10. package/cjs/bar-gauge.js +97 -100
  11. package/cjs/box.d.ts +3 -3
  12. package/cjs/box.js +34 -37
  13. package/cjs/bullet.d.ts +2 -2
  14. package/cjs/bullet.js +44 -50
  15. package/cjs/button-group.d.ts +2 -2
  16. package/cjs/button-group.js +34 -37
  17. package/cjs/button.d.ts +2 -2
  18. package/cjs/button.js +22 -28
  19. package/cjs/calendar.d.ts +2 -2
  20. package/cjs/calendar.js +27 -31
  21. package/cjs/chart.d.ts +2 -2
  22. package/cjs/chart.js +305 -308
  23. package/cjs/check-box.d.ts +2 -2
  24. package/cjs/check-box.js +24 -29
  25. package/cjs/circular-gauge.d.ts +2 -2
  26. package/cjs/circular-gauge.js +103 -106
  27. package/cjs/color-box.d.ts +2 -2
  28. package/cjs/color-box.js +76 -79
  29. package/cjs/common/charts.d.ts +2 -2
  30. package/cjs/common/charts.js +2 -2
  31. package/cjs/common/data/custom-store.d.ts +2 -2
  32. package/cjs/common/data/custom-store.js +2 -2
  33. package/cjs/common/grids.d.ts +2 -2
  34. package/cjs/common/grids.js +2 -2
  35. package/cjs/common/index.d.ts +2 -2
  36. package/cjs/common/index.js +2 -2
  37. package/cjs/context-menu.d.ts +3 -3
  38. package/cjs/context-menu.js +76 -79
  39. package/cjs/core/component-base.d.ts +2 -2
  40. package/cjs/core/component-base.js +107 -141
  41. package/cjs/core/component.d.ts +2 -2
  42. package/cjs/core/component.js +29 -43
  43. package/cjs/core/config.d.ts +2 -2
  44. package/cjs/core/config.js +4 -15
  45. package/cjs/core/configuration/comparer.d.ts +2 -2
  46. package/cjs/core/configuration/comparer.js +27 -27
  47. package/cjs/core/configuration/config-node.d.ts +2 -2
  48. package/cjs/core/configuration/config-node.js +2 -2
  49. package/cjs/core/configuration/react/element.d.ts +2 -3
  50. package/cjs/core/configuration/react/element.js +10 -10
  51. package/cjs/core/configuration/react/templates.d.ts +2 -2
  52. package/cjs/core/configuration/react/templates.js +2 -2
  53. package/cjs/core/configuration/react/tree.d.ts +2 -2
  54. package/cjs/core/configuration/react/tree.js +33 -40
  55. package/cjs/core/configuration/tree.d.ts +2 -2
  56. package/cjs/core/configuration/tree.js +24 -24
  57. package/cjs/core/configuration/utils.d.ts +2 -2
  58. package/cjs/core/configuration/utils.js +12 -17
  59. package/cjs/core/extension-component.d.ts +2 -2
  60. package/cjs/core/extension-component.js +20 -35
  61. package/cjs/core/helpers.d.ts +2 -3
  62. package/cjs/core/helpers.js +30 -161
  63. package/cjs/core/nested-option.d.ts +2 -2
  64. package/cjs/core/nested-option.js +8 -8
  65. package/cjs/core/options-manager.d.ts +2 -2
  66. package/cjs/core/options-manager.js +85 -128
  67. package/cjs/core/template-manager.d.ts +2 -2
  68. package/cjs/core/template-manager.js +51 -82
  69. package/cjs/core/template-wrapper.d.ts +2 -2
  70. package/cjs/core/template-wrapper.js +32 -49
  71. package/cjs/core/template.d.ts +2 -2
  72. package/cjs/core/template.js +4 -4
  73. package/cjs/core/types.d.ts +2 -2
  74. package/cjs/core/types.js +2 -2
  75. package/cjs/core/widget-config.d.ts +2 -2
  76. package/cjs/core/widget-config.js +21 -22
  77. package/cjs/data-grid.d.ts +3 -3
  78. package/cjs/data-grid.js +290 -292
  79. package/cjs/date-box.d.ts +2 -2
  80. package/cjs/date-box.js +83 -85
  81. package/cjs/date-range-box.d.ts +2 -2
  82. package/cjs/date-range-box.js +82 -85
  83. package/cjs/defer-rendering.d.ts +2 -2
  84. package/cjs/defer-rendering.js +50 -56
  85. package/cjs/diagram.d.ts +16 -16
  86. package/cjs/diagram.js +109 -112
  87. package/cjs/draggable.d.ts +2 -2
  88. package/cjs/draggable.js +29 -34
  89. package/cjs/drawer.d.ts +2 -2
  90. package/cjs/drawer.js +27 -31
  91. package/cjs/drop-down-box.d.ts +2 -2
  92. package/cjs/drop-down-box.js +76 -79
  93. package/cjs/drop-down-button.d.ts +2 -2
  94. package/cjs/drop-down-button.js +68 -73
  95. package/cjs/file-manager.d.ts +2 -2
  96. package/cjs/file-manager.js +59 -65
  97. package/cjs/file-uploader.d.ts +2 -2
  98. package/cjs/file-uploader.js +24 -29
  99. package/cjs/filter-builder.d.ts +2 -2
  100. package/cjs/filter-builder.js +47 -50
  101. package/cjs/form.d.ts +2 -2
  102. package/cjs/form.js +94 -98
  103. package/cjs/funnel.d.ts +2 -2
  104. package/cjs/funnel.js +109 -113
  105. package/cjs/gallery.d.ts +3 -3
  106. package/cjs/gallery.js +34 -37
  107. package/cjs/gantt.d.ts +2 -2
  108. package/cjs/gantt.js +101 -106
  109. package/cjs/html-editor.d.ts +2 -2
  110. package/cjs/html-editor.js +64 -68
  111. package/cjs/index.d.ts +2 -2
  112. package/cjs/index.js +2 -2
  113. package/cjs/linear-gauge.d.ts +2 -2
  114. package/cjs/linear-gauge.js +103 -107
  115. package/cjs/list.d.ts +3 -3
  116. package/cjs/list.js +52 -55
  117. package/cjs/load-indicator.d.ts +2 -2
  118. package/cjs/load-indicator.js +19 -26
  119. package/cjs/load-panel.d.ts +2 -2
  120. package/cjs/load-panel.js +62 -65
  121. package/cjs/lookup.d.ts +2 -2
  122. package/cjs/lookup.js +79 -82
  123. package/cjs/map.d.ts +2 -2
  124. package/cjs/map.js +46 -50
  125. package/cjs/menu.d.ts +3 -3
  126. package/cjs/menu.js +76 -79
  127. package/cjs/multi-view.d.ts +3 -3
  128. package/cjs/multi-view.js +34 -37
  129. package/cjs/number-box.d.ts +2 -2
  130. package/cjs/number-box.js +37 -41
  131. package/cjs/pie-chart.d.ts +2 -2
  132. package/cjs/pie-chart.js +136 -139
  133. package/cjs/pivot-grid-field-chooser.d.ts +2 -2
  134. package/cjs/pivot-grid-field-chooser.js +38 -44
  135. package/cjs/pivot-grid.d.ts +2 -2
  136. package/cjs/pivot-grid.js +62 -68
  137. package/cjs/polar-chart.d.ts +2 -2
  138. package/cjs/polar-chart.js +238 -242
  139. package/cjs/popover.d.ts +2 -2
  140. package/cjs/popover.js +74 -76
  141. package/cjs/popup.d.ts +2 -2
  142. package/cjs/popup.js +68 -70
  143. package/cjs/progress-bar.d.ts +2 -2
  144. package/cjs/progress-bar.js +24 -29
  145. package/cjs/radio-group.d.ts +2 -2
  146. package/cjs/radio-group.js +34 -37
  147. package/cjs/range-selector.d.ts +2 -2
  148. package/cjs/range-selector.js +208 -212
  149. package/cjs/range-slider.d.ts +2 -2
  150. package/cjs/range-slider.js +37 -41
  151. package/cjs/recurrence-editor.d.ts +2 -2
  152. package/cjs/recurrence-editor.js +24 -29
  153. package/cjs/resizable.d.ts +2 -2
  154. package/cjs/resizable.js +24 -29
  155. package/cjs/responsive-box.d.ts +3 -3
  156. package/cjs/responsive-box.js +43 -46
  157. package/cjs/sankey.d.ts +2 -2
  158. package/cjs/sankey.js +85 -89
  159. package/cjs/scheduler.d.ts +2 -2
  160. package/cjs/scheduler.js +46 -49
  161. package/cjs/scroll-view.d.ts +2 -2
  162. package/cjs/scroll-view.js +19 -26
  163. package/cjs/select-box.d.ts +2 -2
  164. package/cjs/select-box.js +79 -82
  165. package/cjs/slider.d.ts +2 -2
  166. package/cjs/slider.js +37 -41
  167. package/cjs/sortable.d.ts +2 -2
  168. package/cjs/sortable.js +29 -34
  169. package/cjs/sparkline.d.ts +2 -2
  170. package/cjs/sparkline.js +44 -50
  171. package/cjs/speed-dial-action.d.ts +2 -2
  172. package/cjs/speed-dial-action.js +19 -26
  173. package/cjs/splitter.d.ts +6 -6
  174. package/cjs/splitter.js +34 -37
  175. package/cjs/switch.d.ts +2 -2
  176. package/cjs/switch.js +24 -29
  177. package/cjs/tab-panel.d.ts +3 -3
  178. package/cjs/tab-panel.js +34 -37
  179. package/cjs/tabs.d.ts +3 -3
  180. package/cjs/tabs.js +34 -37
  181. package/cjs/tag-box.d.ts +2 -2
  182. package/cjs/tag-box.js +79 -82
  183. package/cjs/text-area.d.ts +2 -2
  184. package/cjs/text-area.js +24 -29
  185. package/cjs/text-box.d.ts +2 -2
  186. package/cjs/text-box.js +34 -38
  187. package/cjs/tile-view.d.ts +3 -3
  188. package/cjs/tile-view.js +34 -37
  189. package/cjs/toast.d.ts +2 -2
  190. package/cjs/toast.js +65 -67
  191. package/cjs/toolbar.d.ts +3 -3
  192. package/cjs/toolbar.js +34 -37
  193. package/cjs/tooltip.d.ts +2 -2
  194. package/cjs/tooltip.js +71 -73
  195. package/cjs/tree-list.d.ts +3 -3
  196. package/cjs/tree-list.js +250 -254
  197. package/cjs/tree-map.d.ts +2 -2
  198. package/cjs/tree-map.js +91 -95
  199. package/cjs/tree-view.d.ts +3 -3
  200. package/cjs/tree-view.js +43 -46
  201. package/cjs/validation-group.d.ts +2 -2
  202. package/cjs/validation-group.js +19 -26
  203. package/cjs/validation-summary.d.ts +3 -3
  204. package/cjs/validation-summary.js +34 -37
  205. package/cjs/validator.d.ts +2 -2
  206. package/cjs/validator.js +57 -63
  207. package/cjs/vector-map.d.ts +2 -2
  208. package/cjs/vector-map.js +106 -110
  209. package/esm/accordion.js +29 -32
  210. package/esm/action-sheet.js +29 -32
  211. package/esm/autocomplete.js +74 -77
  212. package/esm/bar-gauge.js +92 -95
  213. package/esm/box.js +29 -32
  214. package/esm/bullet.js +39 -45
  215. package/esm/button-group.js +29 -32
  216. package/esm/button.js +18 -24
  217. package/esm/calendar.js +23 -27
  218. package/esm/chart.js +300 -303
  219. package/esm/check-box.js +20 -25
  220. package/esm/circular-gauge.js +98 -101
  221. package/esm/color-box.js +71 -74
  222. package/esm/common/charts.js +2 -2
  223. package/esm/common/data/custom-store.js +2 -2
  224. package/esm/common/grids.js +2 -2
  225. package/esm/common/index.js +2 -2
  226. package/esm/context-menu.js +71 -74
  227. package/esm/core/component-base.js +94 -131
  228. package/esm/core/component.js +25 -39
  229. package/esm/core/config.js +4 -15
  230. package/esm/core/configuration/comparer.js +25 -25
  231. package/esm/core/configuration/config-node.js +2 -2
  232. package/esm/core/configuration/react/element.js +9 -9
  233. package/esm/core/configuration/react/templates.js +2 -2
  234. package/esm/core/configuration/react/tree.js +28 -35
  235. package/esm/core/configuration/tree.js +23 -23
  236. package/esm/core/configuration/utils.js +12 -17
  237. package/esm/core/extension-component.js +17 -32
  238. package/esm/core/helpers.js +30 -163
  239. package/esm/core/nested-option.js +6 -6
  240. package/esm/core/options-manager.js +81 -124
  241. package/esm/core/template-manager.js +44 -75
  242. package/esm/core/template-wrapper.js +27 -44
  243. package/esm/core/template.js +3 -3
  244. package/esm/core/types.js +2 -2
  245. package/esm/core/widget-config.js +21 -22
  246. package/esm/data-grid.js +285 -287
  247. package/esm/date-box.js +78 -80
  248. package/esm/date-range-box.js +77 -80
  249. package/esm/defer-rendering.js +45 -51
  250. package/esm/diagram.js +104 -107
  251. package/esm/draggable.js +24 -29
  252. package/esm/drawer.js +23 -27
  253. package/esm/drop-down-box.js +71 -74
  254. package/esm/drop-down-button.js +63 -68
  255. package/esm/file-manager.js +54 -60
  256. package/esm/file-uploader.js +20 -25
  257. package/esm/filter-builder.js +42 -45
  258. package/esm/form.js +89 -93
  259. package/esm/funnel.js +104 -108
  260. package/esm/gallery.js +29 -32
  261. package/esm/gantt.js +96 -101
  262. package/esm/html-editor.js +59 -63
  263. package/esm/index.js +2 -2
  264. package/esm/linear-gauge.js +98 -102
  265. package/esm/list.js +47 -50
  266. package/esm/load-indicator.js +15 -22
  267. package/esm/load-panel.js +57 -60
  268. package/esm/lookup.js +74 -77
  269. package/esm/map.js +41 -45
  270. package/esm/menu.js +71 -74
  271. package/esm/multi-view.js +29 -32
  272. package/esm/number-box.js +32 -36
  273. package/esm/pie-chart.js +131 -134
  274. package/esm/pivot-grid-field-chooser.js +33 -39
  275. package/esm/pivot-grid.js +57 -63
  276. package/esm/polar-chart.js +233 -237
  277. package/esm/popover.js +69 -71
  278. package/esm/popup.js +63 -65
  279. package/esm/progress-bar.js +20 -25
  280. package/esm/radio-group.js +29 -32
  281. package/esm/range-selector.js +203 -207
  282. package/esm/range-slider.js +32 -36
  283. package/esm/recurrence-editor.js +20 -25
  284. package/esm/resizable.js +20 -25
  285. package/esm/responsive-box.js +38 -41
  286. package/esm/sankey.js +80 -84
  287. package/esm/scheduler.js +41 -44
  288. package/esm/scroll-view.js +15 -22
  289. package/esm/select-box.js +74 -77
  290. package/esm/slider.js +32 -36
  291. package/esm/sortable.js +24 -29
  292. package/esm/sparkline.js +39 -45
  293. package/esm/speed-dial-action.js +15 -22
  294. package/esm/splitter.js +29 -32
  295. package/esm/switch.js +20 -25
  296. package/esm/tab-panel.js +29 -32
  297. package/esm/tabs.js +29 -32
  298. package/esm/tag-box.js +74 -77
  299. package/esm/text-area.js +20 -25
  300. package/esm/text-box.js +29 -33
  301. package/esm/tile-view.js +29 -32
  302. package/esm/toast.js +60 -62
  303. package/esm/toolbar.js +29 -32
  304. package/esm/tooltip.js +66 -68
  305. package/esm/tree-list.js +245 -249
  306. package/esm/tree-map.js +86 -90
  307. package/esm/tree-view.js +38 -41
  308. package/esm/validation-group.js +15 -22
  309. package/esm/validation-summary.js +29 -32
  310. package/esm/validator.js +52 -58
  311. package/esm/vector-map.js +101 -105
  312. package/package.json +50 -51
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 24.1.2-beta
4
- * Build date: Mon May 13 2024
3
+ * Version: 24.1.3
4
+ * Build date: Tue Jun 11 2024
5
5
  *
6
6
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -12,42 +12,30 @@
12
12
  */
13
13
 
14
14
  "use client";
15
- var __assign = (this && this.__assign) || function () {
16
- __assign = Object.assign || function(t) {
17
- for (var s, i = 1, n = arguments.length; i < n; i++) {
18
- s = arguments[i];
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
20
- t[p] = s[p];
21
- }
22
- return t;
23
- };
24
- return __assign.apply(this, arguments);
25
- };
26
15
  import * as React from "react";
27
16
  import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
28
17
  import dxAutocomplete from "devextreme/ui/autocomplete";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var Autocomplete = memo(forwardRef(function (props, ref) {
32
- var baseRef = useRef(null);
33
- useImperativeHandle(ref, function () { return ({
34
- instance: function () {
35
- var _a;
36
- return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
20
+ const Autocomplete = memo(forwardRef((props, ref) => {
21
+ const baseRef = useRef(null);
22
+ useImperativeHandle(ref, () => ({
23
+ instance() {
24
+ return baseRef.current?.getInstance();
37
25
  }
38
- }); }, [baseRef.current]);
39
- var subscribableOptions = useMemo(function () { return (["opened", "value"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["opened", "value"]), []);
28
+ const independentEvents = useMemo(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultOpened: "opened",
43
31
  defaultValue: "value",
44
- }); }, []);
45
- var expectedChildren = useMemo(function () { return ({
32
+ }), []);
33
+ const expectedChildren = useMemo(() => ({
46
34
  button: { optionName: "buttons", isCollectionItem: true },
47
35
  dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false },
48
36
  item: { optionName: "items", isCollectionItem: true }
49
- }); }, []);
50
- var templateProps = useMemo(function () { return ([
37
+ }), []);
38
+ const templateProps = useMemo(() => ([
51
39
  {
52
40
  tmplOption: "dropDownButtonTemplate",
53
41
  render: "dropDownButtonRender",
@@ -63,51 +51,60 @@ var Autocomplete = memo(forwardRef(function (props, ref) {
63
51
  render: "itemRender",
64
52
  component: "itemComponent"
65
53
  },
66
- ]); }, []);
67
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxAutocomplete, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
54
+ ]), []);
55
+ return (React.createElement((BaseComponent), {
56
+ WidgetClass: dxAutocomplete,
57
+ ref: baseRef,
58
+ subscribableOptions,
59
+ independentEvents,
60
+ defaults,
61
+ expectedChildren,
62
+ templateProps,
63
+ ...props,
64
+ }));
68
65
  }));
69
- var _componentAnimation = memo(function (props) {
70
- return React.createElement((NestedOption), __assign({}, props));
66
+ const _componentAnimation = memo((props) => {
67
+ return React.createElement((NestedOption), { ...props });
71
68
  });
72
- var Animation = Object.assign(_componentAnimation, {
69
+ const Animation = Object.assign(_componentAnimation, {
73
70
  OptionName: "animation",
74
71
  ExpectedChildren: {
75
72
  hide: { optionName: "hide", isCollectionItem: false },
76
73
  show: { optionName: "show", isCollectionItem: false }
77
74
  },
78
75
  });
79
- var _componentAt = memo(function (props) {
80
- return React.createElement((NestedOption), __assign({}, props));
76
+ const _componentAt = memo((props) => {
77
+ return React.createElement((NestedOption), { ...props });
81
78
  });
82
- var At = Object.assign(_componentAt, {
79
+ const At = Object.assign(_componentAt, {
83
80
  OptionName: "at",
84
81
  });
85
- var _componentBoundaryOffset = memo(function (props) {
86
- return React.createElement((NestedOption), __assign({}, props));
82
+ const _componentBoundaryOffset = memo((props) => {
83
+ return React.createElement((NestedOption), { ...props });
87
84
  });
88
- var BoundaryOffset = Object.assign(_componentBoundaryOffset, {
85
+ const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
89
86
  OptionName: "boundaryOffset",
90
87
  });
91
- var _componentButton = memo(function (props) {
92
- return React.createElement((NestedOption), __assign({}, props));
88
+ const _componentButton = memo((props) => {
89
+ return React.createElement((NestedOption), { ...props });
93
90
  });
94
- var Button = Object.assign(_componentButton, {
91
+ const Button = Object.assign(_componentButton, {
95
92
  OptionName: "buttons",
96
93
  IsCollectionItem: true,
97
94
  ExpectedChildren: {
98
95
  options: { optionName: "options", isCollectionItem: false }
99
96
  },
100
97
  });
101
- var _componentCollision = memo(function (props) {
102
- return React.createElement((NestedOption), __assign({}, props));
98
+ const _componentCollision = memo((props) => {
99
+ return React.createElement((NestedOption), { ...props });
103
100
  });
104
- var Collision = Object.assign(_componentCollision, {
101
+ const Collision = Object.assign(_componentCollision, {
105
102
  OptionName: "collision",
106
103
  });
107
- var _componentDropDownOptions = memo(function (props) {
108
- return React.createElement((NestedOption), __assign({}, props));
104
+ const _componentDropDownOptions = memo((props) => {
105
+ return React.createElement((NestedOption), { ...props });
109
106
  });
110
- var DropDownOptions = Object.assign(_componentDropDownOptions, {
107
+ const DropDownOptions = Object.assign(_componentDropDownOptions, {
111
108
  OptionName: "dropDownOptions",
112
109
  DefaultsProps: {
113
110
  defaultHeight: "height",
@@ -130,29 +127,29 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
130
127
  component: "titleComponent"
131
128
  }],
132
129
  });
133
- var _componentFrom = memo(function (props) {
134
- return React.createElement((NestedOption), __assign({}, props));
130
+ const _componentFrom = memo((props) => {
131
+ return React.createElement((NestedOption), { ...props });
135
132
  });
136
- var From = Object.assign(_componentFrom, {
133
+ const From = Object.assign(_componentFrom, {
137
134
  OptionName: "from",
138
135
  ExpectedChildren: {
139
136
  position: { optionName: "position", isCollectionItem: false }
140
137
  },
141
138
  });
142
- var _componentHide = memo(function (props) {
143
- return React.createElement((NestedOption), __assign({}, props));
139
+ const _componentHide = memo((props) => {
140
+ return React.createElement((NestedOption), { ...props });
144
141
  });
145
- var Hide = Object.assign(_componentHide, {
142
+ const Hide = Object.assign(_componentHide, {
146
143
  OptionName: "hide",
147
144
  ExpectedChildren: {
148
145
  from: { optionName: "from", isCollectionItem: false },
149
146
  to: { optionName: "to", isCollectionItem: false }
150
147
  },
151
148
  });
152
- var _componentItem = memo(function (props) {
153
- return React.createElement((NestedOption), __assign({}, props));
149
+ const _componentItem = memo((props) => {
150
+ return React.createElement((NestedOption), { ...props });
154
151
  });
155
- var Item = Object.assign(_componentItem, {
152
+ const Item = Object.assign(_componentItem, {
156
153
  OptionName: "items",
157
154
  IsCollectionItem: true,
158
155
  TemplateProps: [{
@@ -161,22 +158,22 @@ var Item = Object.assign(_componentItem, {
161
158
  component: "component"
162
159
  }],
163
160
  });
164
- var _componentMy = memo(function (props) {
165
- return React.createElement((NestedOption), __assign({}, props));
161
+ const _componentMy = memo((props) => {
162
+ return React.createElement((NestedOption), { ...props });
166
163
  });
167
- var My = Object.assign(_componentMy, {
164
+ const My = Object.assign(_componentMy, {
168
165
  OptionName: "my",
169
166
  });
170
- var _componentOffset = memo(function (props) {
171
- return React.createElement((NestedOption), __assign({}, props));
167
+ const _componentOffset = memo((props) => {
168
+ return React.createElement((NestedOption), { ...props });
172
169
  });
173
- var Offset = Object.assign(_componentOffset, {
170
+ const Offset = Object.assign(_componentOffset, {
174
171
  OptionName: "offset",
175
172
  });
176
- var _componentOptions = memo(function (props) {
177
- return React.createElement((NestedOption), __assign({}, props));
173
+ const _componentOptions = memo((props) => {
174
+ return React.createElement((NestedOption), { ...props });
178
175
  });
179
- var Options = Object.assign(_componentOptions, {
176
+ const Options = Object.assign(_componentOptions, {
180
177
  OptionName: "options",
181
178
  TemplateProps: [{
182
179
  tmplOption: "template",
@@ -184,28 +181,28 @@ var Options = Object.assign(_componentOptions, {
184
181
  component: "component"
185
182
  }],
186
183
  });
187
- var _componentPosition = memo(function (props) {
188
- return React.createElement((NestedOption), __assign({}, props));
184
+ const _componentPosition = memo((props) => {
185
+ return React.createElement((NestedOption), { ...props });
189
186
  });
190
- var Position = Object.assign(_componentPosition, {
187
+ const Position = Object.assign(_componentPosition, {
191
188
  OptionName: "position",
192
189
  });
193
- var _componentShow = memo(function (props) {
194
- return React.createElement((NestedOption), __assign({}, props));
190
+ const _componentShow = memo((props) => {
191
+ return React.createElement((NestedOption), { ...props });
195
192
  });
196
- var Show = Object.assign(_componentShow, {
193
+ const Show = Object.assign(_componentShow, {
197
194
  OptionName: "show",
198
195
  });
199
- var _componentTo = memo(function (props) {
200
- return React.createElement((NestedOption), __assign({}, props));
196
+ const _componentTo = memo((props) => {
197
+ return React.createElement((NestedOption), { ...props });
201
198
  });
202
- var To = Object.assign(_componentTo, {
199
+ const To = Object.assign(_componentTo, {
203
200
  OptionName: "to",
204
201
  });
205
- var _componentToolbarItem = memo(function (props) {
206
- return React.createElement((NestedOption), __assign({}, props));
202
+ const _componentToolbarItem = memo((props) => {
203
+ return React.createElement((NestedOption), { ...props });
207
204
  });
208
- var ToolbarItem = Object.assign(_componentToolbarItem, {
205
+ const ToolbarItem = Object.assign(_componentToolbarItem, {
209
206
  OptionName: "toolbarItems",
210
207
  IsCollectionItem: true,
211
208
  TemplateProps: [{
package/esm/bar-gauge.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 24.1.2-beta
4
- * Build date: Mon May 13 2024
3
+ * Version: 24.1.3
4
+ * Build date: Tue Jun 11 2024
5
5
  *
6
6
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -12,37 +12,25 @@
12
12
  */
13
13
 
14
14
  "use client";
15
- var __assign = (this && this.__assign) || function () {
16
- __assign = Object.assign || function(t) {
17
- for (var s, i = 1, n = arguments.length; i < n; i++) {
18
- s = arguments[i];
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
20
- t[p] = s[p];
21
- }
22
- return t;
23
- };
24
- return __assign.apply(this, arguments);
25
- };
26
15
  import * as React from "react";
27
16
  import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
28
17
  import dxBarGauge from "devextreme/viz/bar_gauge";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var BarGauge = memo(forwardRef(function (props, ref) {
32
- var baseRef = useRef(null);
33
- useImperativeHandle(ref, function () { return ({
34
- instance: function () {
35
- var _a;
36
- return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
20
+ const BarGauge = memo(forwardRef((props, ref) => {
21
+ const baseRef = useRef(null);
22
+ useImperativeHandle(ref, () => ({
23
+ instance() {
24
+ return baseRef.current?.getInstance();
37
25
  }
38
- }); }, [baseRef.current]);
39
- var subscribableOptions = useMemo(function () { return (["loadingIndicator", "loadingIndicator.show", "values"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["loadingIndicator", "loadingIndicator.show", "values"]), []);
28
+ const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultLoadingIndicator: "loadingIndicator",
43
31
  defaultValues: "values",
44
- }); }, []);
45
- var expectedChildren = useMemo(function () { return ({
32
+ }), []);
33
+ const expectedChildren = useMemo(() => ({
46
34
  animation: { optionName: "animation", isCollectionItem: false },
47
35
  barGaugeTitle: { optionName: "title", isCollectionItem: false },
48
36
  export: { optionName: "export", isCollectionItem: false },
@@ -54,26 +42,35 @@ var BarGauge = memo(forwardRef(function (props, ref) {
54
42
  size: { optionName: "size", isCollectionItem: false },
55
43
  title: { optionName: "title", isCollectionItem: false },
56
44
  tooltip: { optionName: "tooltip", isCollectionItem: false }
57
- }); }, []);
58
- var templateProps = useMemo(function () { return ([
45
+ }), []);
46
+ const templateProps = useMemo(() => ([
59
47
  {
60
48
  tmplOption: "centerTemplate",
61
49
  render: "centerRender",
62
50
  component: "centerComponent"
63
51
  },
64
- ]); }, []);
65
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxBarGauge, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
52
+ ]), []);
53
+ return (React.createElement((BaseComponent), {
54
+ WidgetClass: dxBarGauge,
55
+ ref: baseRef,
56
+ subscribableOptions,
57
+ independentEvents,
58
+ defaults,
59
+ expectedChildren,
60
+ templateProps,
61
+ ...props,
62
+ }));
66
63
  }));
67
- var _componentAnimation = memo(function (props) {
68
- return React.createElement((NestedOption), __assign({}, props));
64
+ const _componentAnimation = memo((props) => {
65
+ return React.createElement((NestedOption), { ...props });
69
66
  });
70
- var Animation = Object.assign(_componentAnimation, {
67
+ const Animation = Object.assign(_componentAnimation, {
71
68
  OptionName: "animation",
72
69
  });
73
- var _componentBarGaugeTitle = memo(function (props) {
74
- return React.createElement((NestedOption), __assign({}, props));
70
+ const _componentBarGaugeTitle = memo((props) => {
71
+ return React.createElement((NestedOption), { ...props });
75
72
  });
76
- var BarGaugeTitle = Object.assign(_componentBarGaugeTitle, {
73
+ const BarGaugeTitle = Object.assign(_componentBarGaugeTitle, {
77
74
  OptionName: "title",
78
75
  ExpectedChildren: {
79
76
  barGaugeTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
@@ -82,65 +79,65 @@ var BarGaugeTitle = Object.assign(_componentBarGaugeTitle, {
82
79
  subtitle: { optionName: "subtitle", isCollectionItem: false }
83
80
  },
84
81
  });
85
- var _componentBarGaugeTitleSubtitle = memo(function (props) {
86
- return React.createElement((NestedOption), __assign({}, props));
82
+ const _componentBarGaugeTitleSubtitle = memo((props) => {
83
+ return React.createElement((NestedOption), { ...props });
87
84
  });
88
- var BarGaugeTitleSubtitle = Object.assign(_componentBarGaugeTitleSubtitle, {
85
+ const BarGaugeTitleSubtitle = Object.assign(_componentBarGaugeTitleSubtitle, {
89
86
  OptionName: "subtitle",
90
87
  ExpectedChildren: {
91
88
  font: { optionName: "font", isCollectionItem: false }
92
89
  },
93
90
  });
94
- var _componentBorder = memo(function (props) {
95
- return React.createElement((NestedOption), __assign({}, props));
91
+ const _componentBorder = memo((props) => {
92
+ return React.createElement((NestedOption), { ...props });
96
93
  });
97
- var Border = Object.assign(_componentBorder, {
94
+ const Border = Object.assign(_componentBorder, {
98
95
  OptionName: "border",
99
96
  });
100
- var _componentExport = memo(function (props) {
101
- return React.createElement((NestedOption), __assign({}, props));
97
+ const _componentExport = memo((props) => {
98
+ return React.createElement((NestedOption), { ...props });
102
99
  });
103
- var Export = Object.assign(_componentExport, {
100
+ const Export = Object.assign(_componentExport, {
104
101
  OptionName: "export",
105
102
  });
106
- var _componentFont = memo(function (props) {
107
- return React.createElement((NestedOption), __assign({}, props));
103
+ const _componentFont = memo((props) => {
104
+ return React.createElement((NestedOption), { ...props });
108
105
  });
109
- var Font = Object.assign(_componentFont, {
106
+ const Font = Object.assign(_componentFont, {
110
107
  OptionName: "font",
111
108
  });
112
- var _componentFormat = memo(function (props) {
113
- return React.createElement((NestedOption), __assign({}, props));
109
+ const _componentFormat = memo((props) => {
110
+ return React.createElement((NestedOption), { ...props });
114
111
  });
115
- var Format = Object.assign(_componentFormat, {
112
+ const Format = Object.assign(_componentFormat, {
116
113
  OptionName: "format",
117
114
  });
118
- var _componentGeometry = memo(function (props) {
119
- return React.createElement((NestedOption), __assign({}, props));
115
+ const _componentGeometry = memo((props) => {
116
+ return React.createElement((NestedOption), { ...props });
120
117
  });
121
- var Geometry = Object.assign(_componentGeometry, {
118
+ const Geometry = Object.assign(_componentGeometry, {
122
119
  OptionName: "geometry",
123
120
  });
124
- var _componentItemTextFormat = memo(function (props) {
125
- return React.createElement((NestedOption), __assign({}, props));
121
+ const _componentItemTextFormat = memo((props) => {
122
+ return React.createElement((NestedOption), { ...props });
126
123
  });
127
- var ItemTextFormat = Object.assign(_componentItemTextFormat, {
124
+ const ItemTextFormat = Object.assign(_componentItemTextFormat, {
128
125
  OptionName: "itemTextFormat",
129
126
  });
130
- var _componentLabel = memo(function (props) {
131
- return React.createElement((NestedOption), __assign({}, props));
127
+ const _componentLabel = memo((props) => {
128
+ return React.createElement((NestedOption), { ...props });
132
129
  });
133
- var Label = Object.assign(_componentLabel, {
130
+ const Label = Object.assign(_componentLabel, {
134
131
  OptionName: "label",
135
132
  ExpectedChildren: {
136
133
  font: { optionName: "font", isCollectionItem: false },
137
134
  format: { optionName: "format", isCollectionItem: false }
138
135
  },
139
136
  });
140
- var _componentLegend = memo(function (props) {
141
- return React.createElement((NestedOption), __assign({}, props));
137
+ const _componentLegend = memo((props) => {
138
+ return React.createElement((NestedOption), { ...props });
142
139
  });
143
- var Legend = Object.assign(_componentLegend, {
140
+ const Legend = Object.assign(_componentLegend, {
144
141
  OptionName: "legend",
145
142
  ExpectedChildren: {
146
143
  border: { optionName: "border", isCollectionItem: false },
@@ -157,16 +154,16 @@ var Legend = Object.assign(_componentLegend, {
157
154
  component: "markerComponent"
158
155
  }],
159
156
  });
160
- var _componentLegendBorder = memo(function (props) {
161
- return React.createElement((NestedOption), __assign({}, props));
157
+ const _componentLegendBorder = memo((props) => {
158
+ return React.createElement((NestedOption), { ...props });
162
159
  });
163
- var LegendBorder = Object.assign(_componentLegendBorder, {
160
+ const LegendBorder = Object.assign(_componentLegendBorder, {
164
161
  OptionName: "border",
165
162
  });
166
- var _componentLegendTitle = memo(function (props) {
167
- return React.createElement((NestedOption), __assign({}, props));
163
+ const _componentLegendTitle = memo((props) => {
164
+ return React.createElement((NestedOption), { ...props });
168
165
  });
169
- var LegendTitle = Object.assign(_componentLegendTitle, {
166
+ const LegendTitle = Object.assign(_componentLegendTitle, {
170
167
  OptionName: "title",
171
168
  ExpectedChildren: {
172
169
  font: { optionName: "font", isCollectionItem: false },
@@ -175,19 +172,19 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
175
172
  subtitle: { optionName: "subtitle", isCollectionItem: false }
176
173
  },
177
174
  });
178
- var _componentLegendTitleSubtitle = memo(function (props) {
179
- return React.createElement((NestedOption), __assign({}, props));
175
+ const _componentLegendTitleSubtitle = memo((props) => {
176
+ return React.createElement((NestedOption), { ...props });
180
177
  });
181
- var LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
178
+ const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
182
179
  OptionName: "subtitle",
183
180
  ExpectedChildren: {
184
181
  font: { optionName: "font", isCollectionItem: false }
185
182
  },
186
183
  });
187
- var _componentLoadingIndicator = memo(function (props) {
188
- return React.createElement((NestedOption), __assign({}, props));
184
+ const _componentLoadingIndicator = memo((props) => {
185
+ return React.createElement((NestedOption), { ...props });
189
186
  });
190
- var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
187
+ const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
191
188
  OptionName: "loadingIndicator",
192
189
  DefaultsProps: {
193
190
  defaultShow: "show"
@@ -196,40 +193,40 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
196
193
  font: { optionName: "font", isCollectionItem: false }
197
194
  },
198
195
  });
199
- var _componentMargin = memo(function (props) {
200
- return React.createElement((NestedOption), __assign({}, props));
196
+ const _componentMargin = memo((props) => {
197
+ return React.createElement((NestedOption), { ...props });
201
198
  });
202
- var Margin = Object.assign(_componentMargin, {
199
+ const Margin = Object.assign(_componentMargin, {
203
200
  OptionName: "margin",
204
201
  });
205
- var _componentShadow = memo(function (props) {
206
- return React.createElement((NestedOption), __assign({}, props));
202
+ const _componentShadow = memo((props) => {
203
+ return React.createElement((NestedOption), { ...props });
207
204
  });
208
- var Shadow = Object.assign(_componentShadow, {
205
+ const Shadow = Object.assign(_componentShadow, {
209
206
  OptionName: "shadow",
210
207
  });
211
- var _componentSize = memo(function (props) {
212
- return React.createElement((NestedOption), __assign({}, props));
208
+ const _componentSize = memo((props) => {
209
+ return React.createElement((NestedOption), { ...props });
213
210
  });
214
- var Size = Object.assign(_componentSize, {
211
+ const Size = Object.assign(_componentSize, {
215
212
  OptionName: "size",
216
213
  });
217
- var _componentSubtitle = memo(function (props) {
218
- return React.createElement((NestedOption), __assign({}, props));
214
+ const _componentSubtitle = memo((props) => {
215
+ return React.createElement((NestedOption), { ...props });
219
216
  });
220
- var Subtitle = Object.assign(_componentSubtitle, {
217
+ const Subtitle = Object.assign(_componentSubtitle, {
221
218
  OptionName: "subtitle",
222
219
  });
223
- var _componentTitle = memo(function (props) {
224
- return React.createElement((NestedOption), __assign({}, props));
220
+ const _componentTitle = memo((props) => {
221
+ return React.createElement((NestedOption), { ...props });
225
222
  });
226
- var Title = Object.assign(_componentTitle, {
223
+ const Title = Object.assign(_componentTitle, {
227
224
  OptionName: "title",
228
225
  });
229
- var _componentTooltip = memo(function (props) {
230
- return React.createElement((NestedOption), __assign({}, props));
226
+ const _componentTooltip = memo((props) => {
227
+ return React.createElement((NestedOption), { ...props });
231
228
  });
232
- var Tooltip = Object.assign(_componentTooltip, {
229
+ const Tooltip = Object.assign(_componentTooltip, {
233
230
  OptionName: "tooltip",
234
231
  ExpectedChildren: {
235
232
  border: { optionName: "border", isCollectionItem: false },
@@ -244,10 +241,10 @@ var Tooltip = Object.assign(_componentTooltip, {
244
241
  component: "contentComponent"
245
242
  }],
246
243
  });
247
- var _componentTooltipBorder = memo(function (props) {
248
- return React.createElement((NestedOption), __assign({}, props));
244
+ const _componentTooltipBorder = memo((props) => {
245
+ return React.createElement((NestedOption), { ...props });
249
246
  });
250
- var TooltipBorder = Object.assign(_componentTooltipBorder, {
247
+ const TooltipBorder = Object.assign(_componentTooltipBorder, {
251
248
  OptionName: "border",
252
249
  });
253
250
  export default BarGauge;