devextreme-react 26.1.2-beta → 26.1.3

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

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,27 +11,27 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-import * as React from 'react';
-import { ReactElement } from 'react';
-import { IHtmlOptions, ComponentBaseRef } from './component-base';
-import { ComponentProps, NestedComponentMeta } from './component';
-type NestedOptionElement = ReactElement<any, React.JSXElementConstructor<any> & NestedComponentMeta>;
-declare function elementIsExtension(el: any): el is NestedOptionElement;
-declare const ExtensionComponent: <P extends IHtmlOptions>(props: P & {
-    WidgetClass?: any;
-    isPortalComponent?: boolean | undefined;
-    defaults?: Record<string, string> | undefined;
-    templateProps?: import("./template").ITemplateMeta[] | undefined;
-    expectedChildren?: Record<string, import("./configuration/react/element").IExpectedChild> | undefined;
-    subscribableOptions?: string[] | undefined;
-    independentEvents?: string[] | undefined;
-    useRequestAnimationFrameFlag?: boolean | undefined;
-    clearExtensions?: (() => void) | undefined;
-    beforeCreateWidget?: ((element?: Element | undefined) => void) | undefined;
-    afterCreateWidget?: ((element?: Element | undefined) => void) | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<ComponentBaseRef> | undefined;
-}) => ReactElement | null;
-export { ExtensionComponent, elementIsExtension, };
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { IHtmlOptions, ComponentBaseRef } from './component-base';
+import { ComponentProps, NestedComponentMeta } from './component';
+type NestedOptionElement = ReactElement<any, React.JSXElementConstructor<any> & NestedComponentMeta>;
+declare function elementIsExtension(el: any): el is NestedOptionElement;
+declare const ExtensionComponent: <P extends IHtmlOptions>(props: P & {
+    WidgetClass?: any;
+    isPortalComponent?: boolean | undefined;
+    defaults?: Record<string, string> | undefined;
+    templateProps?: import("./template").ITemplateMeta[] | undefined;
+    expectedChildren?: Record<string, import("./configuration/react/element").IExpectedChild> | undefined;
+    subscribableOptions?: string[] | undefined;
+    independentEvents?: string[] | undefined;
+    useRequestAnimationFrameFlag?: boolean | undefined;
+    clearExtensions?: (() => void) | undefined;
+    beforeCreateWidget?: ((element?: Element | undefined) => void) | undefined;
+    afterCreateWidget?: ((element?: Element | undefined) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<ComponentBaseRef> | undefined;
+}) => ReactElement | null;
+export { ExtensionComponent, elementIsExtension, };

package/cjs/core/extension-component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,71 +11,71 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.elementIsExtension = exports.ExtensionComponent = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const component_base_1 = require("./component-base");
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-function elementIsExtension(el) {
-    return el.type?.componentType === 'extension';
-}
-exports.elementIsExtension = elementIsExtension;
-const ExtensionComponent = (0, react_1.forwardRef)(
-// eslint-disable-next-line @stylistic/max-len
-(props, ref) => {
-    const componentBaseRef = (0, react_1.useRef)(null);
-    const createWidget = (0, react_1.useCallback)((el) => {
-        componentBaseRef.current?.createWidget(el);
-    }, []);
-    (0, react_1.useLayoutEffect)(() => {
-        const { onMounted } = props;
-        if (onMounted) {
-            onMounted(createWidget);
-        }
-        else {
-            createWidget();
-        }
-    }, []);
-    const createWidgetRef = (0, react_1.useRef)(createWidget);
-    (0, react_1.useLayoutEffect)(() => {
-        createWidgetRef.current = createWidget;
-    }, [createWidget]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        getInstance() {
-            return componentBaseRef.current?.getInstance();
-        },
-        getElement() {
-            return componentBaseRef.current?.getElement();
-        },
-        createWidget(el) {
-            createWidgetRef.current?.(el);
-        },
-    }), []);
-    return (React.createElement(component_base_1.ComponentBase, { ref: componentBaseRef, ...props }));
-});
-exports.ExtensionComponent = ExtensionComponent;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.elementIsExtension = exports.ExtensionComponent = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const component_base_1 = require("./component-base");
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+function elementIsExtension(el) {
+    return el.type?.componentType === 'extension';
+}
+exports.elementIsExtension = elementIsExtension;
+const ExtensionComponent = (0, react_1.forwardRef)(
+// eslint-disable-next-line @stylistic/max-len
+(props, ref) => {
+    const componentBaseRef = (0, react_1.useRef)(null);
+    const createWidget = (0, react_1.useCallback)((el) => {
+        componentBaseRef.current?.createWidget(el);
+    }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        const { onMounted } = props;
+        if (onMounted) {
+            onMounted(createWidget);
+        }
+        else {
+            createWidget();
+        }
+    }, []);
+    const createWidgetRef = (0, react_1.useRef)(createWidget);
+    (0, react_1.useLayoutEffect)(() => {
+        createWidgetRef.current = createWidget;
+    }, [createWidget]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        getInstance() {
+            return componentBaseRef.current?.getInstance();
+        },
+        getElement() {
+            return componentBaseRef.current?.getElement();
+        },
+        createWidget(el) {
+            createWidgetRef.current?.(el);
+        },
+    }), []);
+    return (React.createElement(component_base_1.ComponentBase, { ref: componentBaseRef, ...props }));
+});
+exports.ExtensionComponent = ExtensionComponent;

package/cjs/core/helpers.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,31 +11,31 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-import { IElementDescriptor } from './configuration/react/element';
-import { TemplateInstantiationModel } from './types';
-export declare function generateID(): string;
-export declare class DoubleKeyMap<TKey1, TKey2, TValue> {
-    private readonly _map;
-    set({ key1, key2 }: {
-        key1: TKey1;
-        key2: TKey2;
-    }, value: TValue): void;
-    get({ key1, key2 }: {
-        key1: TKey1;
-        key2: TKey2;
-    }): TValue | undefined;
-    delete({ key1, key2 }: {
-        key1: TKey1;
-        key2: TKey2;
-    }): void;
-    clear(): void;
-    get empty(): boolean;
-    [Symbol.iterator](): Generator<[{
-        key1: TKey1;
-        key2: TKey2;
-    }, TValue]>;
-}
-export declare class TemplateInstantiationModels extends DoubleKeyMap<any, HTMLElement, TemplateInstantiationModel> {
-}
-export declare function capitalizeFirstLetter(text: string): string;
-export declare function hasExpectedChildren(elementDescriptor: IElementDescriptor): boolean;
+import { IElementDescriptor } from './configuration/react/element';
+import { TemplateInstantiationModel } from './types';
+export declare function generateID(): string;
+export declare class DoubleKeyMap<TKey1, TKey2, TValue> {
+    private readonly _map;
+    set({ key1, key2 }: {
+        key1: TKey1;
+        key2: TKey2;
+    }, value: TValue): void;
+    get({ key1, key2 }: {
+        key1: TKey1;
+        key2: TKey2;
+    }): TValue | undefined;
+    delete({ key1, key2 }: {
+        key1: TKey1;
+        key2: TKey2;
+    }): void;
+    clear(): void;
+    get empty(): boolean;
+    [Symbol.iterator](): Generator<[{
+        key1: TKey1;
+        key2: TKey2;
+    }, TValue]>;
+}
+export declare class TemplateInstantiationModels extends DoubleKeyMap<any, HTMLElement, TemplateInstantiationModel> {
+}
+export declare function capitalizeFirstLetter(text: string): string;
+export declare function hasExpectedChildren(elementDescriptor: IElementDescriptor): boolean;

package/cjs/core/helpers.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,66 +11,66 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasExpectedChildren = exports.capitalizeFirstLetter = exports.TemplateInstantiationModels = exports.DoubleKeyMap = exports.generateID = void 0;
-function generateID() {
-    return Math.random().toString(36).substring(2);
-}
-exports.generateID = generateID;
-class DoubleKeyMap {
-    constructor() {
-        this._map = new Map();
-    }
-    set({ key1, key2 }, value) {
-        let innerMap = this._map.get(key1);
-        if (!innerMap) {
-            innerMap = new Map();
-            this._map.set(key1, innerMap);
-        }
-        innerMap.set(key2, value);
-    }
-    get({ key1, key2 }) {
-        const innerMap = this._map.get(key1);
-        return innerMap ? innerMap.get(key2) : undefined;
-    }
-    delete({ key1, key2 }) {
-        const innerMap = this._map.get(key1);
-        if (!innerMap) {
-            return;
-        }
-        innerMap.delete(key2);
-        if (innerMap.size === 0) {
-            this._map.delete(key1);
-        }
-    }
-    clear() {
-        this._map.clear();
-    }
-    get empty() {
-        return this._map.size === 0;
-    }
-    *[Symbol.iterator]() {
-        for (const [key1, innerMap] of this._map) {
-            for (const [key2, value] of innerMap) {
-                yield [{ key1, key2 }, value];
-            }
-        }
-    }
-}
-exports.DoubleKeyMap = DoubleKeyMap;
-// eslint-disable-next-line @stylistic/max-len
-class TemplateInstantiationModels extends DoubleKeyMap {
-}
-exports.TemplateInstantiationModels = TemplateInstantiationModels;
-function capitalizeFirstLetter(text) {
-    if (text.length) {
-        return `${text[0].toUpperCase()}${text.substr(1)}`;
-    }
-    return '';
-}
-exports.capitalizeFirstLetter = capitalizeFirstLetter;
-function hasExpectedChildren(elementDescriptor) {
-    return !!Object.keys(elementDescriptor.ExpectedChildren || {}).length;
-}
-exports.hasExpectedChildren = hasExpectedChildren;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasExpectedChildren = exports.capitalizeFirstLetter = exports.TemplateInstantiationModels = exports.DoubleKeyMap = exports.generateID = void 0;
+function generateID() {
+    return Math.random().toString(36).substring(2);
+}
+exports.generateID = generateID;
+class DoubleKeyMap {
+    constructor() {
+        this._map = new Map();
+    }
+    set({ key1, key2 }, value) {
+        let innerMap = this._map.get(key1);
+        if (!innerMap) {
+            innerMap = new Map();
+            this._map.set(key1, innerMap);
+        }
+        innerMap.set(key2, value);
+    }
+    get({ key1, key2 }) {
+        const innerMap = this._map.get(key1);
+        return innerMap ? innerMap.get(key2) : undefined;
+    }
+    delete({ key1, key2 }) {
+        const innerMap = this._map.get(key1);
+        if (!innerMap) {
+            return;
+        }
+        innerMap.delete(key2);
+        if (innerMap.size === 0) {
+            this._map.delete(key1);
+        }
+    }
+    clear() {
+        this._map.clear();
+    }
+    get empty() {
+        return this._map.size === 0;
+    }
+    *[Symbol.iterator]() {
+        for (const [key1, innerMap] of this._map) {
+            for (const [key2, value] of innerMap) {
+                yield [{ key1, key2 }, value];
+            }
+        }
+    }
+}
+exports.DoubleKeyMap = DoubleKeyMap;
+// eslint-disable-next-line @stylistic/max-len
+class TemplateInstantiationModels extends DoubleKeyMap {
+}
+exports.TemplateInstantiationModels = TemplateInstantiationModels;
+function capitalizeFirstLetter(text) {
+    if (text.length) {
+        return `${text[0].toUpperCase()}${text.substr(1)}`;
+    }
+    return '';
+}
+exports.capitalizeFirstLetter = capitalizeFirstLetter;
+function hasExpectedChildren(elementDescriptor) {
+    return !!Object.keys(elementDescriptor.ExpectedChildren || {}).length;
+}
+exports.hasExpectedChildren = hasExpectedChildren;

package/cjs/core/nested-option.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,16 +11,16 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-import * as React from 'react';
-import { IElementDescriptor } from './configuration/react/element';
-interface INestedOptionMeta {
-    optionName: string;
-    registerNestedOption: (component: React.ReactElement) => any;
-    updateFunc: (newProps: any, prevProps: any) => void;
-    makeDirty: () => void;
-}
-declare const NestedOption: <P>(props: React.PropsWithChildren<P & {
-    elementDescriptor: IElementDescriptor;
-}>) => React.ReactElement | null;
-export default NestedOption;
-export { INestedOptionMeta, };
+import * as React from 'react';
+import { IElementDescriptor } from './configuration/react/element';
+interface INestedOptionMeta {
+    optionName: string;
+    registerNestedOption: (component: React.ReactElement) => any;
+    updateFunc: (newProps: any, prevProps: any) => void;
+    makeDirty: () => void;
+}
+declare const NestedOption: <P>(props: React.PropsWithChildren<P & {
+    elementDescriptor: IElementDescriptor;
+}>) => React.ReactElement | null;
+export default NestedOption;
+export { INestedOptionMeta, };

package/cjs/core/nested-option.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,61 +11,61 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const element_1 = require("./configuration/react/element");
-const use_option_scanning_1 = require("./use-option-scanning");
-const contexts_1 = require("./contexts");
-const helpers_1 = require("./helpers");
-const NestedOption = function NestedOption(props) {
-    const { children } = props;
-    const { elementDescriptor, ...restProps } = props;
-    const { isTemplateRendering } = (0, react_1.useContext)(contexts_1.TemplateRenderingContext);
-    if (!elementDescriptor || typeof document === 'undefined' || isTemplateRendering) {
-        return null;
-    }
-    const usesNamedTemplate = elementDescriptor.TemplateProps?.some((prop) => props[prop.tmplOption] && typeof props[prop.tmplOption] === 'string');
-    const { parentExpectedChildren, onChildOptionsReady: triggerParentOptionsReady, getOptionComponentKey, treeUpdateToken, } = (0, react_1.useContext)(contexts_1.NestedOptionContext);
-    const [optionComponentKey] = (0, react_1.useState)(getOptionComponentKey());
-    const optionElement = (0, element_1.getOptionInfo)(elementDescriptor, restProps, parentExpectedChildren);
-    const mainContainer = (0, react_1.useMemo)(() => document.createElement('div'), []);
-    const renderChildren = (0, helpers_1.hasExpectedChildren)(elementDescriptor) || usesNamedTemplate;
-    const getHasTemplate = renderChildren
-        ? () => !!mainContainer.childNodes.length
-        : () => !!children;
-    const [config, context,] = (0, use_option_scanning_1.useOptionScanning)(optionElement, getHasTemplate, treeUpdateToken, 'option');
-    (0, react_1.useLayoutEffect)(() => {
-        // eslint-disable-next-line @stylistic/max-len
-        triggerParentOptionsReady(config, optionElement.descriptor, treeUpdateToken, optionComponentKey);
-    }, [treeUpdateToken]);
-    return renderChildren ? React.createElement(React.Fragment, {}, (0, react_dom_1.createPortal)(React.createElement(contexts_1.NestedOptionContext.Provider, {
-        value: context,
-    }, children), mainContainer)) : null;
-};
-exports.default = NestedOption;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const element_1 = require("./configuration/react/element");
+const use_option_scanning_1 = require("./use-option-scanning");
+const contexts_1 = require("./contexts");
+const helpers_1 = require("./helpers");
+const NestedOption = function NestedOption(props) {
+    const { children } = props;
+    const { elementDescriptor, ...restProps } = props;
+    const { isTemplateRendering } = (0, react_1.useContext)(contexts_1.TemplateRenderingContext);
+    if (!elementDescriptor || typeof document === 'undefined' || isTemplateRendering) {
+        return null;
+    }
+    const usesNamedTemplate = elementDescriptor.TemplateProps?.some((prop) => props[prop.tmplOption] && typeof props[prop.tmplOption] === 'string');
+    const { parentExpectedChildren, onChildOptionsReady: triggerParentOptionsReady, getOptionComponentKey, treeUpdateToken, } = (0, react_1.useContext)(contexts_1.NestedOptionContext);
+    const [optionComponentKey] = (0, react_1.useState)(getOptionComponentKey());
+    const optionElement = (0, element_1.getOptionInfo)(elementDescriptor, restProps, parentExpectedChildren);
+    const mainContainer = (0, react_1.useMemo)(() => document.createElement('div'), []);
+    const renderChildren = (0, helpers_1.hasExpectedChildren)(elementDescriptor) || usesNamedTemplate;
+    const getHasTemplate = renderChildren
+        ? () => !!mainContainer.childNodes.length
+        : () => !!children;
+    const [config, context,] = (0, use_option_scanning_1.useOptionScanning)(optionElement, getHasTemplate, treeUpdateToken, 'option');
+    (0, react_1.useLayoutEffect)(() => {
+        // eslint-disable-next-line @stylistic/max-len
+        triggerParentOptionsReady(config, optionElement.descriptor, treeUpdateToken, optionComponentKey);
+    }, [treeUpdateToken]);
+    return renderChildren ? React.createElement(React.Fragment, {}, (0, react_dom_1.createPortal)(React.createElement(contexts_1.NestedOptionContext.Provider, {
+        value: context,
+    }, children), mainContainer)) : null;
+};
+exports.default = NestedOption;