devextreme-react 24.1.2-beta → 24.1.3

package/cjs/sparkline.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,17 +13,6 @@
 
 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,74 +41,79 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = exports.Size = exports.Shadow = exports.Margin = exports.Format = exports.Font = exports.Border = exports.Sparkline = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var sparkline_1 = __importDefault(require("devextreme/viz/sparkline"));
-var component_1 = require("./core/component");
-var nested_option_1 = __importDefault(require("./core/nested-option"));
-var Sparkline = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
-    var baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const sparkline_1 = __importDefault(require("devextreme/viz/sparkline"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const Sparkline = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]); }, []);
-    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+    }), [baseRef.current]);
+    const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
         margin: { optionName: "margin", isCollectionItem: false },
         size: { optionName: "size", isCollectionItem: false },
         tooltip: { optionName: "tooltip", isCollectionItem: false }
-    }); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: sparkline_1.default, ref: baseRef, independentEvents: independentEvents, expectedChildren: expectedChildren }, props)));
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: sparkline_1.default,
+        ref: baseRef,
+        independentEvents,
+        expectedChildren,
+        ...props,
+    }));
 }));
 exports.Sparkline = Sparkline;
-var _componentBorder = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentBorder = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Border = Object.assign(_componentBorder, {
+const Border = Object.assign(_componentBorder, {
     OptionName: "border",
 });
 exports.Border = Border;
-var _componentFont = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentFont = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Font = Object.assign(_componentFont, {
+const Font = Object.assign(_componentFont, {
     OptionName: "font",
 });
 exports.Font = Font;
-var _componentFormat = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentFormat = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Format = Object.assign(_componentFormat, {
+const Format = Object.assign(_componentFormat, {
     OptionName: "format",
 });
 exports.Format = Format;
-var _componentMargin = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentMargin = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Margin = Object.assign(_componentMargin, {
+const Margin = Object.assign(_componentMargin, {
     OptionName: "margin",
 });
 exports.Margin = Margin;
-var _componentShadow = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentShadow = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Shadow = Object.assign(_componentShadow, {
+const Shadow = Object.assign(_componentShadow, {
     OptionName: "shadow",
 });
 exports.Shadow = Shadow;
-var _componentSize = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentSize = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Size = Object.assign(_componentSize, {
+const Size = Object.assign(_componentSize, {
     OptionName: "size",
 });
 exports.Size = Size;
-var _componentTooltip = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentTooltip = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Tooltip = Object.assign(_componentTooltip, {
+const Tooltip = Object.assign(_componentTooltip, {
     OptionName: "tooltip",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },

package/cjs/speed-dial-action.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/speed-dial-action.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,17 +13,6 @@
 
 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,20 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SpeedDialAction = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var speed_dial_action_1 = __importDefault(require("devextreme/ui/speed_dial_action"));
-var component_1 = require("./core/component");
-var SpeedDialAction = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
-    var baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const speed_dial_action_1 = __importDefault(require("devextreme/ui/speed_dial_action"));
+const component_1 = require("./core/component");
+const SpeedDialAction = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onClick", "onContentReady", "onDisposing", "onInitialized"]); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: speed_dial_action_1.default, ref: baseRef, independentEvents: independentEvents }, props)));
+    }), [baseRef.current]);
+    const independentEvents = (0, react_1.useMemo)(() => (["onClick", "onContentReady", "onDisposing", "onInitialized"]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: speed_dial_action_1.default,
+        ref: baseRef,
+        independentEvents,
+        ...props,
+    }));
 }));
 exports.SpeedDialAction = SpeedDialAction;
 exports.default = SpeedDialAction;

package/cjs/splitter.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -31,9 +31,9 @@ type ISplitterOptionsNarrowedEvents<TItem = any, TKey = any> = {
     onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
     onItemExpanded?: ((e: ItemExpandedEvent<TItem, TKey>) => void);
     onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
-    onResize?: ((e: ResizeEvent<TItem, TKey>) => void);
-    onResizeEnd?: ((e: ResizeEndEvent<TItem, TKey>) => void);
-    onResizeStart?: ((e: ResizeStartEvent<TItem, TKey>) => void);
+    onResize?: ((e: ResizeEvent<TKey>) => void);
+    onResizeEnd?: ((e: ResizeEndEvent<TKey>) => void);
+    onResizeStart?: ((e: ResizeStartEvent<TKey>) => void);
 };
 type ISplitterOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, ISplitterOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
@@ -46,7 +46,7 @@ interface SplitterRef<TItem = any, TKey = any> {
     instance: () => dxSplitter<TItem, TKey>;
 }
 declare const Splitter: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ISplitterOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
     itemRender?: ((...params: any) => React.ReactNode) | undefined;
     itemComponent?: React.ComponentType<any> | undefined;
     defaultItems?: dxSplitterItem<any>[] | undefined;

package/cjs/splitter.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,17 +13,6 @@
 
 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,41 +41,49 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = exports.Splitter = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var splitter_1 = __importDefault(require("devextreme/ui/splitter"));
-var component_1 = require("./core/component");
-var nested_option_1 = __importDefault(require("./core/nested-option"));
-var Splitter = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
-    var baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const splitter_1 = __importDefault(require("devextreme/ui/splitter"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const Splitter = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = (0, react_1.useMemo)(function () { return (["items"]); }, []);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemCollapsed", "onItemContextMenu", "onItemExpanded", "onItemRendered", "onResize", "onResizeEnd", "onResizeStart"]); }, []);
-    var defaults = (0, react_1.useMemo)(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["items"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemCollapsed", "onItemContextMenu", "onItemExpanded", "onItemRendered", "onResize", "onResizeEnd", "onResizeStart"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
         defaultItems: "items",
-    }); }, []);
-    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
         item: { optionName: "items", isCollectionItem: true }
-    }); }, []);
-    var templateProps = (0, react_1.useMemo)(function () { return ([
+    }), []);
+    const templateProps = (0, react_1.useMemo)(() => ([
         {
             tmplOption: "itemTemplate",
             render: "itemRender",
             component: "itemComponent"
         },
-    ]); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: splitter_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+    ]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: splitter_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
 }));
 exports.Splitter = Splitter;
-var _componentItem = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentItem = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Item = Object.assign(_componentItem, {
+const Item = Object.assign(_componentItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{

package/cjs/switch.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/switch.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,17 +13,6 @@
 
 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,24 +41,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var switch_1 = __importDefault(require("devextreme/ui/switch"));
-var component_1 = require("./core/component");
-var Switch = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
-    var baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const switch_1 = __importDefault(require("devextreme/ui/switch"));
+const component_1 = require("./core/component");
+const Switch = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = (0, react_1.useMemo)(function () { return (["value"]); }, []);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]); }, []);
-    var defaults = (0, react_1.useMemo)(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["value"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
         defaultValue: "value",
-    }); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: switch_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults }, props)));
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: switch_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        ...props,
+    }));
 }));
 exports.Switch = Switch;
 exports.default = Switch;

package/cjs/tab-panel.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -51,7 +51,7 @@ interface TabPanelRef<TItem = any, TKey = any> {
     instance: () => dxTabPanel<TItem, TKey>;
 }
 declare const TabPanel: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabPanelOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
     itemRender?: ((...params: any) => React.ReactNode) | undefined;
     itemComponent?: React.ComponentType<any> | undefined;
     itemTitleRender?: ((...params: any) => React.ReactNode) | undefined;

package/cjs/tab-panel.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,17 +13,6 @@
 
 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,30 +41,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = exports.TabPanel = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var tab_panel_1 = __importDefault(require("devextreme/ui/tab_panel"));
-var component_1 = require("./core/component");
-var nested_option_1 = __importDefault(require("./core/nested-option"));
-var TabPanel = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
-    var baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const tab_panel_1 = __importDefault(require("devextreme/ui/tab_panel"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const TabPanel = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = (0, react_1.useMemo)(function () { return (["items", "selectedIndex", "selectedItem"]); }, []);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onTitleClick", "onTitleHold", "onTitleRendered"]); }, []);
-    var defaults = (0, react_1.useMemo)(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["items", "selectedIndex", "selectedItem"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onTitleClick", "onTitleHold", "onTitleRendered"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
         defaultItems: "items",
         defaultSelectedIndex: "selectedIndex",
         defaultSelectedItem: "selectedItem",
-    }); }, []);
-    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
         item: { optionName: "items", isCollectionItem: true }
-    }); }, []);
-    var templateProps = (0, react_1.useMemo)(function () { return ([
+    }), []);
+    const templateProps = (0, react_1.useMemo)(() => ([
         {
             tmplOption: "itemTemplate",
             render: "itemRender",
@@ -86,14 +74,23 @@ var TabPanel = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
             render: "itemTitleRender",
             component: "itemTitleComponent"
         },
-    ]); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: tab_panel_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+    ]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: tab_panel_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
 }));
 exports.TabPanel = TabPanel;
-var _componentItem = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentItem = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Item = Object.assign(_componentItem, {
+const Item = Object.assign(_componentItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{

package/cjs/tabs.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -50,7 +50,7 @@ interface TabsRef<TItem = any, TKey = any> {
     instance: () => dxTabs<TItem, TKey>;
 }
 declare const Tabs: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabsOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
     itemRender?: ((...params: any) => React.ReactNode) | undefined;
     itemComponent?: React.ComponentType<any> | undefined;
     defaultItems?: any[] | undefined;