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
package/esm/popover.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,46 +12,34 @@
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 dxPopover from "devextreme/ui/popover";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var Popover = 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 Popover = 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 (["height", "position", "visible", "width"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown", "onTitleRendered"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["height", "position", "visible", "width"]), []);
28
+ const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown", "onTitleRendered"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultHeight: "height",
43
31
  defaultPosition: "position",
44
32
  defaultVisible: "visible",
45
33
  defaultWidth: "width",
46
- }); }, []);
47
- var expectedChildren = useMemo(function () { return ({
34
+ }), []);
35
+ const expectedChildren = useMemo(() => ({
48
36
  animation: { optionName: "animation", isCollectionItem: false },
49
37
  hideEvent: { optionName: "hideEvent", isCollectionItem: false },
50
38
  position: { optionName: "position", isCollectionItem: false },
51
39
  showEvent: { optionName: "showEvent", isCollectionItem: false },
52
40
  toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
53
- }); }, []);
54
- var templateProps = useMemo(function () { return ([
41
+ }), []);
42
+ const templateProps = useMemo(() => ([
55
43
  {
56
44
  tmplOption: "contentTemplate",
57
45
  render: "contentRender",
@@ -62,102 +50,112 @@ var Popover = memo(forwardRef(function (props, ref) {
62
50
  render: "titleRender",
63
51
  component: "titleComponent"
64
52
  },
65
- ]); }, []);
66
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxPopover, ref: baseRef, isPortalComponent: true, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
53
+ ]), []);
54
+ return (React.createElement((BaseComponent), {
55
+ WidgetClass: dxPopover,
56
+ ref: baseRef,
57
+ isPortalComponent: true,
58
+ subscribableOptions,
59
+ independentEvents,
60
+ defaults,
61
+ expectedChildren,
62
+ templateProps,
63
+ ...props,
64
+ }));
67
65
  }));
68
- var _componentAnimation = memo(function (props) {
69
- return React.createElement((NestedOption), __assign({}, props));
66
+ const _componentAnimation = memo((props) => {
67
+ return React.createElement((NestedOption), { ...props });
70
68
  });
71
- var Animation = Object.assign(_componentAnimation, {
69
+ const Animation = Object.assign(_componentAnimation, {
72
70
  OptionName: "animation",
73
71
  ExpectedChildren: {
74
72
  hide: { optionName: "hide", isCollectionItem: false },
75
73
  show: { optionName: "show", isCollectionItem: false }
76
74
  },
77
75
  });
78
- var _componentAt = memo(function (props) {
79
- return React.createElement((NestedOption), __assign({}, props));
76
+ const _componentAt = memo((props) => {
77
+ return React.createElement((NestedOption), { ...props });
80
78
  });
81
- var At = Object.assign(_componentAt, {
79
+ const At = Object.assign(_componentAt, {
82
80
  OptionName: "at",
83
81
  });
84
- var _componentBoundaryOffset = memo(function (props) {
85
- return React.createElement((NestedOption), __assign({}, props));
82
+ const _componentBoundaryOffset = memo((props) => {
83
+ return React.createElement((NestedOption), { ...props });
86
84
  });
87
- var BoundaryOffset = Object.assign(_componentBoundaryOffset, {
85
+ const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
88
86
  OptionName: "boundaryOffset",
89
87
  });
90
- var _componentCollision = memo(function (props) {
91
- return React.createElement((NestedOption), __assign({}, props));
88
+ const _componentCollision = memo((props) => {
89
+ return React.createElement((NestedOption), { ...props });
92
90
  });
93
- var Collision = Object.assign(_componentCollision, {
91
+ const Collision = Object.assign(_componentCollision, {
94
92
  OptionName: "collision",
95
93
  });
96
- var _componentFrom = memo(function (props) {
97
- return React.createElement((NestedOption), __assign({}, props));
94
+ const _componentFrom = memo((props) => {
95
+ return React.createElement((NestedOption), { ...props });
98
96
  });
99
- var From = Object.assign(_componentFrom, {
97
+ const From = Object.assign(_componentFrom, {
100
98
  OptionName: "from",
101
99
  ExpectedChildren: {
102
100
  position: { optionName: "position", isCollectionItem: false }
103
101
  },
104
102
  });
105
- var _componentHide = memo(function (props) {
106
- return React.createElement((NestedOption), __assign({}, props));
103
+ const _componentHide = memo((props) => {
104
+ return React.createElement((NestedOption), { ...props });
107
105
  });
108
- var Hide = Object.assign(_componentHide, {
106
+ const Hide = Object.assign(_componentHide, {
109
107
  OptionName: "hide",
110
108
  ExpectedChildren: {
111
109
  from: { optionName: "from", isCollectionItem: false },
112
110
  to: { optionName: "to", isCollectionItem: false }
113
111
  },
114
112
  });
115
- var _componentHideEvent = memo(function (props) {
116
- return React.createElement((NestedOption), __assign({}, props));
113
+ const _componentHideEvent = memo((props) => {
114
+ return React.createElement((NestedOption), { ...props });
117
115
  });
118
- var HideEvent = Object.assign(_componentHideEvent, {
116
+ const HideEvent = Object.assign(_componentHideEvent, {
119
117
  OptionName: "hideEvent",
120
118
  });
121
- var _componentMy = memo(function (props) {
122
- return React.createElement((NestedOption), __assign({}, props));
119
+ const _componentMy = memo((props) => {
120
+ return React.createElement((NestedOption), { ...props });
123
121
  });
124
- var My = Object.assign(_componentMy, {
122
+ const My = Object.assign(_componentMy, {
125
123
  OptionName: "my",
126
124
  });
127
- var _componentOffset = memo(function (props) {
128
- return React.createElement((NestedOption), __assign({}, props));
125
+ const _componentOffset = memo((props) => {
126
+ return React.createElement((NestedOption), { ...props });
129
127
  });
130
- var Offset = Object.assign(_componentOffset, {
128
+ const Offset = Object.assign(_componentOffset, {
131
129
  OptionName: "offset",
132
130
  });
133
- var _componentPosition = memo(function (props) {
134
- return React.createElement((NestedOption), __assign({}, props));
131
+ const _componentPosition = memo((props) => {
132
+ return React.createElement((NestedOption), { ...props });
135
133
  });
136
- var Position = Object.assign(_componentPosition, {
134
+ const Position = Object.assign(_componentPosition, {
137
135
  OptionName: "position",
138
136
  });
139
- var _componentShow = memo(function (props) {
140
- return React.createElement((NestedOption), __assign({}, props));
137
+ const _componentShow = memo((props) => {
138
+ return React.createElement((NestedOption), { ...props });
141
139
  });
142
- var Show = Object.assign(_componentShow, {
140
+ const Show = Object.assign(_componentShow, {
143
141
  OptionName: "show",
144
142
  });
145
- var _componentShowEvent = memo(function (props) {
146
- return React.createElement((NestedOption), __assign({}, props));
143
+ const _componentShowEvent = memo((props) => {
144
+ return React.createElement((NestedOption), { ...props });
147
145
  });
148
- var ShowEvent = Object.assign(_componentShowEvent, {
146
+ const ShowEvent = Object.assign(_componentShowEvent, {
149
147
  OptionName: "showEvent",
150
148
  });
151
- var _componentTo = memo(function (props) {
152
- return React.createElement((NestedOption), __assign({}, props));
149
+ const _componentTo = memo((props) => {
150
+ return React.createElement((NestedOption), { ...props });
153
151
  });
154
- var To = Object.assign(_componentTo, {
152
+ const To = Object.assign(_componentTo, {
155
153
  OptionName: "to",
156
154
  });
157
- var _componentToolbarItem = memo(function (props) {
158
- return React.createElement((NestedOption), __assign({}, props));
155
+ const _componentToolbarItem = memo((props) => {
156
+ return React.createElement((NestedOption), { ...props });
159
157
  });
160
- var ToolbarItem = Object.assign(_componentToolbarItem, {
158
+ const ToolbarItem = Object.assign(_componentToolbarItem, {
161
159
  OptionName: "toolbarItems",
162
160
  IsCollectionItem: true,
163
161
  TemplateProps: [{
package/esm/popup.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,44 +12,32 @@
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 dxPopup from "devextreme/ui/popup";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var Popup = 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 Popup = 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 (["height", "position", "visible", "width"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["height", "position", "visible", "width"]), []);
28
+ const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultHeight: "height",
43
31
  defaultPosition: "position",
44
32
  defaultVisible: "visible",
45
33
  defaultWidth: "width",
46
- }); }, []);
47
- var expectedChildren = useMemo(function () { return ({
34
+ }), []);
35
+ const expectedChildren = useMemo(() => ({
48
36
  animation: { optionName: "animation", isCollectionItem: false },
49
37
  position: { optionName: "position", isCollectionItem: false },
50
38
  toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
51
- }); }, []);
52
- var templateProps = useMemo(function () { return ([
39
+ }), []);
40
+ const templateProps = useMemo(() => ([
53
41
  {
54
42
  tmplOption: "contentTemplate",
55
43
  render: "contentRender",
@@ -60,90 +48,100 @@ var Popup = memo(forwardRef(function (props, ref) {
60
48
  render: "titleRender",
61
49
  component: "titleComponent"
62
50
  },
63
- ]); }, []);
64
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxPopup, ref: baseRef, isPortalComponent: true, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
51
+ ]), []);
52
+ return (React.createElement((BaseComponent), {
53
+ WidgetClass: dxPopup,
54
+ ref: baseRef,
55
+ isPortalComponent: true,
56
+ subscribableOptions,
57
+ independentEvents,
58
+ defaults,
59
+ expectedChildren,
60
+ templateProps,
61
+ ...props,
62
+ }));
65
63
  }));
66
- var _componentAnimation = memo(function (props) {
67
- return React.createElement((NestedOption), __assign({}, props));
64
+ const _componentAnimation = memo((props) => {
65
+ return React.createElement((NestedOption), { ...props });
68
66
  });
69
- var Animation = Object.assign(_componentAnimation, {
67
+ const Animation = Object.assign(_componentAnimation, {
70
68
  OptionName: "animation",
71
69
  ExpectedChildren: {
72
70
  hide: { optionName: "hide", isCollectionItem: false },
73
71
  show: { optionName: "show", isCollectionItem: false }
74
72
  },
75
73
  });
76
- var _componentAt = memo(function (props) {
77
- return React.createElement((NestedOption), __assign({}, props));
74
+ const _componentAt = memo((props) => {
75
+ return React.createElement((NestedOption), { ...props });
78
76
  });
79
- var At = Object.assign(_componentAt, {
77
+ const At = Object.assign(_componentAt, {
80
78
  OptionName: "at",
81
79
  });
82
- var _componentBoundaryOffset = memo(function (props) {
83
- return React.createElement((NestedOption), __assign({}, props));
80
+ const _componentBoundaryOffset = memo((props) => {
81
+ return React.createElement((NestedOption), { ...props });
84
82
  });
85
- var BoundaryOffset = Object.assign(_componentBoundaryOffset, {
83
+ const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
86
84
  OptionName: "boundaryOffset",
87
85
  });
88
- var _componentCollision = memo(function (props) {
89
- return React.createElement((NestedOption), __assign({}, props));
86
+ const _componentCollision = memo((props) => {
87
+ return React.createElement((NestedOption), { ...props });
90
88
  });
91
- var Collision = Object.assign(_componentCollision, {
89
+ const Collision = Object.assign(_componentCollision, {
92
90
  OptionName: "collision",
93
91
  });
94
- var _componentFrom = memo(function (props) {
95
- return React.createElement((NestedOption), __assign({}, props));
92
+ const _componentFrom = memo((props) => {
93
+ return React.createElement((NestedOption), { ...props });
96
94
  });
97
- var From = Object.assign(_componentFrom, {
95
+ const From = Object.assign(_componentFrom, {
98
96
  OptionName: "from",
99
97
  ExpectedChildren: {
100
98
  position: { optionName: "position", isCollectionItem: false }
101
99
  },
102
100
  });
103
- var _componentHide = memo(function (props) {
104
- return React.createElement((NestedOption), __assign({}, props));
101
+ const _componentHide = memo((props) => {
102
+ return React.createElement((NestedOption), { ...props });
105
103
  });
106
- var Hide = Object.assign(_componentHide, {
104
+ const Hide = Object.assign(_componentHide, {
107
105
  OptionName: "hide",
108
106
  ExpectedChildren: {
109
107
  from: { optionName: "from", isCollectionItem: false },
110
108
  to: { optionName: "to", isCollectionItem: false }
111
109
  },
112
110
  });
113
- var _componentMy = memo(function (props) {
114
- return React.createElement((NestedOption), __assign({}, props));
111
+ const _componentMy = memo((props) => {
112
+ return React.createElement((NestedOption), { ...props });
115
113
  });
116
- var My = Object.assign(_componentMy, {
114
+ const My = Object.assign(_componentMy, {
117
115
  OptionName: "my",
118
116
  });
119
- var _componentOffset = memo(function (props) {
120
- return React.createElement((NestedOption), __assign({}, props));
117
+ const _componentOffset = memo((props) => {
118
+ return React.createElement((NestedOption), { ...props });
121
119
  });
122
- var Offset = Object.assign(_componentOffset, {
120
+ const Offset = Object.assign(_componentOffset, {
123
121
  OptionName: "offset",
124
122
  });
125
- var _componentPosition = memo(function (props) {
126
- return React.createElement((NestedOption), __assign({}, props));
123
+ const _componentPosition = memo((props) => {
124
+ return React.createElement((NestedOption), { ...props });
127
125
  });
128
- var Position = Object.assign(_componentPosition, {
126
+ const Position = Object.assign(_componentPosition, {
129
127
  OptionName: "position",
130
128
  });
131
- var _componentShow = memo(function (props) {
132
- return React.createElement((NestedOption), __assign({}, props));
129
+ const _componentShow = memo((props) => {
130
+ return React.createElement((NestedOption), { ...props });
133
131
  });
134
- var Show = Object.assign(_componentShow, {
132
+ const Show = Object.assign(_componentShow, {
135
133
  OptionName: "show",
136
134
  });
137
- var _componentTo = memo(function (props) {
138
- return React.createElement((NestedOption), __assign({}, props));
135
+ const _componentTo = memo((props) => {
136
+ return React.createElement((NestedOption), { ...props });
139
137
  });
140
- var To = Object.assign(_componentTo, {
138
+ const To = Object.assign(_componentTo, {
141
139
  OptionName: "to",
142
140
  });
143
- var _componentToolbarItem = memo(function (props) {
144
- return React.createElement((NestedOption), __assign({}, props));
141
+ const _componentToolbarItem = memo((props) => {
142
+ return React.createElement((NestedOption), { ...props });
145
143
  });
146
- var ToolbarItem = Object.assign(_componentToolbarItem, {
144
+ const ToolbarItem = Object.assign(_componentToolbarItem, {
147
145
  OptionName: "toolbarItems",
148
146
  IsCollectionItem: true,
149
147
  TemplateProps: [{
@@ -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,35 +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 dxProgressBar from "devextreme/ui/progress_bar";
29
18
  import { Component as BaseComponent } from "./core/component";
30
- var ProgressBar = memo(forwardRef(function (props, ref) {
31
- var baseRef = useRef(null);
32
- useImperativeHandle(ref, function () { return ({
33
- instance: function () {
34
- var _a;
35
- return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
19
+ const ProgressBar = memo(forwardRef((props, ref) => {
20
+ const baseRef = useRef(null);
21
+ useImperativeHandle(ref, () => ({
22
+ instance() {
23
+ return baseRef.current?.getInstance();
36
24
  }
37
- }); }, [baseRef.current]);
38
- var subscribableOptions = useMemo(function () { return (["value"]); }, []);
39
- var independentEvents = useMemo(function () { return (["onComplete", "onContentReady", "onDisposing", "onInitialized", "onValueChanged"]); }, []);
40
- var defaults = useMemo(function () { return ({
25
+ }), [baseRef.current]);
26
+ const subscribableOptions = useMemo(() => (["value"]), []);
27
+ const independentEvents = useMemo(() => (["onComplete", "onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
28
+ const defaults = useMemo(() => ({
41
29
  defaultValue: "value",
42
- }); }, []);
43
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxProgressBar, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults }, props)));
30
+ }), []);
31
+ return (React.createElement((BaseComponent), {
32
+ WidgetClass: dxProgressBar,
33
+ ref: baseRef,
34
+ subscribableOptions,
35
+ independentEvents,
36
+ defaults,
37
+ ...props,
38
+ }));
44
39
  }));
45
40
  export default ProgressBar;
46
41
  export { ProgressBar };
@@ -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,51 +12,48 @@
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 dxRadioGroup from "devextreme/ui/radio_group";
29
18
  import { Component as BaseComponent } from "./core/component";
30
19
  import NestedOption from "./core/nested-option";
31
- var RadioGroup = 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 RadioGroup = 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 (["value"]); }, []);
40
- var independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]); }, []);
41
- var defaults = useMemo(function () { return ({
26
+ }), [baseRef.current]);
27
+ const subscribableOptions = useMemo(() => (["value"]), []);
28
+ const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
29
+ const defaults = useMemo(() => ({
42
30
  defaultValue: "value",
43
- }); }, []);
44
- var expectedChildren = useMemo(function () { return ({
31
+ }), []);
32
+ const expectedChildren = useMemo(() => ({
45
33
  item: { optionName: "items", isCollectionItem: true }
46
- }); }, []);
47
- var templateProps = useMemo(function () { return ([
34
+ }), []);
35
+ const templateProps = useMemo(() => ([
48
36
  {
49
37
  tmplOption: "itemTemplate",
50
38
  render: "itemRender",
51
39
  component: "itemComponent"
52
40
  },
53
- ]); }, []);
54
- return (React.createElement((BaseComponent), __assign({ WidgetClass: dxRadioGroup, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
41
+ ]), []);
42
+ return (React.createElement((BaseComponent), {
43
+ WidgetClass: dxRadioGroup,
44
+ ref: baseRef,
45
+ subscribableOptions,
46
+ independentEvents,
47
+ defaults,
48
+ expectedChildren,
49
+ templateProps,
50
+ ...props,
51
+ }));
55
52
  }));
56
- var _componentItem = memo(function (props) {
57
- return React.createElement((NestedOption), __assign({}, props));
53
+ const _componentItem = memo((props) => {
54
+ return React.createElement((NestedOption), { ...props });
58
55
  });
59
- var Item = Object.assign(_componentItem, {
56
+ const Item = Object.assign(_componentItem, {
60
57
  OptionName: "items",
61
58
  IsCollectionItem: true,
62
59
  TemplateProps: [{