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,89 +12,83 @@
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 dxDeferRendering from "devextreme/ui/defer_rendering";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var DeferRendering = 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 DeferRendering = 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 independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onInitialized", "onRendered", "onShown"]); }, []);
40
- var expectedChildren = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onRendered", "onShown"]), []);
28
+ const expectedChildren = useMemo(() => ({
41
29
  animation: { optionName: "animation", isCollectionItem: false }
42
- }); }, []);
43
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxDeferRendering, ref: baseRef, independentEvents: independentEvents, expectedChildren: expectedChildren }, props)));
30
+ }), []);
31
+ return (React.createElement((BaseComponent), {
32
+ WidgetClass: dxDeferRendering,
33
+ ref: baseRef,
34
+ independentEvents,
35
+ expectedChildren,
36
+ ...props,
37
+ }));
44
38
  }));
45
- var _componentAnimation = memo(function (props) {
46
- return React.createElement((NestedOption), __assign({}, props));
39
+ const _componentAnimation = memo((props) => {
40
+ return React.createElement((NestedOption), { ...props });
47
41
  });
48
- var Animation = Object.assign(_componentAnimation, {
42
+ const Animation = Object.assign(_componentAnimation, {
49
43
  OptionName: "animation",
50
44
  ExpectedChildren: {
51
45
  from: { optionName: "from", isCollectionItem: false },
52
46
  to: { optionName: "to", isCollectionItem: false }
53
47
  },
54
48
  });
55
- var _componentAt = memo(function (props) {
56
- return React.createElement((NestedOption), __assign({}, props));
49
+ const _componentAt = memo((props) => {
50
+ return React.createElement((NestedOption), { ...props });
57
51
  });
58
- var At = Object.assign(_componentAt, {
52
+ const At = Object.assign(_componentAt, {
59
53
  OptionName: "at",
60
54
  });
61
- var _componentBoundaryOffset = memo(function (props) {
62
- return React.createElement((NestedOption), __assign({}, props));
55
+ const _componentBoundaryOffset = memo((props) => {
56
+ return React.createElement((NestedOption), { ...props });
63
57
  });
64
- var BoundaryOffset = Object.assign(_componentBoundaryOffset, {
58
+ const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
65
59
  OptionName: "boundaryOffset",
66
60
  });
67
- var _componentCollision = memo(function (props) {
68
- return React.createElement((NestedOption), __assign({}, props));
61
+ const _componentCollision = memo((props) => {
62
+ return React.createElement((NestedOption), { ...props });
69
63
  });
70
- var Collision = Object.assign(_componentCollision, {
64
+ const Collision = Object.assign(_componentCollision, {
71
65
  OptionName: "collision",
72
66
  });
73
- var _componentFrom = memo(function (props) {
74
- return React.createElement((NestedOption), __assign({}, props));
67
+ const _componentFrom = memo((props) => {
68
+ return React.createElement((NestedOption), { ...props });
75
69
  });
76
- var From = Object.assign(_componentFrom, {
70
+ const From = Object.assign(_componentFrom, {
77
71
  OptionName: "from",
78
72
  ExpectedChildren: {
79
73
  position: { optionName: "position", isCollectionItem: false }
80
74
  },
81
75
  });
82
- var _componentMy = memo(function (props) {
83
- return React.createElement((NestedOption), __assign({}, props));
76
+ const _componentMy = memo((props) => {
77
+ return React.createElement((NestedOption), { ...props });
84
78
  });
85
- var My = Object.assign(_componentMy, {
79
+ const My = Object.assign(_componentMy, {
86
80
  OptionName: "my",
87
81
  });
88
- var _componentOffset = memo(function (props) {
89
- return React.createElement((NestedOption), __assign({}, props));
82
+ const _componentOffset = memo((props) => {
83
+ return React.createElement((NestedOption), { ...props });
90
84
  });
91
- var Offset = Object.assign(_componentOffset, {
85
+ const Offset = Object.assign(_componentOffset, {
92
86
  OptionName: "offset",
93
87
  });
94
- var _componentPosition = memo(function (props) {
95
- return React.createElement((NestedOption), __assign({}, props));
88
+ const _componentPosition = memo((props) => {
89
+ return React.createElement((NestedOption), { ...props });
96
90
  });
97
- var Position = Object.assign(_componentPosition, {
91
+ const Position = Object.assign(_componentPosition, {
98
92
  OptionName: "position",
99
93
  ExpectedChildren: {
100
94
  at: { optionName: "at", isCollectionItem: false },
@@ -104,10 +98,10 @@ var Position = Object.assign(_componentPosition, {
104
98
  offset: { optionName: "offset", isCollectionItem: false }
105
99
  },
106
100
  });
107
- var _componentTo = memo(function (props) {
108
- return React.createElement((NestedOption), __assign({}, props));
101
+ const _componentTo = memo((props) => {
102
+ return React.createElement((NestedOption), { ...props });
109
103
  });
110
- var To = Object.assign(_componentTo, {
104
+ const To = Object.assign(_componentTo, {
111
105
  OptionName: "to",
112
106
  });
113
107
  export default DeferRendering;
package/esm/diagram.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,38 +12,26 @@
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 dxDiagram from "devextreme/ui/diagram";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var Diagram = 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 Diagram = 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 (["gridSize", "gridSize.value", "pageSize", "pageSize.height", "pageSize.width", "zoomLevel", "zoomLevel.value"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onContentReady", "onCustomCommand", "onDisposing", "onInitialized", "onItemClick", "onItemDblClick", "onRequestEditOperation", "onRequestLayoutUpdate"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["gridSize", "gridSize.value", "pageSize", "pageSize.height", "pageSize.width", "zoomLevel", "zoomLevel.value"]), []);
28
+ const independentEvents = useMemo(() => (["onContentReady", "onCustomCommand", "onDisposing", "onInitialized", "onItemClick", "onItemDblClick", "onRequestEditOperation", "onRequestLayoutUpdate"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultGridSize: "gridSize",
43
31
  defaultPageSize: "pageSize",
44
32
  defaultZoomLevel: "zoomLevel",
45
- }); }, []);
46
- var expectedChildren = useMemo(function () { return ({
33
+ }), []);
34
+ const expectedChildren = useMemo(() => ({
47
35
  contextMenu: { optionName: "contextMenu", isCollectionItem: false },
48
36
  contextToolbox: { optionName: "contextToolbox", isCollectionItem: false },
49
37
  customShape: { optionName: "customShapes", isCollectionItem: true },
@@ -60,8 +48,8 @@ var Diagram = memo(forwardRef(function (props, ref) {
60
48
  toolbox: { optionName: "toolbox", isCollectionItem: false },
61
49
  viewToolbar: { optionName: "viewToolbar", isCollectionItem: false },
62
50
  zoomLevel: { optionName: "zoomLevel", isCollectionItem: false }
63
- }); }, []);
64
- var templateProps = useMemo(function () { return ([
51
+ }), []);
52
+ const templateProps = useMemo(() => ([
65
53
  {
66
54
  tmplOption: "customShapeTemplate",
67
55
  render: "customShapeRender",
@@ -72,55 +60,64 @@ var Diagram = memo(forwardRef(function (props, ref) {
72
60
  render: "customShapeToolboxRender",
73
61
  component: "customShapeToolboxComponent"
74
62
  },
75
- ]); }, []);
76
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxDiagram, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
63
+ ]), []);
64
+ return (React.createElement((BaseComponent), {
65
+ WidgetClass: dxDiagram,
66
+ ref: baseRef,
67
+ subscribableOptions,
68
+ independentEvents,
69
+ defaults,
70
+ expectedChildren,
71
+ templateProps,
72
+ ...props,
73
+ }));
77
74
  }));
78
- var _componentAutoLayout = memo(function (props) {
79
- return React.createElement((NestedOption), __assign({}, props));
75
+ const _componentAutoLayout = memo((props) => {
76
+ return React.createElement((NestedOption), { ...props });
80
77
  });
81
- var AutoLayout = Object.assign(_componentAutoLayout, {
78
+ const AutoLayout = Object.assign(_componentAutoLayout, {
82
79
  OptionName: "autoLayout",
83
80
  });
84
- var _componentCommand = memo(function (props) {
85
- return React.createElement((NestedOption), __assign({}, props));
81
+ const _componentCommand = memo((props) => {
82
+ return React.createElement((NestedOption), { ...props });
86
83
  });
87
- var Command = Object.assign(_componentCommand, {
84
+ const Command = Object.assign(_componentCommand, {
88
85
  OptionName: "commands",
89
86
  IsCollectionItem: true,
90
87
  });
91
- var _componentCommandItem = memo(function (props) {
92
- return React.createElement((NestedOption), __assign({}, props));
88
+ const _componentCommandItem = memo((props) => {
89
+ return React.createElement((NestedOption), { ...props });
93
90
  });
94
- var CommandItem = Object.assign(_componentCommandItem, {
91
+ const CommandItem = Object.assign(_componentCommandItem, {
95
92
  OptionName: "items",
96
93
  IsCollectionItem: true,
97
94
  });
98
- var _componentConnectionPoint = memo(function (props) {
99
- return React.createElement((NestedOption), __assign({}, props));
95
+ const _componentConnectionPoint = memo((props) => {
96
+ return React.createElement((NestedOption), { ...props });
100
97
  });
101
- var ConnectionPoint = Object.assign(_componentConnectionPoint, {
98
+ const ConnectionPoint = Object.assign(_componentConnectionPoint, {
102
99
  OptionName: "connectionPoints",
103
100
  IsCollectionItem: true,
104
101
  });
105
- var _componentContextMenu = memo(function (props) {
106
- return React.createElement((NestedOption), __assign({}, props));
102
+ const _componentContextMenu = memo((props) => {
103
+ return React.createElement((NestedOption), { ...props });
107
104
  });
108
- var ContextMenu = Object.assign(_componentContextMenu, {
105
+ const ContextMenu = Object.assign(_componentContextMenu, {
109
106
  OptionName: "contextMenu",
110
107
  ExpectedChildren: {
111
108
  command: { optionName: "commands", isCollectionItem: true }
112
109
  },
113
110
  });
114
- var _componentContextToolbox = memo(function (props) {
115
- return React.createElement((NestedOption), __assign({}, props));
111
+ const _componentContextToolbox = memo((props) => {
112
+ return React.createElement((NestedOption), { ...props });
116
113
  });
117
- var ContextToolbox = Object.assign(_componentContextToolbox, {
114
+ const ContextToolbox = Object.assign(_componentContextToolbox, {
118
115
  OptionName: "contextToolbox",
119
116
  });
120
- var _componentCustomShape = memo(function (props) {
121
- return React.createElement((NestedOption), __assign({}, props));
117
+ const _componentCustomShape = memo((props) => {
118
+ return React.createElement((NestedOption), { ...props });
122
119
  });
123
- var CustomShape = Object.assign(_componentCustomShape, {
120
+ const CustomShape = Object.assign(_componentCustomShape, {
124
121
  OptionName: "customShapes",
125
122
  IsCollectionItem: true,
126
123
  ExpectedChildren: {
@@ -136,84 +133,84 @@ var CustomShape = Object.assign(_componentCustomShape, {
136
133
  component: "toolboxComponent"
137
134
  }],
138
135
  });
139
- var _componentDefaultItemProperties = memo(function (props) {
140
- return React.createElement((NestedOption), __assign({}, props));
136
+ const _componentDefaultItemProperties = memo((props) => {
137
+ return React.createElement((NestedOption), { ...props });
141
138
  });
142
- var DefaultItemProperties = Object.assign(_componentDefaultItemProperties, {
139
+ const DefaultItemProperties = Object.assign(_componentDefaultItemProperties, {
143
140
  OptionName: "defaultItemProperties",
144
141
  });
145
- var _componentEdges = memo(function (props) {
146
- return React.createElement((NestedOption), __assign({}, props));
142
+ const _componentEdges = memo((props) => {
143
+ return React.createElement((NestedOption), { ...props });
147
144
  });
148
- var Edges = Object.assign(_componentEdges, {
145
+ const Edges = Object.assign(_componentEdges, {
149
146
  OptionName: "edges",
150
147
  });
151
- var _componentEditing = memo(function (props) {
152
- return React.createElement((NestedOption), __assign({}, props));
148
+ const _componentEditing = memo((props) => {
149
+ return React.createElement((NestedOption), { ...props });
153
150
  });
154
- var Editing = Object.assign(_componentEditing, {
151
+ const Editing = Object.assign(_componentEditing, {
155
152
  OptionName: "editing",
156
153
  });
157
- var _componentExport = memo(function (props) {
158
- return React.createElement((NestedOption), __assign({}, props));
154
+ const _componentExport = memo((props) => {
155
+ return React.createElement((NestedOption), { ...props });
159
156
  });
160
- var Export = Object.assign(_componentExport, {
157
+ const Export = Object.assign(_componentExport, {
161
158
  OptionName: "export",
162
159
  });
163
- var _componentGridSize = memo(function (props) {
164
- return React.createElement((NestedOption), __assign({}, props));
160
+ const _componentGridSize = memo((props) => {
161
+ return React.createElement((NestedOption), { ...props });
165
162
  });
166
- var GridSize = Object.assign(_componentGridSize, {
163
+ const GridSize = Object.assign(_componentGridSize, {
167
164
  OptionName: "gridSize",
168
165
  DefaultsProps: {
169
166
  defaultValue: "value"
170
167
  },
171
168
  });
172
- var _componentGroup = memo(function (props) {
173
- return React.createElement((NestedOption), __assign({}, props));
169
+ const _componentGroup = memo((props) => {
170
+ return React.createElement((NestedOption), { ...props });
174
171
  });
175
- var Group = Object.assign(_componentGroup, {
172
+ const Group = Object.assign(_componentGroup, {
176
173
  OptionName: "groups",
177
174
  IsCollectionItem: true,
178
175
  });
179
- var _componentHistoryToolbar = memo(function (props) {
180
- return React.createElement((NestedOption), __assign({}, props));
176
+ const _componentHistoryToolbar = memo((props) => {
177
+ return React.createElement((NestedOption), { ...props });
181
178
  });
182
- var HistoryToolbar = Object.assign(_componentHistoryToolbar, {
179
+ const HistoryToolbar = Object.assign(_componentHistoryToolbar, {
183
180
  OptionName: "historyToolbar",
184
181
  ExpectedChildren: {
185
182
  command: { optionName: "commands", isCollectionItem: true }
186
183
  },
187
184
  });
188
- var _componentItem = memo(function (props) {
189
- return React.createElement((NestedOption), __assign({}, props));
185
+ const _componentItem = memo((props) => {
186
+ return React.createElement((NestedOption), { ...props });
190
187
  });
191
- var Item = Object.assign(_componentItem, {
188
+ const Item = Object.assign(_componentItem, {
192
189
  OptionName: "items",
193
190
  IsCollectionItem: true,
194
191
  });
195
- var _componentMainToolbar = memo(function (props) {
196
- return React.createElement((NestedOption), __assign({}, props));
192
+ const _componentMainToolbar = memo((props) => {
193
+ return React.createElement((NestedOption), { ...props });
197
194
  });
198
- var MainToolbar = Object.assign(_componentMainToolbar, {
195
+ const MainToolbar = Object.assign(_componentMainToolbar, {
199
196
  OptionName: "mainToolbar",
200
197
  ExpectedChildren: {
201
198
  command: { optionName: "commands", isCollectionItem: true }
202
199
  },
203
200
  });
204
- var _componentNodes = memo(function (props) {
205
- return React.createElement((NestedOption), __assign({}, props));
201
+ const _componentNodes = memo((props) => {
202
+ return React.createElement((NestedOption), { ...props });
206
203
  });
207
- var Nodes = Object.assign(_componentNodes, {
204
+ const Nodes = Object.assign(_componentNodes, {
208
205
  OptionName: "nodes",
209
206
  ExpectedChildren: {
210
207
  autoLayout: { optionName: "autoLayout", isCollectionItem: false }
211
208
  },
212
209
  });
213
- var _componentPageSize = memo(function (props) {
214
- return React.createElement((NestedOption), __assign({}, props));
210
+ const _componentPageSize = memo((props) => {
211
+ return React.createElement((NestedOption), { ...props });
215
212
  });
216
- var PageSize = Object.assign(_componentPageSize, {
213
+ const PageSize = Object.assign(_componentPageSize, {
217
214
  OptionName: "pageSize",
218
215
  DefaultsProps: {
219
216
  defaultHeight: "height",
@@ -224,26 +221,26 @@ var PageSize = Object.assign(_componentPageSize, {
224
221
  pageSizeItem: { optionName: "items", isCollectionItem: true }
225
222
  },
226
223
  });
227
- var _componentPageSizeItem = memo(function (props) {
228
- return React.createElement((NestedOption), __assign({}, props));
224
+ const _componentPageSizeItem = memo((props) => {
225
+ return React.createElement((NestedOption), { ...props });
229
226
  });
230
- var PageSizeItem = Object.assign(_componentPageSizeItem, {
227
+ const PageSizeItem = Object.assign(_componentPageSizeItem, {
231
228
  OptionName: "items",
232
229
  IsCollectionItem: true,
233
230
  });
234
- var _componentPropertiesPanel = memo(function (props) {
235
- return React.createElement((NestedOption), __assign({}, props));
231
+ const _componentPropertiesPanel = memo((props) => {
232
+ return React.createElement((NestedOption), { ...props });
236
233
  });
237
- var PropertiesPanel = Object.assign(_componentPropertiesPanel, {
234
+ const PropertiesPanel = Object.assign(_componentPropertiesPanel, {
238
235
  OptionName: "propertiesPanel",
239
236
  ExpectedChildren: {
240
237
  tab: { optionName: "tabs", isCollectionItem: true }
241
238
  },
242
239
  });
243
- var _componentTab = memo(function (props) {
244
- return React.createElement((NestedOption), __assign({}, props));
240
+ const _componentTab = memo((props) => {
241
+ return React.createElement((NestedOption), { ...props });
245
242
  });
246
- var Tab = Object.assign(_componentTab, {
243
+ const Tab = Object.assign(_componentTab, {
247
244
  OptionName: "tabs",
248
245
  IsCollectionItem: true,
249
246
  ExpectedChildren: {
@@ -252,46 +249,46 @@ var Tab = Object.assign(_componentTab, {
252
249
  tabGroup: { optionName: "groups", isCollectionItem: true }
253
250
  },
254
251
  });
255
- var _componentTabGroup = memo(function (props) {
256
- return React.createElement((NestedOption), __assign({}, props));
252
+ const _componentTabGroup = memo((props) => {
253
+ return React.createElement((NestedOption), { ...props });
257
254
  });
258
- var TabGroup = Object.assign(_componentTabGroup, {
255
+ const TabGroup = Object.assign(_componentTabGroup, {
259
256
  OptionName: "groups",
260
257
  IsCollectionItem: true,
261
258
  ExpectedChildren: {
262
259
  command: { optionName: "commands", isCollectionItem: true }
263
260
  },
264
261
  });
265
- var _componentToolbox = memo(function (props) {
266
- return React.createElement((NestedOption), __assign({}, props));
262
+ const _componentToolbox = memo((props) => {
263
+ return React.createElement((NestedOption), { ...props });
267
264
  });
268
- var Toolbox = Object.assign(_componentToolbox, {
265
+ const Toolbox = Object.assign(_componentToolbox, {
269
266
  OptionName: "toolbox",
270
267
  ExpectedChildren: {
271
268
  group: { optionName: "groups", isCollectionItem: true },
272
269
  toolboxGroup: { optionName: "groups", isCollectionItem: true }
273
270
  },
274
271
  });
275
- var _componentToolboxGroup = memo(function (props) {
276
- return React.createElement((NestedOption), __assign({}, props));
272
+ const _componentToolboxGroup = memo((props) => {
273
+ return React.createElement((NestedOption), { ...props });
277
274
  });
278
- var ToolboxGroup = Object.assign(_componentToolboxGroup, {
275
+ const ToolboxGroup = Object.assign(_componentToolboxGroup, {
279
276
  OptionName: "groups",
280
277
  IsCollectionItem: true,
281
278
  });
282
- var _componentViewToolbar = memo(function (props) {
283
- return React.createElement((NestedOption), __assign({}, props));
279
+ const _componentViewToolbar = memo((props) => {
280
+ return React.createElement((NestedOption), { ...props });
284
281
  });
285
- var ViewToolbar = Object.assign(_componentViewToolbar, {
282
+ const ViewToolbar = Object.assign(_componentViewToolbar, {
286
283
  OptionName: "viewToolbar",
287
284
  ExpectedChildren: {
288
285
  command: { optionName: "commands", isCollectionItem: true }
289
286
  },
290
287
  });
291
- var _componentZoomLevel = memo(function (props) {
292
- return React.createElement((NestedOption), __assign({}, props));
288
+ const _componentZoomLevel = memo((props) => {
289
+ return React.createElement((NestedOption), { ...props });
293
290
  });
294
- var ZoomLevel = Object.assign(_componentZoomLevel, {
291
+ const ZoomLevel = Object.assign(_componentZoomLevel, {
295
292
  OptionName: "zoomLevel",
296
293
  DefaultsProps: {
297
294
  defaultValue: "value"
package/esm/draggable.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,47 +12,42 @@
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 dxDraggable from "devextreme/ui/draggable";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var Draggable = 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 Draggable = 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 independentEvents = useMemo(function () { return (["onDisposing", "onDragEnd", "onDragMove", "onDragStart", "onInitialized"]); }, []);
40
- var expectedChildren = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const independentEvents = useMemo(() => (["onDisposing", "onDragEnd", "onDragMove", "onDragStart", "onInitialized"]), []);
28
+ const expectedChildren = useMemo(() => ({
41
29
  cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
42
- }); }, []);
43
- var templateProps = useMemo(function () { return ([
30
+ }), []);
31
+ const templateProps = useMemo(() => ([
44
32
  {
45
33
  tmplOption: "dragTemplate",
46
34
  render: "dragRender",
47
35
  component: "dragComponent"
48
36
  },
49
- ]); }, []);
50
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxDraggable, ref: baseRef, independentEvents: independentEvents, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
37
+ ]), []);
38
+ return (React.createElement((BaseComponent), {
39
+ WidgetClass: dxDraggable,
40
+ ref: baseRef,
41
+ independentEvents,
42
+ expectedChildren,
43
+ templateProps,
44
+ ...props,
45
+ }));
51
46
  }));
52
- var _componentCursorOffset = memo(function (props) {
53
- return React.createElement((NestedOption), __assign({}, props));
47
+ const _componentCursorOffset = memo((props) => {
48
+ return React.createElement((NestedOption), { ...props });
54
49
  });
55
- var CursorOffset = Object.assign(_componentCursorOffset, {
50
+ const CursorOffset = Object.assign(_componentCursorOffset, {
56
51
  OptionName: "cursorOffset",
57
52
  });
58
53
  export default Draggable;