survey-react-ui 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "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",
@@ -29,7 +29,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.2.0",
+    "survey-core": "2.2.2",
     "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.2.0
+ * surveyjs - Survey JavaScript library v2.2.2
  * 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.2.0
+ * surveyjs - Survey JavaScript library v2.2.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.2.0
+ * surveyjs - Survey JavaScript library v2.2.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1139,7 +1139,7 @@ var SurveyActionBar = /** @class */ (function (_super) {
     });
     SurveyActionBar.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
-        if (!this.model.hasActions)
+        if (!this.model.hasVisibleActions)
             return;
         var container = this.rootRef.current;
         if (!!container) {
@@ -1155,7 +1155,7 @@ var SurveyActionBar = /** @class */ (function (_super) {
         if (prevProps.model != this.props.model) {
             prevProps.model.resetResponsivityManager();
         }
-        if (!!this.model.hasActions) {
+        if (!!this.model.hasVisibleActions) {
             var container = this.rootRef.current;
             if (!!container) {
                 this.model.initResponsivityManager(container, function (callback) { setTimeout(callback, 100); });
@@ -1169,7 +1169,7 @@ var SurveyActionBar = /** @class */ (function (_super) {
         if (!this.model.hasActions)
             return null;
         var items = this.renderItems();
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: this.model.getRootCss(), onClick: this.handleClick ? function (event) {
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, style: this.model.getRootStyle(), className: this.model.getRootCss(), onClick: this.handleClick ? function (event) {
                 event.stopPropagation();
             } : undefined }, items));
     };
@@ -2626,7 +2626,7 @@ var MatrixRow = /** @class */ (function (_super) {
         var model = this.model;
         if (!model.visible)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", { ref: this.root, className: model.className, "data-sv-drop-target-matrix-row": model.row && model.row.id, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", { ref: this.root, className: model.className, "data-sv-drop-target-matrix-row": model.dropTargetId, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
     };
     return MatrixRow;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
@@ -4673,7 +4673,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         else {
             selectElement = react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
                 this.renderInput(),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: dropdownListModel.popupModel }));
+                this.question.isInputReadOnly ? null : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: dropdownListModel.popupModel }));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click }, selectElement));
     };
@@ -4690,12 +4690,6 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         var _this = this;
         var dropdownListModel = this.dropdownListModel;
         var valueElement = this.renderValueElement();
-        var root = survey_core__WEBPACK_IMPORTED_MODULE_1__.settings.environment.root;
-        var onInputChange = function (e) {
-            if (e.target === root.activeElement) {
-                dropdownListModel.inputStringRendered = e.target.value;
-            }
-        };
         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
@@ -4709,9 +4703,20 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.ariaInputRole, "aria-required": dropdownListModel.ariaInputRequired, "aria-invalid": dropdownListModel.ariaInputInvalid, "aria-errormessage": dropdownListModel.ariaInputErrorMessage, "aria-expanded": dropdownListModel.ariaInputExpanded, "aria-label": dropdownListModel.ariaInputLabel, "aria-labelledby": dropdownListModel.ariaInputLabelledby, "aria-describedby": dropdownListModel.ariaInputDescribedby, "aria-controls": dropdownListModel.ariaInputControls, "aria-activedescendant": dropdownListModel.ariaInputActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                dropdownListModel.needRenderInput ? this.renderFilterInput() : null),
             this.renderEditorButtons()));
     };
+    SurveyQuestionDropdownBase.prototype.renderFilterInput = function () {
+        var _this = this;
+        var root = survey_core__WEBPACK_IMPORTED_MODULE_1__.settings.environment.root;
+        var dropdownListModel = this.dropdownListModel;
+        var onInputChange = function (e) {
+            if (e.target === root.activeElement) {
+                dropdownListModel.inputStringRendered = e.target.value;
+            }
+        };
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.ariaInputRole, "aria-required": dropdownListModel.ariaInputRequired, "aria-invalid": dropdownListModel.ariaInputInvalid, "aria-errormessage": dropdownListModel.ariaInputErrorMessage, "aria-expanded": dropdownListModel.ariaInputExpanded, "aria-label": dropdownListModel.ariaInputLabel, "aria-labelledby": dropdownListModel.ariaInputLabelledby, "aria-describedby": dropdownListModel.ariaInputDescribedby, "aria-controls": dropdownListModel.ariaInputControls, "aria-activedescendant": dropdownListModel.ariaInputActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus });
+    };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
@@ -7061,7 +7066,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: question.cssContent || undefined, style: contentStyle, "aria-hidden": question.contentAriaHidden, role: "presentation" },
             questionRender,
             comment,
             descriptionUnderInput));
@@ -9943,7 +9948,7 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.footer },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr", { className: this.question.cssClasses.separator }),
             range,
-            this.question.footerToolbar.visibleActions.length ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.footerButtonsContainer },
+            this.question.footerToolbar.hasVisibleActions ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.footerButtonsContainer },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_4__.SurveyActionBar, { model: this.question.footerToolbar }))) : null));
     };
     SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function (cssClasses) {
@@ -10846,7 +10851,7 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
     SurveyQuestionSlider.prototype.getRangeInput = function () {
         var _this = this;
         var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, handleRangeOnChange = _a.handleRangeOnChange, handleRangePointerDown = _a.handleRangePointerDown, handleRangePointerUp = _a.handleRangePointerUp;
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { name: "range-input", ref: this.rangeInputRef, className: cssClasses.input, type: "range", "aria-hidden": "true", min: min, max: max, step: step, tabIndex: -1, onChange: function (e) { handleRangeOnChange(e.nativeEvent); }, onPointerDown: function (e) { e.persist(); handleRangePointerDown(e.nativeEvent, _this.control); }, onPointerUp: function (e) { handleRangePointerUp(e.nativeEvent, _this.control); } });
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { name: "range-input", id: "sjs-slider-input-range-input", ref: this.rangeInputRef, className: cssClasses.input, type: "range", "aria-hidden": "true", min: min, max: max, step: step, tabIndex: -1, onChange: function (e) { handleRangeOnChange(e.nativeEvent); }, onPointerDown: function (e) { e.persist(); handleRangePointerDown(e.nativeEvent, _this.control); }, onPointerUp: function (e) { handleRangePointerUp(e.nativeEvent, _this.control); } });
     };
     SurveyQuestionSlider.prototype.getLabels = function () {
         var labels = [];
@@ -10923,7 +10928,7 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
             disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: dropdownListModel.ariaQuestionRole, "aria-required": dropdownListModel.ariaQuestionRequired, "aria-invalid": dropdownListModel.ariaQuestionInvalid, "aria-errormessage": dropdownListModel.ariaQuestionErrorMessage, "aria-label": dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel.ariaQuestionDescribedby, "aria-expanded": dropdownListModel.ariaQuestionExpanded, "aria-controls": dropdownListModel.ariaQuestionControls, "aria-activedescendant": dropdownListModel.ariaQuestionActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.controlValue },
                 items,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model: dropdownListModel, question: this.question })),
+                dropdownListModel.needRenderInput ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model: dropdownListModel, question: this.question }) : null),
             this.renderEditorButtons()));
     };
     SurveyQuestionTagbox.prototype.renderElement = function () {
@@ -12111,7 +12116,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.2.0"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.2.2"), "survey-react-ui");
 
 })();