survey-react-ui 2.0.3 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
@@ -25,7 +25,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.0.3",
+    "survey-core": "2.0.5",
     "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.0.3
+ * surveyjs - Survey JavaScript library v2.0.5
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.3
+ * surveyjs - Survey JavaScript library v2.0.5
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -112,7 +112,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.3
+ * surveyjs - Survey JavaScript library v2.0.5
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -531,7 +531,7 @@ var SurveyQuestionBooleanCheckbox = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: cssClasses.checkboxLabel },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                             ? ""
-                            : this.question.booleanValue, id: this.question.inputId, className: cssClasses.controlCheckbox, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+                            : this.question.booleanValue, id: this.question.inputId, className: cssClasses.controlCheckbox, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: cssClasses.checkboxMaterialDecorator },
                         this.question.svgIcon ?
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: cssClasses.checkboxItemDecorator },
@@ -722,7 +722,7 @@ var SurveyQuestionBoolean = /** @class */ (function (_super) {
         var cssClasses = this.question.cssClasses;
         var itemClass = this.question.getItemCss();
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: itemClass, onClick: this.handleOnClick },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: itemClass },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                         ? ""
                         : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
@@ -1507,8 +1507,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../reactquestion_element */ "./src/reactquestion_element.tsx");
 /* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../element-factory */ "./src/element-factory.tsx");
-/* harmony import */ var _file_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./file-item */ "./src/components/file/file-item.tsx");
-/* harmony import */ var _file_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./file-page */ "./src/components/file/file-page.tsx");
+/* harmony import */ var _file_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./file-page */ "./src/components/file/file-page.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1528,7 +1527,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var SurveyFilePreview = /** @class */ (function (_super) {
     __extends(SurveyFilePreview, _super);
     function SurveyFilePreview() {
@@ -1552,8 +1550,7 @@ var SurveyFilePreview = /** @class */ (function (_super) {
     };
     SurveyFilePreview.prototype.renderElement = function () {
         var _this = this;
-        var content = this.question.supportFileNavigator ? this.question.renderedPages.map(function (page, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_file_page__WEBPACK_IMPORTED_MODULE_4__.SurveyFilePage, { page: page, question: _this.question, key: page.id })); })
-            : this.question.previewValue.map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_file_item__WEBPACK_IMPORTED_MODULE_3__.SurveyFileItem, { item: item, question: _this.question, key: index })); });
+        var content = this.question.renderedPages.map(function (page, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_file_page__WEBPACK_IMPORTED_MODULE_3__.SurveyFilePage, { page: page, question: _this.question, key: page.id })); });
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.fileList || undefined }, content);
     };
     SurveyFilePreview.prototype.canRender = function () {
@@ -4459,7 +4456,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
+            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-labelledby": this.question.ariaLabelledBy, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             dropdownListModel.showHintPrefix ?
                 (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.hintPrefix },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, dropdownListModel.hintStringPrefix))) : null,
@@ -6810,21 +6807,13 @@ var SurveyQuestion = /** @class */ (function (_super) {
         };
         var cssClasses = question.cssClasses;
         var questionRender = this.renderQuestion();
-        var errorsTop = this.question.showErrorOnTop
-            ? this.renderErrors(cssClasses, "top")
-            : null;
-        var errorsBottom = this.question.showErrorOnBottom
-            ? this.renderErrors(cssClasses, "bottom")
-            : null;
         var comment = question && question.hasComment ? this.renderComment(cssClasses) : null;
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
-            errorsTop,
             questionRender,
             comment,
-            errorsBottom,
             descriptionUnderInput));
     };
     SurveyQuestion.prototype.renderElement = function () {
@@ -6842,7 +6831,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-label": this.question.ariaLabel, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -6917,13 +6906,6 @@ var SurveyElementErrors = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyElementErrors.prototype, "location", {
-        get: function () {
-            return this.props.location;
-        },
-        enumerable: false,
-        configurable: true
-    });
     SurveyElementErrors.prototype.getState = function (prevState) {
         if (prevState === void 0) { prevState = null; }
         return !prevState ? { error: 0 } : { error: prevState.error + 1 };
@@ -7331,8 +7313,9 @@ var SurveyQuestionCheckbox = /** @class */ (function (_super) {
         if (this.question.blockedRow) {
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
-        else
+        else {
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, this.getItems(cssClasses, this.question.bodyItems));
+        }
     };
     SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
         var renderedItems = [];
@@ -8324,13 +8307,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/action-bar/action-bar */ "./src/components/action-bar/action-bar.tsx");
-/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/components/svg-icon/svg-icon.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
-/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
-/* harmony import */ var _components_loading_indicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/loading-indicator */ "./src/components/loading-indicator.tsx");
-/* harmony import */ var _components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/action-bar/action-bar-item */ "./src/components/action-bar/action-bar-item.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
-/* harmony import */ var _components_file_file_choose_button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/file/file-choose-button */ "./src/components/file/file-choose-button.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
+/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
+/* harmony import */ var _components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/loading-indicator */ "./src/components/loading-indicator.tsx");
+/* harmony import */ var _components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/action-bar/action-bar-item */ "./src/components/action-bar/action-bar-item.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -8353,9 +8334,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
-
-// import { ReactElementFactory, SurveyFileChooseButton } from "../entries/react-ui-model";
 var SurveyQuestionFile = /** @class */ (function (_super) {
     __extends(SurveyQuestionFile, _super);
     function SurveyQuestionFile(props) {
@@ -8374,8 +8352,6 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var video = this.question.isPlayingVideo ? this.renderVideo() : null;
         var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
-        var clearButton = this.question.showRemoveButton ? this.renderClearButton(this.question.cssClasses.removeButton) : null;
-        var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
         var fileNavigator = this.question.fileNavigatorVisible ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.question.fileNavigator })) : null;
         var fileInput;
         if (this.question.isReadOnlyAttr) {
@@ -8396,48 +8372,36 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
                 fileDecorator,
                 loadingIndicator,
                 video,
-                clearButton,
                 preview,
-                clearButtonBottom,
                 fileNavigator)));
     };
     SurveyQuestionFile.prototype.renderFileDecorator = function () {
-        var chooseButton = this.question.showChooseButton ? this.renderChooseButton() : null;
         var actionsContainer = this.question.actionsContainerVisible ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.question.actionsContainer }) : null;
         var noFileChosen = this.question.isEmpty() ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getFileDecoratorCss() },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.wrapper },
-                chooseButton,
                 actionsContainer,
                 noFileChosen)));
     };
-    SurveyQuestionFile.prototype.renderChooseButton = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_file_file_choose_button__WEBPACK_IMPORTED_MODULE_8__.SurveyFileChooseButton, { data: { question: this.question } });
-    };
-    SurveyQuestionFile.prototype.renderClearButton = function (className) {
-        return !this.question.isUploading ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { type: "button", onClick: this.question.doClean, className: className },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, this.question.clearButtonCaption),
-            (!!this.question.cssClasses.removeButtonIconId) ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
-    };
     SurveyQuestionFile.prototype.renderPreview = function () {
-        return _element_factory__WEBPACK_IMPORTED_MODULE_7__.ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
+        return _element_factory__WEBPACK_IMPORTED_MODULE_6__.ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
     };
     SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.loadingIndicator },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_loading_indicator__WEBPACK_IMPORTED_MODULE_5__.LoadingIndicatorComponent, null));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__.LoadingIndicatorComponent, null));
     };
     SurveyQuestionFile.prototype.renderVideo = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.videoContainer },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_6__.SurveyAction, { item: this.question.changeCameraAction }),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_6__.SurveyAction, { item: this.question.closeCameraAction }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_5__.SurveyAction, { item: this.question.changeCameraAction }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_5__.SurveyAction, { item: this.question.closeCameraAction }),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_6__.SurveyAction, { item: this.question.takePictureAction })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_5__.SurveyAction, { item: this.question.takePictureAction })));
     };
     return SurveyQuestionFile;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionElementBase));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionElementBase));
 
-_reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__.ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
+_reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__.ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyQuestionFile, props);
 });
 
@@ -8610,14 +8574,14 @@ var SurveyQuestionMatrix = /** @class */ (function (_super) {
             var key = "row-" + row.name + "-" + i;
             rows.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
         }
-        var header = !this.question.showHeader ? null : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("thead", null,
+        var header = !this.question.showHeader ? null : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("thead", { role: "presentation" },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", null,
                 rowsTH,
                 headers)));
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", null,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("table", { className: this.question.getTableCss() },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", { role: "radiogroup" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("legend", { className: "sv-visuallyhidden" }, this.question.locTitle.renderedHtml),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("table", { className: this.question.getTableCss(), role: "presentation" },
                     header,
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("tbody", null, rows)))));
     };
@@ -9092,10 +9056,7 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
     };
     SurveyQuestionMatrixDropdownBase.prototype.renderTableDiv = function () {
         var _this = this;
-        var divStyle = this.question.showHorizontalScroll
-            ? { overflowX: "scroll" }
-            : {};
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
     };
     return SurveyQuestionMatrixDropdownBase;
@@ -9221,7 +9182,7 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
                 row: this.cell.row,
                 column: this.cell.cell.column,
             };
-            this.question.survey.matrixAfterCellRender(this.question, options);
+            this.question.survey.matrixAfterCellRender(options);
             this.question.afterRenderCore(el);
         }
     };
@@ -9587,10 +9548,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel */ "./src/panel.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
 /* harmony import */ var _components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/action-bar/action-bar */ "./src/components/action-bar/action-bar.tsx");
-/* harmony import */ var _components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/paneldynamic-actions/paneldynamic-next-btn */ "./src/components/paneldynamic-actions/paneldynamic-next-btn.tsx");
-/* harmony import */ var _components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/paneldynamic-actions/paneldynamic-prev-btn */ "./src/components/paneldynamic-actions/paneldynamic-prev-btn.tsx");
-/* harmony import */ var _components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/paneldynamic-actions/paneldynamic-progress-text */ "./src/components/paneldynamic-actions/paneldynamic-progress-text.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -9612,9 +9570,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
-
-
 var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
     __extends(SurveyQuestionPanelDynamic, _super);
     function SurveyQuestionPanelDynamic(props) {
@@ -9658,14 +9613,8 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
         this.question.renderedPanels.forEach(function (panel, index) {
             panels.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: _this.question, index: index, cssClasses: _this.question.cssClasses, isDisplayMode: _this.isDisplayMode, creator: _this.creator }));
         });
-        var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
-            ? this.renderAddRowButton()
-            : null;
-        var navTop = this.question.isProgressTopShowing
-            ? this.renderNavigator()
-            : null;
-        var navBottom = this.question.isProgressBottomShowing
-            ? this.renderNavigator()
+        var rangeTop = this.question.isRangeShowing && this.question.isProgressTopShowing
+            ? this.renderRange()
             : null;
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
@@ -9673,52 +9622,16 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
             this.question.hasTabbedMenu ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getTabsContainerCss() },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_4__.SurveyActionBar, { model: this.question.tabbedMenu })) : null,
             noEntriesPlaceholder,
-            navTop,
+            rangeTop,
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.panelsContainer }, panels),
-            navBottom,
-            btnAdd,
             navV2));
     };
-    SurveyQuestionPanelDynamic.prototype.renderNavigator = function () {
-        if (!this.question["showLegacyNavigation"]) {
-            if (this.question.isRangeShowing && this.question.isProgressTopShowing) {
-                return this.renderRange();
-            }
-            else {
-                return null;
-            }
-        }
-        var range = this.question.isRangeShowing ? this.renderRange() : null;
-        var btnPrev = this.rendrerPrevButton();
-        var btnNext = this.rendrerNextButton();
-        var btnAdd = this.renderAddRowButton();
-        var progressClass = this.question.isProgressTopShowing
-            ? this.question.cssClasses.progressTop
-            : this.question.cssClasses.progressBottom;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: progressClass },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { clear: "both" } },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progressContainer },
-                    btnPrev,
-                    range,
-                    btnNext),
-                btnAdd,
-                this.renderProgressText())));
-    };
-    SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_7__.SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
-    };
-    SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_6__.SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
-    };
-    SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_5__.SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
-    };
     SurveyQuestionPanelDynamic.prototype.renderRange = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progress },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
     };
     SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
-        return _element_factory__WEBPACK_IMPORTED_MODULE_8__.ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
+        return _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
             data: { question: this.question }
         });
     };
@@ -9783,7 +9696,7 @@ var SurveyQuestionPanelDynamicItem = /** @class */ (function (_super) {
     SurveyQuestionPanelDynamicItem.prototype.renderButton = function () {
         if (!this.question.canRenderRemovePanelOnRight(this.panel))
             return null;
-        return _element_factory__WEBPACK_IMPORTED_MODULE_8__.ReactElementFactory.Instance.createElement("sv-paneldynamic-remove-btn", {
+        return _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement("sv-paneldynamic-remove-btn", {
             data: { question: this.question, panel: this.panel }
         });
     };
@@ -9889,8 +9802,9 @@ var SurveyQuestionRadiogroup = /** @class */ (function (_super) {
         if (this.question.blockedRow) {
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
-        else
+        else {
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, this.getItems(cssClasses, this.question.bodyItems));
+        }
     };
     SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
         var items = [];
@@ -11656,7 +11570,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.3"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.5"), "survey-react-ui");
 
 })();