devextreme-react 24.1.2-beta → 24.1.3

package/esm/form.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,36 +12,24 @@
  */
 
 "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 dxForm from "devextreme/ui/form";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var Form = 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 Form = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = useMemo(function () { return (["formData"]); }, []);
-    var independentEvents = useMemo(function () { return (["onContentReady", "onDisposing", "onEditorEnterKey", "onInitialized"]); }, []);
-    var defaults = useMemo(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = useMemo(() => (["formData"]), []);
+    const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onEditorEnterKey", "onInitialized"]), []);
+    const defaults = useMemo(() => ({
         defaultFormData: "formData",
-    }); }, []);
-    var expectedChildren = useMemo(function () { return ({
+    }), []);
+    const expectedChildren = useMemo(() => ({
         ButtonItem: { optionName: "items", isCollectionItem: true },
         colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false },
         EmptyItem: { optionName: "items", isCollectionItem: true },
@@ -49,23 +37,31 @@ var Form = memo(forwardRef(function (props, ref) {
         item: { optionName: "items", isCollectionItem: true },
         SimpleItem: { optionName: "items", isCollectionItem: true },
         TabbedItem: { optionName: "items", isCollectionItem: true }
-    }); }, []);
-    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxForm, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren }, props)));
+    }), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxForm,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
 }));
-var _componentAsyncRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAsyncRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AsyncRule = Object.assign(_componentAsyncRule, {
+const AsyncRule = Object.assign(_componentAsyncRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "async"
     },
 });
-var _componentButtonItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentButtonItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ButtonItem = Object.assign(_componentButtonItem, {
+const ButtonItem = Object.assign(_componentButtonItem, {
     OptionName: "items",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -75,10 +71,10 @@ var ButtonItem = Object.assign(_componentButtonItem, {
         itemType: "button"
     },
 });
-var _componentButtonOptions = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentButtonOptions = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ButtonOptions = Object.assign(_componentButtonOptions, {
+const ButtonOptions = Object.assign(_componentButtonOptions, {
     OptionName: "buttonOptions",
     TemplateProps: [{
             tmplOption: "template",
@@ -86,56 +82,56 @@ var ButtonOptions = Object.assign(_componentButtonOptions, {
             component: "component"
         }],
 });
-var _componentColCountByScreen = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColCountByScreen = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColCountByScreen = Object.assign(_componentColCountByScreen, {
+const ColCountByScreen = Object.assign(_componentColCountByScreen, {
     OptionName: "colCountByScreen",
 });
-var _componentCompareRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCompareRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CompareRule = Object.assign(_componentCompareRule, {
+const CompareRule = Object.assign(_componentCompareRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "compare"
     },
 });
-var _componentCustomRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCustomRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CustomRule = Object.assign(_componentCustomRule, {
+const CustomRule = Object.assign(_componentCustomRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "custom"
     },
 });
-var _componentEmailRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentEmailRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var EmailRule = Object.assign(_componentEmailRule, {
+const EmailRule = Object.assign(_componentEmailRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "email"
     },
 });
-var _componentEmptyItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentEmptyItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var EmptyItem = Object.assign(_componentEmptyItem, {
+const EmptyItem = Object.assign(_componentEmptyItem, {
     OptionName: "items",
     IsCollectionItem: true,
     PredefinedProps: {
         itemType: "empty"
     },
 });
-var _componentGroupItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGroupItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var GroupItem = Object.assign(_componentGroupItem, {
+const GroupItem = Object.assign(_componentGroupItem, {
     OptionName: "items",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -154,10 +150,10 @@ var GroupItem = Object.assign(_componentGroupItem, {
         itemType: "group"
     },
 });
-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: [{
@@ -174,10 +170,10 @@ var Item = Object.assign(_componentItem, {
             component: "captionComponent"
         }],
 });
-var _componentLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Label = Object.assign(_componentLabel, {
+const Label = Object.assign(_componentLabel, {
     OptionName: "label",
     TemplateProps: [{
             tmplOption: "template",
@@ -185,50 +181,50 @@ var Label = Object.assign(_componentLabel, {
             component: "component"
         }],
 });
-var _componentNumericRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentNumericRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var NumericRule = Object.assign(_componentNumericRule, {
+const NumericRule = Object.assign(_componentNumericRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "numeric"
     },
 });
-var _componentPatternRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPatternRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PatternRule = Object.assign(_componentPatternRule, {
+const PatternRule = Object.assign(_componentPatternRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "pattern"
     },
 });
-var _componentRangeRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRangeRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RangeRule = Object.assign(_componentRangeRule, {
+const RangeRule = Object.assign(_componentRangeRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "range"
     },
 });
-var _componentRequiredRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRequiredRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RequiredRule = Object.assign(_componentRequiredRule, {
+const RequiredRule = Object.assign(_componentRequiredRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "required"
     },
 });
-var _componentSimpleItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSimpleItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SimpleItem = Object.assign(_componentSimpleItem, {
+const SimpleItem = Object.assign(_componentSimpleItem, {
     OptionName: "items",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -253,20 +249,20 @@ var SimpleItem = Object.assign(_componentSimpleItem, {
         itemType: "simple"
     },
 });
-var _componentStringLengthRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStringLengthRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StringLengthRule = Object.assign(_componentStringLengthRule, {
+const StringLengthRule = Object.assign(_componentStringLengthRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "stringLength"
     },
 });
-var _componentTab = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTab = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Tab = Object.assign(_componentTab, {
+const Tab = Object.assign(_componentTab, {
     OptionName: "tabs",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -282,10 +278,10 @@ var Tab = Object.assign(_componentTab, {
             component: "component"
         }],
 });
-var _componentTabbedItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTabbedItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TabbedItem = Object.assign(_componentTabbedItem, {
+const TabbedItem = Object.assign(_componentTabbedItem, {
     OptionName: "items",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -296,10 +292,10 @@ var TabbedItem = Object.assign(_componentTabbedItem, {
         itemType: "tabbed"
     },
 });
-var _componentTabPanelOptions = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTabPanelOptions = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TabPanelOptions = Object.assign(_componentTabPanelOptions, {
+const TabPanelOptions = Object.assign(_componentTabPanelOptions, {
     OptionName: "tabPanelOptions",
     DefaultsProps: {
         defaultItems: "items",
@@ -320,10 +316,10 @@ var TabPanelOptions = Object.assign(_componentTabPanelOptions, {
             component: "itemTitleComponent"
         }],
 });
-var _componentTabPanelOptionsItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTabPanelOptionsItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TabPanelOptionsItem = Object.assign(_componentTabPanelOptionsItem, {
+const TabPanelOptionsItem = Object.assign(_componentTabPanelOptionsItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{
@@ -336,10 +332,10 @@ var TabPanelOptionsItem = Object.assign(_componentTabPanelOptionsItem, {
             component: "component"
         }],
 });
-var _componentValidationRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentValidationRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ValidationRule = Object.assign(_componentValidationRule, {
+const ValidationRule = Object.assign(_componentValidationRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {