devextreme-react 24.1.2-beta → 24.1.3

package/cjs/core/template-wrapper.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
  *
@@ -35,54 +35,37 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplateWrapper = void 0;
-var React = __importStar(require("react"));
-var events = __importStar(require("devextreme/events"));
-var react_1 = require("react");
-var react_dom_1 = require("react-dom");
-var component_base_1 = require("./component-base");
-var helpers_1 = require("./helpers");
-var createHiddenNode = function (containerNodeName, ref, defaultElement) {
-    var style = { display: 'none' };
+const React = __importStar(require("react"));
+const events = __importStar(require("devextreme/events"));
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const component_base_1 = require("./component-base");
+const helpers_1 = require("./helpers");
+const createHiddenNode = (containerNodeName, ref, defaultElement) => {
+    const style = { display: 'none' };
     switch (containerNodeName) {
         case 'TABLE':
             return React.createElement("tbody", { style: style, ref: ref });
         case 'TBODY':
             return React.createElement("tr", { style: style, ref: ref });
         default:
-            return React.createElement(defaultElement, { style: style, ref: ref });
+            return React.createElement(defaultElement, { style, ref });
     }
 };
-var TemplateWrapperComponent = function (_a) {
-    var templateFactory = _a.templateFactory, data = _a.data, index = _a.index, container = _a.container, onRemoved = _a.onRemoved, onRendered = _a.onRendered;
-    var _b = __read((0, react_1.useState)(false), 2), removalListenerRequired = _b[0], setRemovalListenerRequired = _b[1];
-    var isRemovalLocked = (0, react_1.useRef)(false);
-    var removalLocker = (0, react_1.useMemo)(function () { return ({
-        lock: function () { isRemovalLocked.current = true; },
-        unlock: function () { isRemovalLocked.current = false; },
-    }); }, []);
-    var element = (0, react_1.useRef)();
-    var hiddenNodeElement = (0, react_1.useRef)();
-    var removalListenerElement = (0, react_1.useRef)();
-    var onTemplateRemoved = (0, react_1.useCallback)(function (_, args) {
-        if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked.current) {
+const TemplateWrapperComponent = ({ templateFactory, data, index, container, onRemoved, onRendered, }) => {
+    const [removalListenerRequired, setRemovalListenerRequired] = (0, react_1.useState)(false);
+    const isRemovalLocked = (0, react_1.useRef)(false);
+    const removalLocker = (0, react_1.useMemo)(() => ({
+        lock() { isRemovalLocked.current = true; },
+        unlock() { isRemovalLocked.current = false; },
+    }), []);
+    const element = (0, react_1.useRef)();
+    const hiddenNodeElement = (0, react_1.useRef)();
+    const removalListenerElement = (0, react_1.useRef)();
+    const onTemplateRemoved = (0, react_1.useCallback)((_, args) => {
+        if (args?.isUnmounting || isRemovalLocked.current) {
             return;
         }
         if (element.current) {
@@ -93,8 +76,8 @@ var TemplateWrapperComponent = function (_a) {
         }
         onRemoved();
     }, [onRemoved]);
-    (0, react_1.useLayoutEffect)(function () {
-        var el = element.current;
+    (0, react_1.useLayoutEffect)(() => {
+        const el = element.current;
         if (el && el.nodeType === Node.ELEMENT_NODE) {
             events.off(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
             events.on(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
@@ -106,7 +89,7 @@ var TemplateWrapperComponent = function (_a) {
             events.off(removalListenerElement.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
             events.on(removalListenerElement.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
         }
-        return function () {
+        return () => {
             if (element.current) {
                 container.appendChild(element.current);
             }
@@ -121,19 +104,19 @@ var TemplateWrapperComponent = function (_a) {
             }
         };
     }, [onTemplateRemoved, removalListenerRequired, container]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         onRendered();
     }, [onRendered]);
-    var hiddenNode = createHiddenNode(container === null || container === void 0 ? void 0 : container.nodeName, function (node) {
+    const hiddenNode = createHiddenNode(container?.nodeName, (node) => {
         hiddenNodeElement.current = node;
-        element.current = node === null || node === void 0 ? void 0 : node.previousSibling;
+        element.current = node?.previousSibling;
     }, 'div');
-    var removalListener = removalListenerRequired
-        ? createHiddenNode(container === null || container === void 0 ? void 0 : container.nodeName, function (node) { removalListenerElement.current = node; }, 'span')
+    const removalListener = removalListenerRequired
+        ? createHiddenNode(container?.nodeName, (node) => { removalListenerElement.current = node; }, 'span')
         : undefined;
     return (0, react_dom_1.createPortal)(React.createElement(React.Fragment, null,
         React.createElement(helpers_1.RemovalLockerContext.Provider, { value: removalLocker },
-            templateFactory({ data: data, index: index, onRendered: onRendered }),
+            templateFactory({ data, index, onRendered }),
             hiddenNode,
             removalListener)), container);
 };

package/cjs/core/template.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/core/template.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
  *
@@ -14,8 +14,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findProps = exports.Template = void 0;
-var react_1 = require("react");
-var Template = (0, react_1.memo)(function () { return null; });
+const react_1 = require("react");
+const Template = (0, react_1.memo)(() => null);
 exports.Template = Template;
 function findProps(child) {
     if (child.type !== Template) {

package/cjs/core/types.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/core/types.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
  *

package/cjs/core/widget-config.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/core/widget-config.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
  *
@@ -14,11 +14,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.separateProps = exports.getClassName = exports.elementPropNames = void 0;
-var elementPropNames = ['style', 'id'];
+const elementPropNames = ['style', 'id'];
 exports.elementPropNames = elementPropNames;
-var classNamePropName = 'className';
-var refPropName = ['dropZone', 'dialogTrigger'];
-var internalProps = {
+const classNamePropName = 'className';
+const refPropName = ['dropZone', 'dialogTrigger'];
+const internalProps = {
     WidgetClass: {},
     isPortalComponent: false,
     defaults: {},
@@ -27,10 +27,10 @@ var internalProps = {
     subscribableOptions: [],
     independentEvents: [],
     useRequestAnimationFrameFlag: false,
-    clearExtensions: function () { return undefined; },
-    renderChildren: function () { return undefined; },
-    beforeCreateWidget: function () { return undefined; },
-    afterCreateWidget: function () { return undefined; },
+    clearExtensions: () => undefined,
+    renderChildren: () => undefined,
+    beforeCreateWidget: () => undefined,
+    afterCreateWidget: () => undefined,
 };
 function isIgnoredProp(name) {
     return name === 'children'
@@ -39,9 +39,8 @@ function isIgnoredProp(name) {
         || Object.prototype.hasOwnProperty.call(internalProps, name);
 }
 function getRefElement(value) {
-    var _a, _b;
-    if (value === null || value === void 0 ? void 0 : value.current) {
-        if ((_b = (_a = value.current).instance) === null || _b === void 0 ? void 0 : _b.call(_a).element()) {
+    if (value?.current) {
+        if (value.current.instance?.().element()) {
             return value.current.instance().element();
         }
         return value.current;
@@ -50,17 +49,17 @@ function getRefElement(value) {
 }
 function separateProps(props, defaultsProps, templateProps) {
     templateProps = templateProps || [];
-    var defaults = {};
-    var options = {};
-    var templates = {};
-    var knownTemplates = {};
-    templateProps.forEach(function (value) {
+    const defaults = {};
+    const options = {};
+    const templates = {};
+    const knownTemplates = {};
+    templateProps.forEach((value) => {
         knownTemplates[value.component] = true;
         knownTemplates[value.render] = true;
     });
-    Object.keys(props).forEach(function (key) {
-        var defaultOptionName = defaultsProps ? defaultsProps[key] : null;
-        var value = props[key];
+    Object.keys(props).forEach((key) => {
+        const defaultOptionName = defaultsProps ? defaultsProps[key] : null;
+        const value = props[key];
         if (isIgnoredProp(key)) {
             return;
         }
@@ -78,7 +77,7 @@ function separateProps(props, defaultsProps, templateProps) {
         }
         options[key] = props[key];
     });
-    return { options: options, defaults: defaults, templates: templates };
+    return { options, defaults, templates };
 }
 exports.separateProps = separateProps;
 function getClassName(props) {

package/cjs/data-grid.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
  *
@@ -113,7 +113,7 @@ interface DataGridRef<TRowData = any, TKey = any> {
     instance: () => dxDataGrid<TRowData, TKey>;
 }
 declare const DataGrid: <TRowData = any, TKey = any>(props: ReplaceFieldTypes<Properties<TRowData, TKey>, IDataGridOptionsNarrowedEvents<TRowData, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TRowData, TKey> | null | undefined;
+    dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TRowData, TKey> | null | undefined;
     dataRowRender?: ((...params: any) => React.ReactNode) | undefined;
     dataRowComponent?: React.ComponentType<any> | undefined;
     rowRender?: ((...params: any) => React.ReactNode) | undefined;