survey-react-ui 2.5.13 → 3.0.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.5.13",
+  "version": "3.0.0-beta.0",
   "license": "MIT",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -51,7 +51,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.5.13",
+    "survey-core": "3.0.0-beta.0",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.13
+ * surveyjs - Survey JavaScript library v3.0.0-beta.0
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -678,7 +678,9 @@
     var SurveyActionBarItem = /** @class */ (function (_super) {
         __extends(SurveyActionBarItem, _super);
         function SurveyActionBarItem() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.ref = React__namespace.createRef();
+            return _this;
         }
         Object.defineProperty(SurveyActionBarItem.prototype, "item", {
             get: function () {
@@ -711,9 +713,17 @@
             var title = this.item.tooltip || this.item.title;
             var buttonContent = this.renderButtonContent();
             var tabIndex = this.item.disableTabStop ? -1 : undefined;
-            var button = attachKey2click(React__namespace.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: function (args) { return _this.item.doMouseDown(args); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, "aria-labelledby": this.item.ariaLabelledBy, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
+            var button = attachKey2click(React__namespace.createElement("button", { ref: this.ref, className: className, type: "button", disabled: this.item.disabled, onMouseDown: function (args) { return _this.item.doMouseDown(args); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, "aria-controls": this.item.ariaControls, "aria-labelledby": this.item.ariaLabelledBy, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
             return button;
         };
+        SurveyActionBarItem.prototype.componentDidMount = function () {
+            _super.prototype.componentDidMount.call(this);
+            this.props.item.setInputElement(this.ref.current);
+        };
+        SurveyActionBarItem.prototype.componentWillUnmount = function () {
+            _super.prototype.componentWillUnmount.call(this);
+            this.props.item.setInputElement(undefined);
+        };
         return SurveyActionBarItem;
     }(SurveyElementBase));
     ReactElementFactory.Instance.registerElement("sv-action-bar-item", function (props) {
@@ -2108,7 +2118,7 @@
             }
         };
         return SurveyNavigationBase;
-    }(React__namespace.Component));
+    }(SurveyElementBase));
 
     var SurveyTimerPanel = /** @class */ (function (_super) {
         __extends(SurveyTimerPanel, _super);
@@ -5885,63 +5895,31 @@
                 ? this.renderTableDiv()
                 : this.renderNoRowsContent(cssClasses);
             return (React__namespace.createElement("div", null,
-                this.renderAddRowButtonOnTop(cssClasses),
+                this.renderTopToolbar(),
                 mainDiv,
-                this.renderAddRowButtonOnBottom(cssClasses)));
+                this.renderBottomToolbar()));
+        };
+        SurveyQuestionMatrixDynamic.prototype.renderToolbar = function () {
+            return React__namespace.createElement("div", { className: this.matrix.cssClasses.footer }, ReactElementFactory.Instance.createElement("sv-action-bar", { model: this.matrix.toolbar }));
         };
-        SurveyQuestionMatrixDynamic.prototype.renderAddRowButtonOnTop = function (cssClasses) {
-            if (!this.matrix.renderedTable.showAddRowOnTop)
+        SurveyQuestionMatrixDynamic.prototype.renderTopToolbar = function () {
+            if (!this.matrix.getShowToolbar("top"))
                 return null;
-            return this.renderAddRowButton(cssClasses);
+            return this.renderToolbar();
         };
-        SurveyQuestionMatrixDynamic.prototype.renderAddRowButtonOnBottom = function (cssClasses) {
-            if (!this.matrix.renderedTable.showAddRowOnBottom)
+        SurveyQuestionMatrixDynamic.prototype.renderBottomToolbar = function () {
+            if (!this.matrix.getShowToolbar("bottom"))
                 return null;
-            return this.renderAddRowButton(cssClasses);
+            return this.renderToolbar();
         };
         SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
             return ReactElementFactory.Instance.createElement("sv-placeholder-matrixdynamic", { cssClasses: cssClasses, question: this.matrix });
         };
-        SurveyQuestionMatrixDynamic.prototype.renderAddRowButton = function (cssClasses, isEmptySection) {
-            if (isEmptySection === void 0) { isEmptySection = false; }
-            return ReactElementFactory.Instance.createElement("sv-matrixdynamic-add-btn", {
-                question: this.question,
-                cssClasses: cssClasses,
-                isEmptySection: isEmptySection
-            });
-        };
         return SurveyQuestionMatrixDynamic;
     }(SurveyQuestionMatrixDropdownBase));
     ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
         return React__namespace.createElement(SurveyQuestionMatrixDynamic, props);
     });
-    var SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionMatrixDynamicAddButton, _super);
-        function SurveyQuestionMatrixDynamicAddButton(props) {
-            var _this = _super.call(this, props) || this;
-            _this.handleOnRowAddClick = _this.handleOnRowAddClick.bind(_this);
-            return _this;
-        }
-        Object.defineProperty(SurveyQuestionMatrixDynamicAddButton.prototype, "matrix", {
-            get: function () {
-                return this.props.question;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SurveyQuestionMatrixDynamicAddButton.prototype.handleOnRowAddClick = function (event) {
-            this.matrix.addRowUI();
-        };
-        SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
-            var addRowText = this.renderLocString(this.matrix.locAddRowText);
-            var addButton = (React__namespace.createElement("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
-                addRowText,
-                React__namespace.createElement("span", { className: this.props.cssClasses.iconAdd }, this.cssClasses.iconAddId && React__namespace.createElement("svg", null,
-                    React__namespace.createElement("use", { xlinkHref: this.cssClasses.iconAddId })))));
-            return (this.props.isEmptySection ? addButton : React__namespace.createElement("div", { className: this.props.cssClasses.footer }, addButton));
-        };
-        return SurveyQuestionMatrixDynamicAddButton;
-    }(ReactSurveyElement));
     var SurveyQuestionMatrixDynamicPlaceholder = /** @class */ (function (_super) {
         __extends(SurveyQuestionMatrixDynamicPlaceholder, _super);
         function SurveyQuestionMatrixDynamicPlaceholder(props) {
@@ -5950,22 +5928,15 @@
         SurveyQuestionMatrixDynamicPlaceholder.prototype.renderElement = function () {
             var cssClasses = this.props.cssClasses;
             var matrix = this.props.question;
-            var showAddButton = matrix.renderedTable.showAddRow;
             var text = this.renderLocString(matrix.locNoRowsText);
             var textDiv = React__namespace.createElement("div", { className: cssClasses.noRowsText }, text);
-            var btn = showAddButton ? this.renderAddRowButton(cssClasses, matrix) : undefined;
+            var toolbar = matrix.getShowToolbar() ? ReactElementFactory.Instance.createElement("sv-action-bar", { model: matrix.toolbar }) : null;
             return (React__namespace.createElement("div", { className: cssClasses.noRowsSection },
                 textDiv,
-                btn));
-        };
-        SurveyQuestionMatrixDynamicPlaceholder.prototype.renderAddRowButton = function (cssClasses, question) {
-            return ReactElementFactory.Instance.createElement("sv-matrixdynamic-add-btn", {
-                question: question, cssClasses: cssClasses, isEmptySection: true
-            });
+                toolbar));
         };
         return SurveyQuestionMatrixDynamicPlaceholder;
     }(ReactSurveyElement));
-    ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) { return React__namespace.createElement(SurveyQuestionMatrixDynamicAddButton, props); });
     ReactElementFactory.Instance.registerElement("sv-placeholder-matrixdynamic", function (props) { return React__namespace.createElement(SurveyQuestionMatrixDynamicPlaceholder, props); });
 
     var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
@@ -6015,7 +5986,7 @@
             var rangeTop = this.question.isRangeShowing && this.question.isProgressTopShowing
                 ? this.renderRange()
                 : null;
-            var navV2 = this.renderNavigatorV2();
+            var navigation = this.renderNavigator();
             var noEntriesPlaceholder = this.renderPlaceholder(cssClasses);
             return (React__namespace.createElement("div", { className: cssClasses.root },
                 this.question.hasTabbedMenu ? React__namespace.createElement("div", { className: this.question.getTabsContainerCss() },
@@ -6023,18 +5994,13 @@
                 noEntriesPlaceholder,
                 rangeTop,
                 React__namespace.createElement("div", { className: this.question.cssClasses.panelsContainer }, panels),
-                navV2));
+                navigation));
         };
         SurveyQuestionPanelDynamic.prototype.renderRange = function () {
             return (React__namespace.createElement("div", { className: this.question.cssClasses.progress },
                 React__namespace.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar", "aria-label": this.question.progressBarAriaLabel })));
         };
-        SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
-            return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
-                data: { question: this.question }
-            });
-        };
-        SurveyQuestionPanelDynamic.prototype.renderNavigatorV2 = function () {
+        SurveyQuestionPanelDynamic.prototype.renderNavigator = function () {
             if (!this.question.showNavigation)
                 return null;
             var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
@@ -6091,9 +6057,7 @@
         SurveyQuestionPanelDynamicItem.prototype.renderButton = function () {
             if (!this.question.canRenderRemovePanelOnRight(this.panel))
                 return null;
-            return ReactElementFactory.Instance.createElement("sv-paneldynamic-remove-btn", {
-                data: { question: this.question, panel: this.panel }
-            });
+            return React__namespace.createElement(SurveyAction, { item: this.question.getRemovePanelAction(this.panel) });
         };
         return SurveyQuestionPanelDynamicItem;
     }(SurveyPanel));
@@ -6110,12 +6074,7 @@
             var question = this.props.question;
             return (React__namespace.createElement("div", { className: cssClasses.noEntriesPlaceholder },
                 React__namespace.createElement("span", null, this.renderLocString(question.locNoEntriesText)),
-                this.renderAddRowButton(question)));
-        };
-        SurveyQuestionPanelDynamicPlaceholder.prototype.renderAddRowButton = function (question) {
-            return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
-                data: { question: question }
-            });
+                React__namespace.createElement(SurveyActionBar, { model: this.props.question.footerToolbar })));
         };
         return SurveyQuestionPanelDynamicPlaceholder;
     }(ReactSurveyElement));
@@ -6199,6 +6158,9 @@
             enumerable: false,
             configurable: true
         });
+        SurveyProgressButtons.prototype.getStateElement = function () {
+            return this.model;
+        };
         SurveyProgressButtons.prototype.onResize = function (canShowItemTitles) {
             this.setState({ canShowItemTitles: canShowItemTitles });
             this.setState({ canShowHeader: !canShowItemTitles });
@@ -6213,7 +6175,7 @@
         SurveyProgressButtons.prototype.render = function () {
             var _a;
             var _this = this;
-            return (React__namespace.createElement("div", { className: this.model.getRootCss(this.props.container), style: (_a = { "maxWidth": this.model.progressWidth }, _a["--sd-progress-buttons-pages-count"] = this.survey.visiblePages.length, _a), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
+            return (React__namespace.createElement("div", { className: this.model.getRootCss(this.props.container), style: (_a = { "maxWidth": this.model.progressWidth }, _a["--sd-progress-buttons-pages-count"] = this.model.visiblePages.length, _a), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
                 this.state.canShowHeader ? React__namespace.createElement("div", { className: this.css.progressButtonsHeader },
                     React__namespace.createElement("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
                 React__namespace.createElement("div", { className: this.css.progressButtonsContainer },
@@ -6231,7 +6193,7 @@
         SurveyProgressButtons.prototype.getListElements = function () {
             var _this = this;
             var buttons = [];
-            this.survey.visiblePages.forEach(function (page, index) {
+            this.model.visiblePages.forEach(function (page, index) {
                 buttons.push(_this.renderListElement(page, index));
             });
             return buttons;
@@ -7328,230 +7290,34 @@
         return React__namespace.createElement(LogoImage, props);
     });
 
-    var SurveyQuestionMatrixDynamicRemoveButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionMatrixDynamicRemoveButton, _super);
-        function SurveyQuestionMatrixDynamicRemoveButton(props) {
-            var _this = _super.call(this, props) || this;
-            _this.handleOnRowRemoveClick = _this.handleOnRowRemoveClick.bind(_this);
-            return _this;
-        }
-        Object.defineProperty(SurveyQuestionMatrixDynamicRemoveButton.prototype, "question", {
-            get: function () {
-                return this.props.item.data.question;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SurveyQuestionMatrixDynamicRemoveButton.prototype, "row", {
-            get: function () {
-                return this.props.item.data.row;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SurveyQuestionMatrixDynamicRemoveButton.prototype.handleOnRowRemoveClick = function (event) {
-            this.question.removeRowUI(this.row);
-        };
-        SurveyQuestionMatrixDynamicRemoveButton.prototype.renderElement = function () {
-            var removeRowText = this.renderLocString(this.question.locRemoveRowText);
-            return (React__namespace.createElement("button", { className: this.question.getRemoveRowButtonCss(), type: "button", onClick: this.handleOnRowRemoveClick, disabled: this.question.isInputReadOnly },
-                removeRowText,
-                React__namespace.createElement("span", { className: this.question.cssClasses.iconRemove })));
-        };
-        return SurveyQuestionMatrixDynamicRemoveButton;
-    }(ReactSurveyElement));
-    ReactElementFactory.Instance.registerElement("sv-matrix-remove-button", function (props) {
-        return React__namespace.createElement(SurveyQuestionMatrixDynamicRemoveButton, props);
-    });
-
-    var SurveyQuestionMatrixDetailButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionMatrixDetailButton, _super);
-        function SurveyQuestionMatrixDetailButton(props) {
-            var _this = _super.call(this, props) || this;
-            _this.handleOnShowHideClick = _this.handleOnShowHideClick.bind(_this);
-            return _this;
-        }
-        SurveyQuestionMatrixDetailButton.prototype.getStateElement = function () {
-            return this.props.item;
-        };
-        Object.defineProperty(SurveyQuestionMatrixDetailButton.prototype, "item", {
-            get: function () {
-                return this.props.item;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SurveyQuestionMatrixDetailButton.prototype, "question", {
-            get: function () {
-                return this.props.item.data.question;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SurveyQuestionMatrixDetailButton.prototype, "row", {
-            get: function () {
-                return this.props.item.data.row;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SurveyQuestionMatrixDetailButton.prototype.handleOnShowHideClick = function (event) {
-            this.row.showHideDetailPanelClick();
-        };
-        SurveyQuestionMatrixDetailButton.prototype.renderElement = function () {
-            var isExpanded = this.row.isDetailPanelShowing;
-            var ariaExpanded = isExpanded;
-            var ariaControls = isExpanded ? this.row.detailPanelId : undefined;
-            return (React__namespace.createElement("button", { type: "button", title: this.props.item.title, onClick: this.handleOnShowHideClick, className: this.question.getDetailPanelButtonCss(this.row), "aria-expanded": ariaExpanded, "aria-controls": ariaControls },
-                React__namespace.createElement(SvgIcon, { className: this.question.getDetailPanelIconCss(this.row), iconName: this.question.getDetailPanelIconId(this.row), size: "auto" })));
-        };
-        return SurveyQuestionMatrixDetailButton;
-    }(ReactSurveyElement));
-    ReactElementFactory.Instance.registerElement("sv-matrix-detail-button", function (props) {
-        return React__namespace.createElement(SurveyQuestionMatrixDetailButton, props);
-    });
-
-    var SurveyQuestionPanelDynamicAction = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicAction, _super);
-        function SurveyQuestionPanelDynamicAction(props) {
-            return _super.call(this, props) || this;
+    var SurveyQuestionPanelDynamicProgressText = /** @class */ (function (_super) {
+        __extends(SurveyQuestionPanelDynamicProgressText, _super);
+        function SurveyQuestionPanelDynamicProgressText() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        Object.defineProperty(SurveyQuestionPanelDynamicAction.prototype, "data", {
+        Object.defineProperty(SurveyQuestionPanelDynamicProgressText.prototype, "data", {
             get: function () {
                 return (this.props.item && this.props.item.data) || this.props.data;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SurveyQuestionPanelDynamicAction.prototype, "question", {
+        Object.defineProperty(SurveyQuestionPanelDynamicProgressText.prototype, "question", {
             get: function () {
                 return (this.props.item && this.props.item.data.question) || this.props.data.question;
             },
             enumerable: false,
             configurable: true
         });
-        return SurveyQuestionPanelDynamicAction;
-    }(ReactSurveyElement));
-    var SurveyQuestionPanelDynamicAddButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicAddButton, _super);
-        function SurveyQuestionPanelDynamicAddButton() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.handleClick = function (event) {
-                _this.question.addPanelUI();
-            };
-            return _this;
-        }
-        SurveyQuestionPanelDynamicAddButton.prototype.renderElement = function () {
-            if (!this.question.canAddPanel)
-                return null;
-            var btnText = this.renderLocString(this.question.locAddPanelText);
-            return (React__namespace.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
-                React__namespace.createElement("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
-        };
-        return SurveyQuestionPanelDynamicAddButton;
-    }(SurveyQuestionPanelDynamicAction));
-    ReactElementFactory.Instance.registerElement("sv-paneldynamic-add-btn", function (props) {
-        return React__namespace.createElement(SurveyQuestionPanelDynamicAddButton, props);
-    });
-
-    var SurveyQuestionPanelDynamicRemoveButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicRemoveButton, _super);
-        function SurveyQuestionPanelDynamicRemoveButton() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.handleClick = function (event) {
-                _this.question.removePanelUI(_this.data.panel);
-            };
-            return _this;
-        }
-        SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
-            var btnText = this.renderLocString(this.question.locRemovePanelText);
-            var id = this.question.getPanelRemoveButtonId(this.data.panel);
-            return (React__namespace.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
-                React__namespace.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
-                React__namespace.createElement("span", { className: this.question.cssClasses.iconRemove })));
-        };
-        return SurveyQuestionPanelDynamicRemoveButton;
-    }(SurveyQuestionPanelDynamicAction));
-    ReactElementFactory.Instance.registerElement("sv-paneldynamic-remove-btn", function (props) {
-        return React__namespace.createElement(SurveyQuestionPanelDynamicRemoveButton, props);
-    });
-
-    var SurveyQuestionPanelDynamicPrevButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicPrevButton, _super);
-        function SurveyQuestionPanelDynamicPrevButton() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.handleClick = function (event) {
-                _this.question.goToPrevPanel();
-            };
-            return _this;
-        }
-        SurveyQuestionPanelDynamicPrevButton.prototype.renderElement = function () {
-            return (React__namespace.createElement("div", { title: this.question.panelPrevText, onClick: this.handleClick, className: this.question.getPrevButtonCss() },
-                React__namespace.createElement(SvgIcon, { iconName: this.question.cssClasses.progressBtnIcon, size: "auto" })));
-        };
-        return SurveyQuestionPanelDynamicPrevButton;
-    }(SurveyQuestionPanelDynamicAction));
-    ReactElementFactory.Instance.registerElement("sv-paneldynamic-prev-btn", function (props) {
-        return React__namespace.createElement(SurveyQuestionPanelDynamicPrevButton, props);
-    });
-
-    var SurveyQuestionPanelDynamicNextButton = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicNextButton, _super);
-        function SurveyQuestionPanelDynamicNextButton() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.handleClick = function (event) {
-                _this.question.goToNextPanel();
-            };
-            return _this;
-        }
-        SurveyQuestionPanelDynamicNextButton.prototype.renderElement = function () {
-            return (React__namespace.createElement("div", { title: this.question.panelNextText, onClick: this.handleClick, className: this.question.getNextButtonCss() },
-                React__namespace.createElement(SvgIcon, { iconName: this.question.cssClasses.progressBtnIcon, size: "auto" })));
-        };
-        return SurveyQuestionPanelDynamicNextButton;
-    }(SurveyQuestionPanelDynamicAction));
-    ReactElementFactory.Instance.registerElement("sv-paneldynamic-next-btn", function (props) {
-        return React__namespace.createElement(SurveyQuestionPanelDynamicNextButton, props);
-    });
-
-    var SurveyQuestionPanelDynamicProgressText = /** @class */ (function (_super) {
-        __extends(SurveyQuestionPanelDynamicProgressText, _super);
-        function SurveyQuestionPanelDynamicProgressText() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
         SurveyQuestionPanelDynamicProgressText.prototype.renderElement = function () {
             return (React__namespace.createElement("div", { className: this.question.cssClasses.progressText }, this.question.progressText));
         };
         return SurveyQuestionPanelDynamicProgressText;
-    }(SurveyQuestionPanelDynamicAction));
+    }(ReactSurveyElement));
     ReactElementFactory.Instance.registerElement("sv-paneldynamic-progress-text", function (props) {
         return React__namespace.createElement(SurveyQuestionPanelDynamicProgressText, props);
     });
 
-    var SurveyNavigationButton = /** @class */ (function (_super) {
-        __extends(SurveyNavigationButton, _super);
-        function SurveyNavigationButton() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Object.defineProperty(SurveyNavigationButton.prototype, "item", {
-            get: function () {
-                return this.props.item;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SurveyNavigationButton.prototype.canRender = function () {
-            return this.item.isVisible;
-        };
-        SurveyNavigationButton.prototype.renderElement = function () {
-            return (React__namespace.createElement("input", { className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
-        };
-        return SurveyNavigationButton;
-    }(ReactSurveyElement));
-    ReactElementFactory.Instance.registerElement("sv-nav-btn", function (props) {
-        return React__namespace.createElement(SurveyNavigationButton, props);
-    });
-
     var QuestionErrorComponent = /** @class */ (function (_super) {
         __extends(QuestionErrorComponent, _super);
         function QuestionErrorComponent() {
@@ -7796,7 +7562,7 @@
         return React__namespace.createElement(SurveyLocStringEditor, props);
     });
 
-    surveyCore.checkLibraryVersion("".concat("2.5.13"), "survey-react-ui");
+    surveyCore.checkLibraryVersion("".concat("3.0.0-beta.0"), "survey-react-ui");
 
     Object.defineProperty(exports, "Model", {
         enumerable: true,
@@ -7861,7 +7627,6 @@
     exports.SurveyLocStringEditor = SurveyLocStringEditor;
     exports.SurveyLocStringViewer = SurveyLocStringViewer;
     exports.SurveyNavigationBase = SurveyNavigationBase;
-    exports.SurveyNavigationButton = SurveyNavigationButton;
     exports.SurveyPage = SurveyPage;
     exports.SurveyPanel = SurveyPanel;
     exports.SurveyProgress = SurveyProgress;
@@ -7893,23 +7658,16 @@
     exports.SurveyQuestionImagePicker = SurveyQuestionImagePicker;
     exports.SurveyQuestionMatrix = SurveyQuestionMatrix;
     exports.SurveyQuestionMatrixCell = SurveyQuestionMatrixCell;
-    exports.SurveyQuestionMatrixDetailButton = SurveyQuestionMatrixDetailButton;
     exports.SurveyQuestionMatrixDropdown = SurveyQuestionMatrixDropdown;
     exports.SurveyQuestionMatrixDropdownBase = SurveyQuestionMatrixDropdownBase;
     exports.SurveyQuestionMatrixDropdownCell = SurveyQuestionMatrixDropdownCell;
     exports.SurveyQuestionMatrixDynamic = SurveyQuestionMatrixDynamic;
-    exports.SurveyQuestionMatrixDynamicAddButton = SurveyQuestionMatrixDynamicAddButton;
     exports.SurveyQuestionMatrixDynamicDragDropIcon = SurveyQuestionMatrixDynamicDragDropIcon;
-    exports.SurveyQuestionMatrixDynamicRemoveButton = SurveyQuestionMatrixDynamicRemoveButton;
     exports.SurveyQuestionMatrixRow = SurveyQuestionMatrixRow;
     exports.SurveyQuestionMultipleText = SurveyQuestionMultipleText;
     exports.SurveyQuestionOptionItem = SurveyQuestionOptionItem;
     exports.SurveyQuestionPanelDynamic = SurveyQuestionPanelDynamic;
-    exports.SurveyQuestionPanelDynamicAddButton = SurveyQuestionPanelDynamicAddButton;
-    exports.SurveyQuestionPanelDynamicNextButton = SurveyQuestionPanelDynamicNextButton;
-    exports.SurveyQuestionPanelDynamicPrevButton = SurveyQuestionPanelDynamicPrevButton;
     exports.SurveyQuestionPanelDynamicProgressText = SurveyQuestionPanelDynamicProgressText;
-    exports.SurveyQuestionPanelDynamicRemoveButton = SurveyQuestionPanelDynamicRemoveButton;
     exports.SurveyQuestionRadioItem = SurveyQuestionRadioItem;
     exports.SurveyQuestionRadiogroup = SurveyQuestionRadiogroup;
     exports.SurveyQuestionRanking = SurveyQuestionRanking;