devextreme-react 26.1.2-beta → 26.1.3

package/cjs/bullet.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,156 +11,156 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use client";
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.Size = exports.Shadow = exports.Margin = exports.Format = exports.Font = exports.Border = exports.Bullet = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const bullet_1 = __importDefault(require("devextreme/viz/bullet"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const Bullet = (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();
-        }
-    }), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        margin: { optionName: "margin", isCollectionItem: false },
-        size: { optionName: "size", isCollectionItem: false },
-        tooltip: { optionName: "tooltip", isCollectionItem: false }
-    }), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: bullet_1.default,
-        ref: baseRef,
-        independentEvents,
-        expectedChildren,
-        ...props,
-    }));
-}));
-exports.Bullet = Bullet;
-const _componentBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const Border = Object.assign(_componentBorder, {
-    componentType: "option",
-});
-exports.Border = Border;
-const _componentFont = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "font",
-        },
-    });
-};
-const Font = Object.assign(_componentFont, {
-    componentType: "option",
-});
-exports.Font = Font;
-const _componentFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "format",
-        },
-    });
-};
-const Format = Object.assign(_componentFormat, {
-    componentType: "option",
-});
-exports.Format = Format;
-const _componentMargin = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "margin",
-        },
-    });
-};
-const Margin = Object.assign(_componentMargin, {
-    componentType: "option",
-});
-exports.Margin = Margin;
-const _componentShadow = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "shadow",
-        },
-    });
-};
-const Shadow = Object.assign(_componentShadow, {
-    componentType: "option",
-});
-exports.Shadow = Shadow;
-const _componentSize = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "size",
-        },
-    });
-};
-const Size = Object.assign(_componentSize, {
-    componentType: "option",
-});
-exports.Size = Size;
-const _componentTooltip = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tooltip",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                shadow: { optionName: "shadow", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "contentTemplate",
-                    render: "contentRender",
-                    component: "contentComponent"
-                }],
-        },
-    });
-};
-const Tooltip = Object.assign(_componentTooltip, {
-    componentType: "option",
-});
-exports.Tooltip = Tooltip;
-exports.default = Bullet;
+"use client";
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = exports.Size = exports.Shadow = exports.Margin = exports.Format = exports.Font = exports.Border = exports.Bullet = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const bullet_1 = __importDefault(require("devextreme/viz/bullet"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const Bullet = (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();
+        }
+    }), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        margin: { optionName: "margin", isCollectionItem: false },
+        size: { optionName: "size", isCollectionItem: false },
+        tooltip: { optionName: "tooltip", isCollectionItem: false }
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: bullet_1.default,
+        ref: baseRef,
+        independentEvents,
+        expectedChildren,
+        ...props,
+    }));
+}));
+exports.Bullet = Bullet;
+const _componentBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const Border = Object.assign(_componentBorder, {
+    componentType: "option",
+});
+exports.Border = Border;
+const _componentFont = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "font",
+        },
+    });
+};
+const Font = Object.assign(_componentFont, {
+    componentType: "option",
+});
+exports.Font = Font;
+const _componentFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "format",
+        },
+    });
+};
+const Format = Object.assign(_componentFormat, {
+    componentType: "option",
+});
+exports.Format = Format;
+const _componentMargin = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "margin",
+        },
+    });
+};
+const Margin = Object.assign(_componentMargin, {
+    componentType: "option",
+});
+exports.Margin = Margin;
+const _componentShadow = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "shadow",
+        },
+    });
+};
+const Shadow = Object.assign(_componentShadow, {
+    componentType: "option",
+});
+exports.Shadow = Shadow;
+const _componentSize = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "size",
+        },
+    });
+};
+const Size = Object.assign(_componentSize, {
+    componentType: "option",
+});
+exports.Size = Size;
+const _componentTooltip = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tooltip",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                shadow: { optionName: "shadow", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "contentTemplate",
+                    render: "contentRender",
+                    component: "contentComponent"
+                }],
+        },
+    });
+};
+const Tooltip = Object.assign(_componentTooltip, {
+    componentType: "option",
+});
+exports.Tooltip = Tooltip;
+exports.default = Bullet;

package/cjs/button-group.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,65 +11,65 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-import * as React from "react";
-import { Ref, ReactElement } from "react";
-import dxButtonGroup, { Properties } from "devextreme/ui/button_group";
-import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent } from "devextreme/ui/button_group";
-import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type { template, ButtonType } from "devextreme/common";
-type ReplaceFieldTypes<TSource, TReplacement> = {
-    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
-};
-type IButtonGroupOptionsNarrowedEvents = {
-    onContentReady?: ((e: ContentReadyEvent) => void);
-    onDisposing?: ((e: DisposingEvent) => void);
-    onInitialized?: ((e: InitializedEvent) => void);
-    onItemClick?: ((e: ItemClickEvent) => void);
-};
-type IButtonGroupOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IButtonGroupOptionsNarrowedEvents> & IHtmlOptions & {
-    buttonRender?: (...params: any) => React.ReactNode;
-    buttonComponent?: React.ComponentType<any>;
-    defaultSelectedItemKeys?: Array<any>;
-    defaultSelectedItems?: Array<any>;
-    onSelectedItemKeysChange?: (value: Array<any>) => void;
-    onSelectedItemsChange?: (value: Array<any>) => void;
-}>;
-interface ButtonGroupRef {
-    instance: () => dxButtonGroup;
-}
-declare const ButtonGroup: (props: React.PropsWithChildren<IButtonGroupOptions> & {
-    ref?: Ref<ButtonGroupRef>;
-}) => ReactElement | null;
-type IItemProps = React.PropsWithChildren<{
-    disabled?: boolean;
-    elementAttr?: Record<string, any>;
-    hint?: string;
-    icon?: string;
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
-    text?: string;
-    type?: ButtonType | string;
-    visible?: boolean;
-    render?: (...params: any) => React.ReactNode;
-    component?: React.ComponentType<any>;
-}>;
-declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    disabled?: boolean | undefined;
-    elementAttr?: Record<string, any> | undefined;
-    hint?: string | undefined;
-    icon?: string | undefined;
-    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
-    text?: string | undefined;
-    type?: string | undefined;
-    visible?: boolean | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-export default ButtonGroup;
-export { ButtonGroup, IButtonGroupOptions, ButtonGroupRef, Item, IItemProps };
-import type * as ButtonGroupTypes from 'devextreme/ui/button_group_types';
-export { ButtonGroupTypes };
+import * as React from "react";
+import { Ref, ReactElement } from "react";
+import dxButtonGroup, { Properties } from "devextreme/ui/button_group";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent } from "devextreme/ui/button_group";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { template, ButtonType } from "devextreme/common";
+type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+type IButtonGroupOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+};
+type IButtonGroupOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IButtonGroupOptionsNarrowedEvents> & IHtmlOptions & {
+    buttonRender?: (...params: any) => React.ReactNode;
+    buttonComponent?: React.ComponentType<any>;
+    defaultSelectedItemKeys?: Array<any>;
+    defaultSelectedItems?: Array<any>;
+    onSelectedItemKeysChange?: (value: Array<any>) => void;
+    onSelectedItemsChange?: (value: Array<any>) => void;
+}>;
+interface ButtonGroupRef {
+    instance: () => dxButtonGroup;
+}
+declare const ButtonGroup: (props: React.PropsWithChildren<IButtonGroupOptions> & {
+    ref?: Ref<ButtonGroupRef>;
+}) => ReactElement | null;
+type IItemProps = React.PropsWithChildren<{
+    disabled?: boolean;
+    elementAttr?: Record<string, any>;
+    hint?: string;
+    icon?: string;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    type?: ButtonType | string;
+    visible?: boolean;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    hint?: string | undefined;
+    icon?: string | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    type?: string | undefined;
+    visible?: boolean | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+export default ButtonGroup;
+export { ButtonGroup, IButtonGroupOptions, ButtonGroupRef, Item, IItemProps };
+import type * as ButtonGroupTypes from 'devextreme/ui/button_group_types';
+export { ButtonGroupTypes };

package/cjs/button-group.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,92 +11,92 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use client";
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = exports.ButtonGroup = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const button_group_1 = __importDefault(require("devextreme/ui/button_group"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const ButtonGroup = (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();
-        }
-    }), []);
-    const subscribableOptions = (0, react_1.useMemo)(() => (["selectedItemKeys", "selectedItems"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick"]), []);
-    const defaults = (0, react_1.useMemo)(() => ({
-        defaultSelectedItemKeys: "selectedItemKeys",
-        defaultSelectedItems: "selectedItems",
-    }), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        item: { optionName: "items", isCollectionItem: true }
-    }), []);
-    const templateProps = (0, react_1.useMemo)(() => ([
-        {
-            tmplOption: "buttonTemplate",
-            render: "buttonRender",
-            component: "buttonComponent"
-        },
-    ]), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: button_group_1.default,
-        ref: baseRef,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        templateProps,
-        ...props,
-    }));
-}));
-exports.ButtonGroup = ButtonGroup;
-const _componentItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Item = Object.assign(_componentItem, {
-    componentType: "option",
-});
-exports.Item = Item;
-exports.default = ButtonGroup;
+"use client";
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = exports.ButtonGroup = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const button_group_1 = __importDefault(require("devextreme/ui/button_group"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const ButtonGroup = (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();
+        }
+    }), []);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["selectedItemKeys", "selectedItems"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
+        defaultSelectedItemKeys: "selectedItemKeys",
+        defaultSelectedItems: "selectedItems",
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        item: { optionName: "items", isCollectionItem: true }
+    }), []);
+    const templateProps = (0, react_1.useMemo)(() => ([
+        {
+            tmplOption: "buttonTemplate",
+            render: "buttonRender",
+            component: "buttonComponent"
+        },
+    ]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: button_group_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
+}));
+exports.ButtonGroup = ButtonGroup;
+const _componentItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Item = Object.assign(_componentItem, {
+    componentType: "option",
+});
+exports.Item = Item;
+exports.default = ButtonGroup;