survey-creator-react 1.9.106 → 1.9.108

package/index.html

@@ -19,7 +19,7 @@
 
   <!--<script src="../build/survey-creator-react.js"></script>-->
   <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/defaultV2.css" />
-  <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/modern.css" />
+  <!-- <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/modern.css" /> -->
   <link rel="stylesheet" type="text/css" href="../node_modules/survey-creator-core/survey-creator-core.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.css" /> -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.106",
+  "version": "1.9.108",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -34,9 +34,9 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.106",
-    "survey-react-ui": "1.9.106",
-    "survey-creator-core": "1.9.106",
+    "survey-core": "1.9.108",
+    "survey-react-ui": "1.9.108",
+    "survey-creator-core": "1.9.108",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
   },

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.9.106
+ * SurveyJS Creator React v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -207,6 +207,10 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.model.itemsRoot = this.rootRef.current;
     };
+    ImageItemValueAdornerComponent.prototype.renderLoadingIndicator = function () {
+        return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value__loading" },
+            react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["LoadingIndicatorComponent"], null));
+    };
     ImageItemValueAdornerComponent.prototype.render = function () {
         var _this = this;
         // if (this.model.question.isDragged) {
@@ -217,12 +221,12 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         this.model.isNew = isNew;
         var imageStyle = !this.model.getIsNewItemSingle() ? { width: this.question.renderedImageWidth, height: this.question.renderedImageHeight } : null;
         var content = null;
-        if (isNew) {
+        if (isNew || this.model.isUploading) {
             content = (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
                 react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
                     react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
                         react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("label", { className: "sd-imagepicker__label" },
-                            react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" })))),
+                            react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
                 react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
                     react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-add-lg" }))) : null)));
         }
@@ -414,11 +418,18 @@ var LogoImageComponent = /** @class */ (function (_super) {
     LogoImageComponent.prototype.renderInput = function () {
         return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
     };
+    LogoImageComponent.prototype.renderLoadingIndicator = function () {
+        return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-logo-image__loading" },
+            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["LoadingIndicatorComponent"], null));
+    };
     LogoImageComponent.prototype.render = function () {
         var content = null;
-        if (this.model.survey.locLogo.renderedHtml) {
+        if (this.model.survey.locLogo.renderedHtml && !this.model.isUploading) {
             content = this.renderImage();
         }
+        else if (this.model.isUploading) {
+            content = this.renderLoadingIndicator();
+        }
         else {
             content = this.renderPlaceHolder();
         }
@@ -1402,6 +1413,7 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
         _super.prototype.componentDidMount.call(this);
         if (!this.locString)
             return;
+        this.baseModel.setLocString(this.locString);
         this.baseModel.getEditorElement = function () { return _this.svStringEditorRef.current; };
         this.baseModel.blurEditor = function () {
             _this.svStringEditorRef.current.blur();
@@ -1551,7 +1563,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
         var creator = this.props.creator;
         if (creator.isCreatorDisposed)
             return null;
-        var creatorClassName = "svc-creator" + (this.props.creator.isMobileView ? " svc-creator--mobile" : "");
+        var creatorClassName = "svc-creator" + (this.props.creator.isMobileView ? " svc-creator--mobile" : "") + (this.props.creator.isTouch ? " svc-creator--touch" : "");
         var areaClassName = "svc-full-container svc-creator__area svc-flex-column" + (this.props.creator.haveCommercialLicense ? "" : " svc-creator__area--with-banner");
         var contentWrapperClassName = "svc-creator__content-wrapper svc-flex-row" + (this.props.creator.isMobileView ? " svc-creator__content-wrapper--footer-toolbar" : "");
         var fullContainerClassName = "svc-flex-row svc-full-container" + (" svc-creator__side-bar--" + this.creator.sidebarLocation);
@@ -2515,11 +2527,19 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
                 } }),
             _super.prototype.renderHeader.call(this)));
     };
-    QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
+    QuestionImageAdornerComponent.prototype.renderLoadingPlaceholder = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question__loading-placeholder" },
+            react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question__loading" },
+                react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["LoadingIndicatorComponent"], null))));
+    };
+    QuestionImageAdornerComponent.prototype.renderChooseButton = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
+        return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
             react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null));
     };
+    QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
+        return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
+    };
     QuestionImageAdornerComponent.prototype.getStateElements = function () {
         return [this.model, this.imageModel.filePresentationModel];
     };
@@ -2813,7 +2833,7 @@ var SurveyQuestionColor = /** @class */ (function (_super) {
         var _this = this;
         return react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: this.question.getSwatchCss(), style: this.question.getSwatchStyle() },
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.swatchIcon, size: "auto" }),
-            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "color", disabled: this.isDisplayMode, value: this.question.renderedValue, className: this.question.cssClasses.colorInput, onChange: function (event) { return _this.question.onColorInputChange(event.nativeEvent); } }));
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "color", disabled: this.isDisplayMode, value: this.question.renderedColorValue, className: this.question.cssClasses.colorInput, onChange: function (event) { return _this.question.onColorInputChange(event.nativeEvent); } }));
     };
     SurveyQuestionColor.prototype.renderDropdownAction = function () {
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
@@ -3278,7 +3298,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_51___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_51__);
 var Version;
-Version = "".concat("1.9.106");
+Version = "".concat("1.9.108");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3339,7 +3359,7 @@ Version = "".concat("1.9.106");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_51__["checkLibraryVersion"])("".concat("1.9.106"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_51__["checkLibraryVersion"])("".concat("1.9.108"), "survey-creator-react");
 
 
 /***/ }),