devextreme-react 24.1.2-beta → 24.1.3

package/cjs/vector-map.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,25 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VectorMapTitleSubtitle = exports.VectorMapTitle = exports.TooltipBorder = exports.Tooltip = exports.Title = exports.Subtitle = exports.Source = exports.Size = exports.Shadow = exports.Projection = exports.Margin = exports.LoadingIndicator = exports.LegendTitleSubtitle = exports.LegendTitle = exports.Legend = exports.Layer = exports.Label = exports.Image = exports.Font = exports.Export = exports.ControlBar = exports.CommonAnnotationSettings = exports.Border = exports.Background = exports.AnnotationBorder = exports.Annotation = exports.VectorMap = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var vector_map_1 = __importDefault(require("devextreme/viz/vector_map"));
-var component_1 = require("./core/component");
-var nested_option_1 = __importDefault(require("./core/nested-option"));
-var VectorMap = (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 vector_map_1 = __importDefault(require("devextreme/viz/vector_map"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const VectorMap = (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 (["loadingIndicator", "loadingIndicator.show"]); }, []);
-    var independentEvents = (0, react_1.useMemo)(function () { return (["onClick", "onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]); }, []);
-    var defaults = (0, react_1.useMemo)(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["loadingIndicator", "loadingIndicator.show"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onClick", "onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
         defaultLoadingIndicator: "loadingIndicator",
-    }); }, []);
-    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
         annotation: { optionName: "annotations", isCollectionItem: true },
         background: { optionName: "background", isCollectionItem: false },
         commonAnnotationSettings: { optionName: "commonAnnotationSettings", isCollectionItem: false },
@@ -84,14 +72,22 @@ var VectorMap = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref)
         title: { optionName: "title", isCollectionItem: false },
         tooltip: { optionName: "tooltip", isCollectionItem: false },
         vectorMapTitle: { optionName: "title", isCollectionItem: false }
-    }); }, []);
-    return (React.createElement((component_1.Component), __assign({ WidgetClass: vector_map_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren }, props)));
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: vector_map_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
 }));
 exports.VectorMap = VectorMap;
-var _componentAnnotation = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentAnnotation = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Annotation = Object.assign(_componentAnnotation, {
+const Annotation = Object.assign(_componentAnnotation, {
     OptionName: "annotations",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -112,31 +108,31 @@ var Annotation = Object.assign(_componentAnnotation, {
         }],
 });
 exports.Annotation = Annotation;
-var _componentAnnotationBorder = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentAnnotationBorder = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var AnnotationBorder = Object.assign(_componentAnnotationBorder, {
+const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
     OptionName: "border",
 });
 exports.AnnotationBorder = AnnotationBorder;
-var _componentBackground = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentBackground = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Background = Object.assign(_componentBackground, {
+const Background = Object.assign(_componentBackground, {
     OptionName: "background",
 });
 exports.Background = Background;
-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 _componentCommonAnnotationSettings = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentCommonAnnotationSettings = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
+const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
     OptionName: "commonAnnotationSettings",
     TemplateProps: [{
             tmplOption: "template",
@@ -149,48 +145,48 @@ var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings,
         }],
 });
 exports.CommonAnnotationSettings = CommonAnnotationSettings;
-var _componentControlBar = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentControlBar = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var ControlBar = Object.assign(_componentControlBar, {
+const ControlBar = Object.assign(_componentControlBar, {
     OptionName: "controlBar",
 });
 exports.ControlBar = ControlBar;
-var _componentExport = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentExport = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Export = Object.assign(_componentExport, {
+const Export = Object.assign(_componentExport, {
     OptionName: "export",
 });
 exports.Export = Export;
-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 _componentImage = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentImage = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Image = Object.assign(_componentImage, {
+const Image = Object.assign(_componentImage, {
     OptionName: "image",
 });
 exports.Image = Image;
-var _componentLabel = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLabel = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Label = Object.assign(_componentLabel, {
+const Label = Object.assign(_componentLabel, {
     OptionName: "label",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
     },
 });
 exports.Label = Label;
-var _componentLayer = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLayer = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Layer = Object.assign(_componentLayer, {
+const Layer = Object.assign(_componentLayer, {
     OptionName: "layers",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -198,10 +194,10 @@ var Layer = Object.assign(_componentLayer, {
     },
 });
 exports.Layer = Layer;
-var _componentLegend = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLegend = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Legend = Object.assign(_componentLegend, {
+const Legend = Object.assign(_componentLegend, {
     OptionName: "legends",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -220,10 +216,10 @@ var Legend = Object.assign(_componentLegend, {
         }],
 });
 exports.Legend = Legend;
-var _componentLegendTitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLegendTitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var LegendTitle = Object.assign(_componentLegendTitle, {
+const LegendTitle = Object.assign(_componentLegendTitle, {
     OptionName: "title",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
@@ -233,20 +229,20 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
     },
 });
 exports.LegendTitle = LegendTitle;
-var _componentLegendTitleSubtitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLegendTitleSubtitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
+const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
     OptionName: "subtitle",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
     },
 });
 exports.LegendTitleSubtitle = LegendTitleSubtitle;
-var _componentLoadingIndicator = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentLoadingIndicator = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
+const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
     OptionName: "loadingIndicator",
     DefaultsProps: {
         defaultShow: "show"
@@ -256,59 +252,59 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
     },
 });
 exports.LoadingIndicator = LoadingIndicator;
-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 _componentProjection = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentProjection = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Projection = Object.assign(_componentProjection, {
+const Projection = Object.assign(_componentProjection, {
     OptionName: "projection",
 });
 exports.Projection = Projection;
-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 _componentSource = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentSource = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Source = Object.assign(_componentSource, {
+const Source = Object.assign(_componentSource, {
     OptionName: "source",
 });
 exports.Source = Source;
-var _componentSubtitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentSubtitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Subtitle = Object.assign(_componentSubtitle, {
+const Subtitle = Object.assign(_componentSubtitle, {
     OptionName: "subtitle",
 });
 exports.Subtitle = Subtitle;
-var _componentTitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentTitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var Title = Object.assign(_componentTitle, {
+const Title = Object.assign(_componentTitle, {
     OptionName: "title",
 });
 exports.Title = Title;
-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 },
@@ -323,17 +319,17 @@ var Tooltip = Object.assign(_componentTooltip, {
         }],
 });
 exports.Tooltip = Tooltip;
-var _componentTooltipBorder = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentTooltipBorder = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var TooltipBorder = Object.assign(_componentTooltipBorder, {
+const TooltipBorder = Object.assign(_componentTooltipBorder, {
     OptionName: "border",
 });
 exports.TooltipBorder = TooltipBorder;
-var _componentVectorMapTitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentVectorMapTitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var VectorMapTitle = Object.assign(_componentVectorMapTitle, {
+const VectorMapTitle = Object.assign(_componentVectorMapTitle, {
     OptionName: "title",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
@@ -343,10 +339,10 @@ var VectorMapTitle = Object.assign(_componentVectorMapTitle, {
     },
 });
 exports.VectorMapTitle = VectorMapTitle;
-var _componentVectorMapTitleSubtitle = (0, react_1.memo)(function (props) {
-    return React.createElement((nested_option_1.default), __assign({}, props));
+const _componentVectorMapTitleSubtitle = (0, react_1.memo)((props) => {
+    return React.createElement((nested_option_1.default), { ...props });
 });
-var VectorMapTitleSubtitle = Object.assign(_componentVectorMapTitleSubtitle, {
+const VectorMapTitleSubtitle = Object.assign(_componentVectorMapTitleSubtitle, {
     OptionName: "subtitle",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }

package/esm/accordion.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
  *
@@ -12,43 +12,31 @@
  */
 
 "use client";
-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);
-};
 import * as React from "react";
 import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
 import dxAccordion from "devextreme/ui/accordion";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var Accordion = memo(forwardRef(function (props, ref) {
-    var baseRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const Accordion = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = useMemo(function () { return (["items", "selectedIndex", "selectedItem", "selectedItemKeys", "selectedItems"]); }, []);
-    var independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onItemTitleClick"]); }, []);
-    var defaults = useMemo(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = useMemo(() => (["items", "selectedIndex", "selectedItem", "selectedItemKeys", "selectedItems"]), []);
+    const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onItemTitleClick"]), []);
+    const defaults = useMemo(() => ({
         defaultItems: "items",
         defaultSelectedIndex: "selectedIndex",
         defaultSelectedItem: "selectedItem",
         defaultSelectedItemKeys: "selectedItemKeys",
         defaultSelectedItems: "selectedItems",
-    }); }, []);
-    var expectedChildren = useMemo(function () { return ({
+    }), []);
+    const expectedChildren = useMemo(() => ({
         item: { optionName: "items", isCollectionItem: true }
-    }); }, []);
-    var templateProps = useMemo(function () { return ([
+    }), []);
+    const templateProps = useMemo(() => ([
         {
             tmplOption: "itemTemplate",
             render: "itemRender",
@@ -59,13 +47,22 @@ var Accordion = memo(forwardRef(function (props, ref) {
             render: "itemTitleRender",
             component: "itemTitleComponent"
         },
-    ]); }, []);
-    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxAccordion, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+    ]), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxAccordion,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
 }));
-var _componentItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Item = Object.assign(_componentItem, {
+const Item = Object.assign(_componentItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{

package/esm/action-sheet.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
  *
@@ -12,52 +12,49 @@
  */
 
 "use client";
-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);
-};
 import * as React from "react";
 import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
 import dxActionSheet from "devextreme/ui/action_sheet";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var ActionSheet = memo(forwardRef(function (props, ref) {
-    var baseRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const ActionSheet = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = useMemo(function () { return (["items", "visible"]); }, []);
-    var independentEvents = useMemo(function () { return (["onCancelClick", "onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]); }, []);
-    var defaults = useMemo(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = useMemo(() => (["items", "visible"]), []);
+    const independentEvents = useMemo(() => (["onCancelClick", "onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]), []);
+    const defaults = useMemo(() => ({
         defaultItems: "items",
         defaultVisible: "visible",
-    }); }, []);
-    var expectedChildren = useMemo(function () { return ({
+    }), []);
+    const expectedChildren = useMemo(() => ({
         item: { optionName: "items", isCollectionItem: true }
-    }); }, []);
-    var templateProps = useMemo(function () { return ([
+    }), []);
+    const templateProps = useMemo(() => ([
         {
             tmplOption: "itemTemplate",
             render: "itemRender",
             component: "itemComponent"
         },
-    ]); }, []);
-    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxActionSheet, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+    ]), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxActionSheet,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
 }));
-var _componentItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Item = Object.assign(_componentItem, {
+const Item = Object.assign(_componentItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{