survey-react-ui 1.9.129 → 1.9.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.129",
+  "version": "1.9.130",
   "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",

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.129
+ * surveyjs - Survey JavaScript library v1.9.130
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2625,7 +2625,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.129", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.130", "survey-react-ui");
 
 
 /***/ }),
@@ -7753,14 +7753,21 @@ var JsonObjectProperty = /** @class */ (function () {
         configurable: true
     });
     JsonObjectProperty.prototype.isAvailableInVersion = function (ver) {
-        if (!!this.alternativeName)
+        if (!!this.alternativeName || this.oldName)
             return true;
         return this.isAvailableInVersionCore(ver);
     };
     JsonObjectProperty.prototype.getSerializedName = function (ver) {
         if (!this.alternativeName)
             return this.name;
-        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName;
+        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName || this.oldName;
+    };
+    JsonObjectProperty.prototype.getSerializedProperty = function (obj, ver) {
+        if (!this.oldName || this.isAvailableInVersionCore(ver))
+            return this;
+        if (!obj || !obj.getType)
+            return null;
+        return Serializer.findProperty(obj.getType(), this.oldName);
     };
     JsonObjectProperty.prototype.isAvailableInVersionCore = function (ver) {
         if (!ver || !this.version)
@@ -7846,6 +7853,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "isLocalizableValue",
         "className",
         "alternativeName",
+        "oldName",
         "layout",
         "version",
         "classNamePart",
@@ -8297,6 +8305,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (propInfo.alternativeName) {
                 prop.alternativeName = propInfo.alternativeName;
             }
+            if (propInfo.oldName) {
+                prop.oldName = propInfo.oldName;
+            }
             if (propInfo.layout) {
                 prop.layout = propInfo.layout;
             }
@@ -8359,11 +8370,11 @@ var JsonMetadata = /** @class */ (function () {
         this.dynamicPropsCache = {};
     }
     JsonMetadata.prototype.getObjPropertyValue = function (obj, name) {
-        if (this.isObjWrapper(obj)) {
+        if (this.isObjWrapper(obj) && this.isNeedUseObjWrapper(obj, name)) {
             var orignalObj = obj.getOriginalObj();
-            var prop = Serializer.findProperty(orignalObj.getType(), name);
-            if (!!prop)
-                return this.getObjPropertyValueCore(orignalObj, prop);
+            var prop_1 = Serializer.findProperty(orignalObj.getType(), name);
+            if (!!prop_1)
+                return this.getObjPropertyValueCore(orignalObj, prop_1);
         }
         var prop = Serializer.findProperty(obj.getType(), name);
         if (!prop)
@@ -8400,6 +8411,18 @@ var JsonMetadata = /** @class */ (function () {
     JsonMetadata.prototype.isObjWrapper = function (obj) {
         return !!obj.getOriginalObj && !!obj.getOriginalObj();
     };
+    JsonMetadata.prototype.isNeedUseObjWrapper = function (obj, name) {
+        if (!obj.getDynamicProperties)
+            return true;
+        var props = obj.getDynamicProperties();
+        if (!Array.isArray(props))
+            return false;
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return true;
+        }
+        return false;
+    };
     JsonMetadata.prototype.addClass = function (name, properties, creator, parentName) {
         if (creator === void 0) { creator = null; }
         if (parentName === void 0) { parentName = null; }
@@ -9101,6 +9124,14 @@ var JsonObject = /** @class */ (function () {
             return;
         if (options.version && !prop.isAvailableInVersion(options.version))
             return;
+        this.valueToJsonCore(obj, result, prop, options);
+    };
+    JsonObject.prototype.valueToJsonCore = function (obj, result, prop, options) {
+        var serProp = prop.getSerializedProperty(obj, options.version);
+        if (serProp && serProp !== prop) {
+            this.valueToJsonCore(obj, result, serProp, options);
+            return;
+        }
         var value = prop.getSerializableValue(obj);
         if (!options.storeDefaults && prop.isDefaultValueByObj(obj, value))
             return;
@@ -9644,7 +9675,11 @@ var LocalizableString = /** @class */ (function () {
             keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName &&
             !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serialization.localizableStringSerializeAsObject)
             return this.values[keys[0]];
-        return this.values;
+        var res = {};
+        for (var key in this.values) {
+            res[key] = this.values[key];
+        }
+        return res;
     };
     LocalizableString.prototype.setJson = function (value) {
         if (!!this.sharedData) {
@@ -9990,7 +10025,7 @@ var englishStrings = {
     chooseFile: "Choose file(s)...",
     noFileChosen: "No file chosen",
     filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
-    confirmDelete: "Do you want to delete the record?",
+    confirmDelete: "Are you sure you want to delete this record?",
     keyDuplicationError: "This value should be unique.",
     addColumn: "Add Column",
     addRow: "Add Row",
@@ -10033,12 +10068,12 @@ var englishStrings = {
     modalApplyButtonText: "Apply",
     filterStringPlaceholder: "Type to search...",
     emptyMessage: "No data to display",
-    noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
-    noEntriesReadonlyText: "There are no entries.",
+    noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
+    noEntriesReadonlyText: "No entries.",
     more: "More",
     tagboxDoneButtonCaption: "OK",
-    selectToRankEmptyRankedAreaText: "All choices are ranked",
-    selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them",
+    selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
+    selectToRankEmptyUnrankedAreaText: "Drag choices here to rank them",
     ok: "OK",
     cancel: "Cancel",
 };
@@ -10295,14 +10330,14 @@ var SurveyQuestionBoolean = /** @class */ (function (_super) {
                 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.isDisplayMode, 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-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, false); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(false) }, this.renderLocString(this.question.locLabelFalse))),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
                         : null)),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, true); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(true) }, this.renderLocString(this.question.locLabelTrue))))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
     };
     return SurveyQuestionBoolean;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyQuestionElementBase"]));
@@ -10864,7 +10899,7 @@ var SurveyFileChooseButton = /** @class */ (function (_super) {
     });
     SurveyFileChooseButton.prototype.render = function () {
         var _this = this;
-        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText, onClick: function () { return _this.question.chooseFile(); } },
+        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText, onClick: function (e) { return _this.question.chooseFile(e.nativeEvent); } },
             (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { title: this.question.chooseButtonText, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null,
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null, this.question.chooseButtonText)));
     };
@@ -14389,7 +14424,6 @@ var SurveyPanelBase = /** @class */ (function (_super) {
     __extends(SurveyPanelBase, _super);
     function SurveyPanelBase(props) {
         var _this = _super.call(this, props) || this;
-        _this.renderedRowsCache = {};
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
         return _this;
     }
@@ -14472,20 +14506,8 @@ var SurveyPanelBase = /** @class */ (function (_super) {
             && this.panelBase.isVisible && !!this.panelBase.survey);
     };
     SurveyPanelBase.prototype.renderRows = function (css) {
-        if (this.changedStatePropName !== "rows") {
-            this.renderedRowsCache = {};
-        }
-        var rows = [];
-        var questionRows = this.panelBase.rows;
-        for (var i = 0; i < questionRows.length; i++) {
-            var row = this.renderedRowsCache[questionRows[i].id];
-            if (!row) {
-                row = this.createRow(questionRows[i], css);
-                this.renderedRowsCache[questionRows[i].id] = row;
-            }
-            rows.push(row);
-        }
-        return rows;
+        var _this = this;
+        return this.panelBase.rows.map(function (row) { return _this.createRow(row, css); });
     };
     SurveyPanelBase.prototype.createRow = function (row, css) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_row__WEBPACK_IMPORTED_MODULE_2__["SurveyRow"], { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
@@ -14831,7 +14853,9 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
         }, 10);
     };
     SurveyProgressButtons.prototype.componentWillUnmount = function () {
-        this.respManager.dispose();
+        if (!!this.respManager) {
+            this.respManager.dispose();
+        }
         _super.prototype.componentWillUnmount.call(this);
     };
     return SurveyProgressButtons;
@@ -17239,8 +17263,8 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         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 = (this.isDisplayMode ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss },
             fileInput,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
@@ -20543,29 +20567,45 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog.
+     * A function that activates a browser confirm dialog.
      *
-     * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
+     * Use the following code to execute this function:
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * // `result` contains `true` if the action was confirmed or `false` otherwise
+     * const result = settings.confirmActionFunc("Are you sure?");
+     * ```
+     *
+     * You can redefine the `confirmActionFunc` function if you want to display a custom dialog window. Your function should return `true` if a user confirms an action or `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      */
     confirmActionFunc: function (message) {
         return confirm(message);
     },
     /**
-     * A property that allows you to display a custom confirm dialog in async mode or activate the standard browser dialog.
+     * A function that activates a proprietary SurveyJS confirm dialog.
      *
-     * To display a custom confirm dialog, set this property to a function that renders it. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
-     *
-     * To activate the standard browser dialog, set the `confirmActionAsync` property to a function that returns `false`. With this configuration, a survey falls back to the [`confirmActionFunc`](#confirmActionFunc) function, which renders the standard browser dialog by default.
+     * Use the following code to execute this function:
      *
      * ```js
      * import { settings } from "survey-core";
      *
-     * // Display the standard browser dialog
-     * settings.confirmActionAsync = () => {
-     *    return false;
-     * }
+     * settings.confirmActionAsync("Are you sure?", (confirmed) => {
+     *   if (confirmed) {
+     *     // ...
+     *     // Proceed with the action
+     *     // ...
+     *   } else {
+     *     // ...
+     *     // Cancel the action
+     *     // ...
+     *   }
+     * });
      * ```
+     *
+     * You can redefine the `confirmActionAsync` function if you want to display a custom dialog window. Your function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */