devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/core/component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,24 +12,24 @@
  */
 
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
+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 function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -49,47 +49,62 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = void 0;
 var React = __importStar(require("react"));
+var react_1 = require("react");
 var component_base_1 = require("./component-base");
 var extension_component_1 = require("./extension-component");
-var Component = /** @class */ (function (_super) {
-    __extends(Component, _super);
-    function Component(props) {
-        var _this = _super.call(this, props) || this;
-        _this._extensionCreators = [];
-        _this._registerExtension = _this._registerExtension.bind(_this);
-        return _this;
-    }
-    Component.prototype.componentDidMount = function () {
-        _super.prototype.componentDidMount.call(this);
-        this._createWidget();
-        this._createExtensions();
-    };
-    Component.prototype.componentWillUnmount = function () {
-        _super.prototype.componentWillUnmount.call(this);
-        this.clearExtensions();
-    };
-    Component.prototype.clearExtensions = function () {
-        this._extensionCreators = [];
-    };
-    // @ts-expect-error TS2416
-    Component.prototype.renderChildren = function () {
-        var _this = this;
-        return React.Children.map(
-        // @ts-expect-error TS2339
-        this.props.children, function (child) {
-            if (child && Object.prototype.isPrototypeOf.call(extension_component_1.ExtensionComponent, child.type)) {
-                return React.cloneElement(child, { onMounted: _this._registerExtension });
-            }
-            return child;
-        });
-    };
-    Component.prototype._registerExtension = function (creator) {
-        this._extensionCreators.push(creator);
-    };
-    Component.prototype._createExtensions = function () {
-        var _this = this;
-        this._extensionCreators.forEach(function (creator) { return creator(_this._element); });
-    };
-    return Component;
-}(component_base_1.ComponentBase));
+var Component = (0, react_1.forwardRef)(function (props, ref) {
+    var componentBaseRef = (0, react_1.useRef)(null);
+    var extensionCreators = (0, react_1.useRef)([]);
+    var registerExtension = (0, react_1.useCallback)(function (creator) {
+        extensionCreators.current.push(creator);
+    }, [extensionCreators.current]);
+    var createExtensions = (0, react_1.useCallback)(function () {
+        extensionCreators.current.forEach(function (creator) { var _a; return creator((_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement()); });
+    }, [extensionCreators.current, componentBaseRef.current]);
+    var renderChildren = (0, react_1.useCallback)(function () { return React.Children.map(
+    // @ts-expect-error TS2339
+    props.children, function (child) {
+        if (child && (0, extension_component_1.elementIsExtension)(child)) {
+            return React.cloneElement(child, { onMounted: registerExtension });
+        }
+        return child;
+    }); }, [props, registerExtension]);
+    var createWidget = (0, react_1.useCallback)(function (el) {
+        var _a;
+        (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
+    }, [componentBaseRef.current]);
+    var clearExtensions = (0, react_1.useCallback)(function () {
+        if (props.clearExtensions) {
+            props.clearExtensions();
+        }
+        extensionCreators.current = [];
+    }, [
+        extensionCreators.current,
+        props.clearExtensions,
+    ]);
+    (0, react_1.useLayoutEffect)(function () {
+        createWidget();
+        createExtensions();
+        return function () {
+            clearExtensions();
+        };
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        getInstance: function () {
+            var _a;
+            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+        },
+        getElement: function () {
+            var _a;
+            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement();
+        },
+        createWidget: function (el) {
+            createWidget(el);
+        },
+        clearExtensions: function () {
+            clearExtensions();
+        },
+    }); }, [componentBaseRef.current, createWidget, clearExtensions]);
+    return (React.createElement(component_base_1.ComponentBase, __assign({ ref: componentBaseRef, renderChildren: renderChildren }, props)));
+});
 exports.Component = Component;

package/cjs/core/config.d.ts

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

package/cjs/core/config.js

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

package/cjs/core/configuration/comparer.d.ts

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

package/cjs/core/configuration/comparer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -21,8 +21,8 @@ function compareTemplates(current, prev, changesAccum) {
     var currentTemplates = {};
     var prevTemplatesOptions = {};
     var prevTemplates = {};
-    tree_1.buildTemplates(current, currentTemplatesOptions, currentTemplates);
-    tree_1.buildTemplates(prev, prevTemplatesOptions, prevTemplates);
+    (0, tree_1.buildTemplates)(current, currentTemplatesOptions, currentTemplates);
+    (0, tree_1.buildTemplates)(prev, prevTemplatesOptions, prevTemplates);
     changesAccum.addRemovedValues(currentTemplatesOptions, prevTemplatesOptions, current.fullName);
     // TODO: support switching to default templates
     // appendRemovedValues(currentTemplates, prevTemplates, "", changesAccum.templates);
@@ -30,7 +30,7 @@ function compareTemplates(current, prev, changesAccum) {
         if (currentTemplatesOptions[key] === prevTemplatesOptions[key]) {
             return;
         }
-        changesAccum.options[utils_1.mergeNameParts(current.fullName, key)] = currentTemplatesOptions[key];
+        changesAccum.options[(0, utils_1.mergeNameParts)(current.fullName, key)] = currentTemplatesOptions[key];
     });
     Object.keys(currentTemplates).forEach(function (key) {
         var currentTemplate = currentTemplates[key];
@@ -43,7 +43,7 @@ function compareTemplates(current, prev, changesAccum) {
 }
 function compare(current, prev, changesAccum) {
     if (!prev) {
-        changesAccum.options[current.fullName] = tree_1.buildNode(current, changesAccum.templates, true);
+        changesAccum.options[current.fullName] = (0, tree_1.buildNode)(current, changesAccum.templates, true);
         return;
     }
     changesAccum.addRemovedValues(current.options, prev.options, current.fullName);
@@ -58,14 +58,14 @@ function compare(current, prev, changesAccum) {
         if (current.options[key] === prev.options[key]) {
             return;
         }
-        changesAccum.options[utils_1.mergeNameParts(current.fullName, key)] = current.options[key];
+        changesAccum.options[(0, utils_1.mergeNameParts)(current.fullName, key)] = current.options[key];
     });
     compareTemplates(current, prev, changesAccum);
 }
 function appendRemovedValues(current, prev, path, changesAccum) {
     var removedKeys = Object.keys(prev).filter(function (key) { return !Object.keys(current).includes(key); });
     removedKeys.forEach(function (key) {
-        changesAccum.push(utils_1.mergeNameParts(path, key));
+        changesAccum.push((0, utils_1.mergeNameParts)(path, key));
     });
 }
 function getChanges(current, prev) {
@@ -88,10 +88,10 @@ function compareCollections(current, prev, changesAccum) {
         if (!currentCollection || currentCollection.length !== prevCollection.length) {
             var updatedCollection_1 = [];
             currentCollection.forEach(function (item) {
-                var config = tree_1.buildNode(item, changesAccum.templates, true);
+                var config = (0, tree_1.buildNode)(item, changesAccum.templates, true);
                 updatedCollection_1.push(config);
             });
-            changesAccum.options[utils_1.mergeNameParts(current.fullName, key)] = updatedCollection_1;
+            changesAccum.options[(0, utils_1.mergeNameParts)(current.fullName, key)] = updatedCollection_1;
             return;
         }
         for (var i = 0; i < currentCollection.length; i += 1) {

package/cjs/core/configuration/config-node.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -25,6 +25,5 @@ interface ITemplate {
     isAnonymous: boolean;
     type: 'component' | 'render' | 'children';
     content: any;
-    keyFn?: (data: any) => string;
 }
 export { IConfigNode, ITemplate, };

package/cjs/core/configuration/config-node.js

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

package/cjs/core/configuration/react/element.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -42,6 +42,14 @@ interface ITemplateElement {
 interface IUnknownElement {
     type: ElementType.Unknown;
 }
-declare type IElement = IOptionElement | ITemplateElement | IUnknownElement;
+type IElement = IOptionElement | ITemplateElement | IUnknownElement;
 declare function getElementInfo(element: React.ReactNode, parentExpectedChildren?: Record<string, IExpectedChild>): IElement;
-export { getElementInfo, ElementType, IElement, IOptionElement, IExpectedChild, };
+interface IElementDescriptor {
+    OptionName: string;
+    IsCollectionItem?: boolean;
+    DefaultsProps?: Record<string, string>;
+    TemplateProps?: ITemplateMeta[];
+    PredefinedProps?: Record<string, any>;
+    ExpectedChildren?: Record<string, IExpectedChild>;
+}
+export { getElementInfo, ElementType, IElement, IOptionElement, IExpectedChild, IElementDescriptor, };

package/cjs/core/configuration/react/element.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,8 +20,7 @@ var ElementType;
     ElementType[ElementType["Option"] = 0] = "Option";
     ElementType[ElementType["Template"] = 1] = "Template";
     ElementType[ElementType["Unknown"] = 2] = "Unknown";
-})(ElementType || (ElementType = {}));
-exports.ElementType = ElementType;
+})(ElementType || (exports.ElementType = ElementType = {}));
 function getElementInfo(element, parentExpectedChildren) {
     var reactElement = element;
     if (!reactElement || !reactElement.type) {
@@ -50,7 +49,7 @@ function getElementInfo(element, parentExpectedChildren) {
             type: ElementType.Option,
             descriptor: {
                 name: name_1,
-                isCollection: isCollectionItem,
+                isCollection: !!isCollectionItem,
                 templates: elementDescriptor.TemplateProps || [],
                 initialValuesProps: elementDescriptor.DefaultsProps || {},
                 predefinedValuesProps: elementDescriptor.PredefinedProps || {},

package/cjs/core/configuration/react/templates.d.ts

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

package/cjs/core/configuration/react/templates.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -21,7 +21,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'children',
             content: props.children,
-            keyFn: props[templateMeta.keyFn],
         };
     }
     if (props[templateMeta.render]) {
@@ -30,7 +29,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'render',
             content: props[templateMeta.render],
-            keyFn: props[templateMeta.keyFn],
         };
     }
     if (props[templateMeta.component]) {
@@ -39,7 +37,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'component',
             content: props[templateMeta.component],
-            keyFn: props[templateMeta.keyFn],
         };
     }
     return null;
@@ -55,7 +52,6 @@ function getNamedTemplate(props) {
             isAnonymous: false,
             type: 'component',
             content: props.component,
-            keyFn: props.keyFn,
         };
     }
     if (props.render) {
@@ -64,7 +60,6 @@ function getNamedTemplate(props) {
             isAnonymous: false,
             type: 'render',
             content: props.render,
-            keyFn: props.keyFn,
         };
     }
     return {
@@ -72,7 +67,6 @@ function getNamedTemplate(props) {
         isAnonymous: false,
         type: 'children',
         content: props.children,
-        keyFn: props.keyFn,
     };
 }
 exports.getNamedTemplate = getNamedTemplate;

package/cjs/core/configuration/react/tree.d.ts

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

package/cjs/core/configuration/react/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -25,7 +25,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -55,7 +59,7 @@ function processChildren(parentElement, parentFullName) {
     var configs = {};
     var hasTranscludedContent = false;
     React.Children.map(parentElement.props.children, function (child) {
-        var element = element_1.getElementInfo(child, parentElement.descriptor.expectedChildren);
+        var element = (0, element_1.getElementInfo)(child, parentElement.descriptor.expectedChildren);
         if (element.type === element_1.ElementType.Unknown) {
             if (child !== null && child !== undefined && child !== false) {
                 hasTranscludedContent = true;
@@ -63,7 +67,7 @@ function processChildren(parentElement, parentFullName) {
             return;
         }
         if (element.type === element_1.ElementType.Template) {
-            var template = templates_1.getNamedTemplate(element.props);
+            var template = (0, templates_1.getNamedTemplate)(element.props);
             if (template) {
                 templates.push(template);
             }
@@ -76,7 +80,7 @@ function processChildren(parentElement, parentFullName) {
                 configCollections[element.descriptor.name] = collection;
             }
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
-            var collectionItem = createConfigNode(element, utils_1.mergeNameParts(parentFullName, element.descriptor.name) + "[" + collection.length + "]");
+            var collectionItem = createConfigNode(element, "".concat((0, utils_1.mergeNameParts)(parentFullName, element.descriptor.name), "[").concat(collection.length, "]"));
             collection.push(collectionItem);
             return;
         }
@@ -95,11 +99,11 @@ exports.processChildren = processChildren;
 function createConfigNode(element, path) {
     var fullName = element.descriptor.isCollection
         ? path
-        : utils_1.mergeNameParts(path, element.descriptor.name);
-    var separatedValues = widget_config_1.separateProps(element.props, element.descriptor.initialValuesProps, element.descriptor.templates);
+        : (0, utils_1.mergeNameParts)(path, element.descriptor.name);
+    var separatedValues = (0, widget_config_1.separateProps)(element.props, element.descriptor.initialValuesProps, element.descriptor.templates);
     var childrenData = processChildren(element, fullName);
     element.descriptor.templates.forEach(function (templateMeta) {
-        var template = templates_1.getAnonymousTemplate(element.props, templateMeta, path.length > 0 ? childrenData.hasTranscludedContent : false);
+        var template = (0, templates_1.getAnonymousTemplate)(element.props, templateMeta, path.length > 0 ? childrenData.hasTranscludedContent : false);
         if (template) {
             childrenData.templates.push(template);
         }

package/cjs/core/configuration/tree.d.ts

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

package/cjs/core/configuration/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -18,7 +18,7 @@ var utils_1 = require("./utils");
 function buildTemplates(node, optionsAccum, templatesAccum) {
     node.templates.forEach(function (template) {
         if (template.isAnonymous) {
-            var templateName = utils_1.mergeNameParts(node.fullName, template.optionName);
+            var templateName = (0, utils_1.mergeNameParts)(node.fullName, template.optionName);
             optionsAccum[template.optionName] = templateName;
             templatesAccum[templateName] = template;
         }
@@ -65,8 +65,7 @@ var ValueType;
     ValueType[ValueType["Simple"] = 0] = "Simple";
     ValueType[ValueType["Complex"] = 1] = "Complex";
     ValueType[ValueType["Array"] = 2] = "Array";
-})(ValueType || (ValueType = {}));
-exports.ValueType = ValueType;
+})(ValueType || (exports.ValueType = ValueType = {}));
 function findValueInObject(obj, path) {
     var key = path.shift();
     if (!key) {
@@ -89,7 +88,7 @@ function findValue(node, path) {
             type: ValueType.Complex,
         };
     }
-    var optionInfo = utils_1.parseOptionName(name);
+    var optionInfo = (0, utils_1.parseOptionName)(name);
     if (optionInfo.name in node.options) {
         var options = optionInfo.isCollectionItem
             ? node.options[optionInfo.name][optionInfo.index]

package/cjs/core/configuration/utils.d.ts

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

package/cjs/core/configuration/utils.js

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

package/cjs/core/extension-component.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,8 +11,15 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import { ComponentBase, IHtmlOptions } from './component-base';
-declare class ExtensionComponent<P extends IHtmlOptions> extends ComponentBase<P> {
-    componentDidMount(): void;
-}
-export { ExtensionComponent, };
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { IHtmlOptions, ComponentBaseRef } from './component-base';
+import { ComponentProps } from './component';
+type NestedOptionElement = ReactElement<any, React.JSXElementConstructor<any> & {
+    isExtensionComponent: boolean;
+}>;
+declare function elementIsExtension(el: NestedOptionElement): boolean;
+declare const ExtensionComponent: <P extends IHtmlOptions>(props: P & ComponentProps & {
+    ref?: React.Ref<ComponentBaseRef> | undefined;
+}) => ReactElement | null;
+export { ExtensionComponent, elementIsExtension, };