survey-react-ui 1.12.5 → 1.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.12.5",
+  "version": "1.12.7",
   "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",
@@ -21,7 +21,7 @@
   },
   "typings": "./typings/src/entries/react-ui.d.ts",
   "peerDependencies": {
-    "survey-core": "1.12.5",
+    "survey-core": "1.12.7",
     "react": "^16.5.0 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.2.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.5
+ * surveyjs - Survey JavaScript library v1.12.7
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1423,6 +1423,12 @@ var popup_PopupContainer = /** @class */ (function (_super) {
                 _this.model.clickOutside(e);
             }, onKeyDown: this.handleKeydown }, container));
     };
+    PopupContainer.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        if (this.model.isVisible) {
+            this.model.updateOnShowing();
+        }
+    };
     return PopupContainer;
 }(reactquestion_element_SurveyElementBase));
 
@@ -1453,12 +1459,26 @@ function showDialog(dialogOptions, rootElement) {
     var popupViewModel = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
     var onVisibilityChangedCallback = function (_, options) {
         if (!options.isVisible) {
-            external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.unmountComponentAtNode(popupViewModel.container);
+            if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
+                if (!!root) {
+                    root.unmount();
+                }
+            }
+            else {
+                external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.unmountComponentAtNode(popupViewModel.container);
+            }
             popupViewModel.dispose();
         }
     };
     popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
-    external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
+    var root;
+    if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
+        root = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot(popupViewModel.container);
+        root.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }));
+    }
+    else {
+        external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
+    }
     popupViewModel.model.isVisible = true;
     return popupViewModel;
 }
@@ -1489,9 +1509,7 @@ var action_bar_item_dropdown_extends = (undefined && undefined.__extends) || (fu
 var action_bar_item_dropdown_SurveyActionBarItemDropdown = /** @class */ (function (_super) {
     action_bar_item_dropdown_extends(SurveyActionBarItemDropdown, _super);
     function SurveyActionBarItemDropdown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.viewModel = new external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["ActionDropdownViewModel"](_this.item);
-        return _this;
+        return _super.call(this, props) || this;
     }
     SurveyActionBarItemDropdown.prototype.renderInnerButton = function () {
         var button = _super.prototype.renderInnerButton.call(this);
@@ -1499,6 +1517,9 @@ var action_bar_item_dropdown_SurveyActionBarItemDropdown = /** @class */ (functi
             button,
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_Popup, { model: this.item.popupModel, getTarget: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["getActionDropdownButtonTarget"] })));
     };
+    SurveyActionBarItemDropdown.prototype.componentDidMount = function () {
+        this.viewModel = new external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["ActionDropdownViewModel"](this.item);
+    };
     SurveyActionBarItemDropdown.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         this.viewModel.dispose();
@@ -1889,9 +1910,6 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
         var _this = this;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: function (textarea) { return (_this.viewModel.setElement(textarea)); }, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
     };
-    TextAreaComponent.prototype.componentWillUnmount = function () {
-        this.viewModel.dispose();
-    };
     return TextAreaComponent;
 }(reactquestion_element_SurveyElementBase));
 
@@ -2906,6 +2924,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
             if (!!el)
                 this.survey.afterRenderSurvey(el);
             this.survey.startTimerFromUI();
+            this.setSurveyEvents();
         }
     };
     Survey.prototype.shouldComponentUpdate = function (nextProps, nextState) {
@@ -3062,7 +3081,6 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!!newProps.css) {
             this.survey.css = this.css;
         }
-        this.setSurveyEvents();
     };
     Survey.prototype.isModelJSONChanged = function (newProps) {
         if (!!newProps["model"]) {
@@ -4366,6 +4384,10 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.setupModel();
     };
+    SurveyQuestionOptionItem.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.setupModel();
+    };
     SurveyQuestionOptionItem.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.item) {
@@ -8814,7 +8836,8 @@ var paneldynamic_remove_btn_SurveyQuestionPanelDynamicRemoveButton = /** @class
     }
     SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
         var btnText = this.renderLocString(this.question.locPanelRemoveText);
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+        var id = this.question.getPanelRemoveButtonId(this.data.panel);
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", { className: this.question.cssClasses.iconRemove })));
     };
@@ -9316,7 +9339,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.5", "survey-react-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.7", "survey-react-ui");
 
 
 /***/ }),