survey-react-ui 2.0.0-rc.8 → 2.0.0

package/fesm/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -103,6 +103,21 @@ class SurveyElementBase extends React.Component {
         super(props);
         this._allowComponentUpdate = true;
         this.prevStateElements = [];
+        this.propertyValueChangedHandler = (hash, key, val) => {
+            if (hash[key] !== val) {
+                hash[key] = val;
+                if (!this.canUsePropInState(key))
+                    return;
+                if (this.isRendering)
+                    return;
+                this.changedStatePropNameValue = key;
+                this.setState((state) => {
+                    var newState = {};
+                    newState[key] = val;
+                    return newState;
+                });
+            }
+        };
     }
     componentDidMount() {
         this.makeBaseElementsReact();
@@ -188,6 +203,9 @@ class SurveyElementBase extends React.Component {
     }
     unMakeBaseElementsReact() {
         var els = this.getStateElements();
+        this.unMakeBaseElementsReactive(els);
+    }
+    unMakeBaseElementsReactive(els) {
         for (var i = 0; i < els.length; i++) {
             this.unMakeBaseElementReact(els[i]);
         }
@@ -214,6 +232,9 @@ class SurveyElementBase extends React.Component {
     canMakeReact(stateElement) {
         return !!stateElement && !!stateElement.iteratePropertiesHash;
     }
+    isCurrentStateElement(stateElement) {
+        return !!stateElement && !!stateElement.setPropertyValueCoreHandler && stateElement.setPropertyValueCoreHandler === this.propertyValueChangedHandler;
+    }
     makeBaseElementReact(stateElement) {
         if (!this.canMakeReact(stateElement))
             return;
@@ -235,21 +256,7 @@ class SurveyElementBase extends React.Component {
                 };
             }
         });
-        stateElement.setPropertyValueCoreHandler = (hash, key, val) => {
-            if (hash[key] !== val) {
-                hash[key] = val;
-                if (!this.canUsePropInState(key))
-                    return;
-                if (this.isRendering)
-                    return;
-                this.changedStatePropNameValue = key;
-                this.setState((state) => {
-                    var newState = {};
-                    newState[key] = val;
-                    return newState;
-                });
-            }
-        };
+        stateElement.setPropertyValueCoreHandler = this.propertyValueChangedHandler;
     }
     canUsePropInState(key) {
         return true;
@@ -257,6 +264,7 @@ class SurveyElementBase extends React.Component {
     unMakeBaseElementReact(stateElement) {
         if (!this.canMakeReact(stateElement))
             return;
+        if (!this.isCurrentStateElement(stateElement)) ;
         stateElement.setPropertyValueCoreHandler = undefined;
         stateElement.iteratePropertiesHash((hash, key) => {
             var val = hash[key];
@@ -540,8 +548,10 @@ class SurveyRow extends SurveyElementBase {
     }
     componentWillUnmount() {
         super.componentWillUnmount();
-        this.row.setRootElement(undefined);
-        this.stopLazyRendering();
+        if (this.isCurrentStateElement(this.getStateElement())) {
+            this.row.setRootElement(undefined);
+            this.stopLazyRendering();
+        }
     }
     createElement(element, elementIndex) {
         const index = elementIndex ? "-" + elementIndex : 0;
@@ -690,9 +700,6 @@ class SurveyAction extends SurveyElementBase {
     getStateElement() {
         return this.item;
     }
-    shouldComponentUpdate(nextProps, nextState) {
-        return super.shouldComponentUpdate(nextProps, nextState);
-    }
     renderElement() {
         //refactor
         const itemClass = this.item.getActionRootCss();
@@ -1611,10 +1618,6 @@ class SurveyPage extends SurveyPanelBase {
     get page() {
         return this.panelBase;
     }
-    // shouldComponentUpdate(nextProps: any, nextState: any): boolean {
-    //   if(!super.shouldComponentUpdate(nextProps, nextState)) return false;
-    //   return true;
-    // }
     renderElement() {
         var title = this.renderTitle();
         var description = this.renderDescription();
@@ -1839,7 +1842,7 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1907,7 +1910,7 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5281,7 +5284,7 @@ class SurveyQuestionImagePicker extends SurveyQuestionElementBase {
     }
     renderElement() {
         var cssClasses = this.question.cssClasses;
-        return (React.createElement("fieldset", { className: this.question.getSelectBaseRootCss() },
+        return (React.createElement("fieldset", { className: this.question.getSelectBaseRootCss(), style: this.question.getContainerStyle() },
             React.createElement("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     }
@@ -5963,7 +5966,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.0.0-rc.8"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.0.0"}`, "survey-react-ui");
 
 export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Skeleton, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
 //# sourceMappingURL=survey-react-ui.js.map