survey-react-ui 1.9.138 → 1.9.139

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.138",
+  "version": "1.9.139",
   "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.138
+ * surveyjs - Survey JavaScript library v1.9.139
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -188,9 +188,27 @@ var BaseAction = /** @class */ (function (_super) {
     __extends(BaseAction, _super);
     function BaseAction() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.rendredIdValue = BaseAction.getNextRendredId();
         _this.iconSize = 24;
         return _this;
     }
+    BaseAction.getNextRendredId = function () { return BaseAction.renderedId++; };
+    Object.defineProperty(BaseAction.prototype, "renderedId", {
+        get: function () { return this.rendredIdValue; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseAction.prototype, "owner", {
+        get: function () { return this.ownerValue; },
+        set: function (val) {
+            if (val !== this.owner) {
+                this.ownerValue = val;
+                this.locStrsChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseAction.prototype, "visible", {
         get: function () {
             return this.getVisible();
@@ -315,6 +333,7 @@ var BaseAction = /** @class */ (function (_super) {
         }
         return args.isTrusted;
     };
+    BaseAction.renderedId = 1;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], BaseAction.prototype, "tooltip", void 0);
@@ -3589,7 +3608,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.138", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.139", "survey-react-ui");
 
 
 /***/ }),
@@ -11542,7 +11561,7 @@ var englishStrings = {
     uploadingFile: "Your file is uploading. Please wait several seconds and try again.",
     loadingFile: "Loading...",
     chooseFile: "Choose file(s)...",
-    noFileChosen: "No file chosen",
+    noFileChosen: "No file selected",
     filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
     confirmDelete: "Are you sure you want to delete this record?",
     keyDuplicationError: "This value should be unique.",
@@ -11572,6 +11591,7 @@ var englishStrings = {
     timerLimitSurvey: "You have spent {0} of {1} in total.",
     clearCaption: "Clear",
     signaturePlaceHolder: "Sign here",
+    signaturePlaceHolderReadOnly: "No signature",
     chooseFileCaption: "Select File",
     takePhotoCaption: "Take Photo",
     photoPlaceholder: "Click the button below to take a photo using the camera.",
@@ -11588,7 +11608,7 @@ var englishStrings = {
     filterStringPlaceholder: "Type to search...",
     emptyMessage: "No data to display",
     noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
-    noEntriesReadonlyText: "No entries.",
+    noEntriesReadonlyText: "No entries",
     more: "More",
     tagboxDoneButtonCaption: "OK",
     selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
@@ -12697,7 +12717,7 @@ var SurveyFilePreview = /** @class */ (function (_super) {
         var previews = this.question.previewValue.map(function (val, index) {
             if (!val)
                 return null;
-            return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { key: _this.question.inputId + "_" + index, className: _this.question.cssClasses.preview, style: { display: _this.question.isPreviewVisible(index) ? undefined : "none" } },
+            return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { key: _this.question.inputId + "_" + index, className: _this.question.cssClasses.previewItem, style: { display: _this.question.isPreviewVisible(index) ? undefined : "none" } },
                 _this.renderFileSign(_this.question.cssClasses.fileSign, val),
                 react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: _this.question.getImageWrapperCss(val) },
                     _this.question.canPreviewImage(val) ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", { src: val.content, style: { height: _this.question.imageHeight, width: _this.question.imageWidth }, alt: "File preview" })) : (_this.question.cssClasses.defaultImage ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: _this.question.cssClasses.defaultImageIconId, size: "auto", className: _this.question.cssClasses.defaultImage })) : null),
@@ -12959,7 +12979,7 @@ var ListItem = /** @class */ (function (_super) {
                 event.stopPropagation();
             }, onPointerDown: function (event) { return _this.model.onPointerDown(event, _this.item); } },
             separator,
-            contentWrap));
+            contentWrap), this.item);
     };
     ListItem.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
@@ -20213,8 +20233,8 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
     SurveyQuestionPanelDynamic.prototype.renderElement = function () {
         var panels = [];
         if (this.question.isRenderModeList) {
-            for (var i = 0; i < this.question.panels.length; i++) {
-                var panel = this.question.panels[i];
+            for (var i = 0; i < this.question.visiblePanels.length; i++) {
+                var panel = this.question.visiblePanels[i];
                 panels.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: this.question, index: i, cssClasses: this.question.cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
             }
         }
@@ -20697,12 +20717,12 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
         return items;
     };
     SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, cssClasses, itemClass, question, unrankedItem) {
-        var key = item.value + "-" + i + "-item";
+        var key = "id-" + item.renderedId;
         var text = this.renderLocString(item.locText);
         var index = i;
-        var indexText = this.question.getNumberByIndex(i);
+        var indexText = this.question.getNumberByIndex(index);
         var tabIndex = this.question.getItemTabIndex(item);
-        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: key, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
+        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -21452,7 +21472,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var clearButton = this.renderCleanButton();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
@@ -23733,11 +23753,14 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyElement.prototype.canHaveFrameStyles = function () {
+        return (this.parent !== undefined && (!this.hasParent || this.parent && this.parent.showPanelAsPage));
+    };
     SurveyElement.prototype.getHasFrameV2 = function () {
-        return this.shouldAddRunnerStyles() && (!this.hasParent);
+        return this.shouldAddRunnerStyles() && this.canHaveFrameStyles();
     };
     SurveyElement.prototype.getIsNested = function () {
-        return this.shouldAddRunnerStyles() && (this.hasParent);
+        return this.shouldAddRunnerStyles() && !this.canHaveFrameStyles();
     };
     SurveyElement.prototype.getCssRoot = function (cssClasses) {
         var isExpanadable = !!this.isCollapsed || !!this.isExpanded;
@@ -23957,9 +23980,31 @@ var SurveyElement = /** @class */ (function (_super) {
             .append(cssClasses.titleExpandable, isExpandable)
             .append(cssClasses.titleExpanded, this.isExpanded)
             .append(cssClasses.titleCollapsed, this.isCollapsed)
-            .append(cssClasses.titleDisabled, this.isReadOnly)
+            .append(cssClasses.titleDisabled, this.isDisabledStyle)
+            .append(cssClasses.titleReadOnly, this.isReadOnly)
             .append(cssClasses.titleOnError, this.containsErrors).toString();
     };
+    Object.defineProperty(SurveyElement.prototype, "isDisabledStyle", {
+        get: function () {
+            return !this.isDefaultV2Theme && (this.isReadOnlyStyle || this.isPreviewStyle);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElement.prototype, "isReadOnlyStyle", {
+        get: function () {
+            return this.isReadOnly && !this.isPreviewStyle;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElement.prototype, "isPreviewStyle", {
+        get: function () {
+            return !!this.survey && this.survey.state === "preview";
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElement.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
         this.updateDescriptionVisibility(this.description);