survey-creator-react 1.9.98 → 1.9.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.98",
+  "version": "1.9.100",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -28,10 +28,15 @@
   "peerDependencies": {
     "ace-builds": "^1.4.12"
   },
+  "peerDependenciesMeta": {
+    "ace-builds": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "survey-core": "1.9.98",
-    "survey-react-ui": "1.9.98",
-    "survey-creator-core": "1.9.98",
+    "survey-core": "1.9.100",
+    "survey-react-ui": "1.9.100",
+    "survey-creator-core": "1.9.100",
     "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.98
+ * SurveyJS Creator React v1.9.100
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1631,9 +1631,11 @@ var SurveyCreator = /** @class */ (function (_super) {
         if (typeof target === "string") {
             node = document.getElementById(target);
         }
+        /* eslint-disable react/no-deprecated */
         react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.unmountComponentAtNode(node);
         react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.StrictMode, null,
             react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(SurveyCreatorComponent, { creator: this })), node);
+        /* eslint-enable react/no-deprecated */
     };
     //ISurveyCreator
     SurveyCreator.prototype.createQuestionElement = function (question) {
@@ -2803,9 +2805,9 @@ var SurveyQuestionColor = /** @class */ (function (_super) {
     };
     SurveyQuestionColor.prototype.renderColorSwatch = function () {
         var _this = this;
-        return react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: this.question.cssClasses.swatch, style: this.question.getSwatchStyle() },
+        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", 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.renderedValue, 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,
@@ -2870,9 +2872,9 @@ var SurveyQuestionFileEditor = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.questionFile.cssClasses.clearButtonIcon, size: "auto", title: this.questionFile.clearButtonCaption })));
     };
     SurveyQuestionFileEditor.prototype.renderChooseButton = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { tabIndex: 0, role: "button", className: this.questionFile.cssClasses.chooseButton, htmlFor: this.questionFile.inputId, "aria-label": this.questionFile.chooseButtonCaption },
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { role: "button", className: this.questionFile.getChooseButtonCss(), htmlFor: this.questionFile.inputId, "aria-label": this.questionFile.chooseButtonCaption },
             react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.questionFile.cssClasses.chooseButtonIcon, size: "auto", title: this.questionFile.chooseButtonCaption }),
-            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "file", tabIndex: -1, className: this.questionFile.cssClasses.fileInput, id: this.questionFile.inputId, "aria-required": this.questionFile.ariaRequired, "aria-label": this.questionFile.ariaLabel, "aria-invalid": this.questionFile.ariaInvalid, "aria-describedby": this.questionFile.ariaDescribedBy, multiple: false, title: this.questionFile.inputTitle, accept: this.questionFile.acceptedTypes, onChange: this.questionFile.doChange })));
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: this.questionFile.cssClasses.fileInput, id: this.questionFile.inputId, "aria-required": this.questionFile.ariaRequired, "aria-label": this.questionFile.ariaLabel, "aria-invalid": this.questionFile.ariaInvalid, "aria-describedby": this.questionFile.ariaDescribedBy, multiple: false, title: this.questionFile.inputTitle, accept: this.questionFile.acceptedTypes, onChange: this.questionFile.doChange })));
     };
     SurveyQuestionFileEditor.prototype.renderElement = function () {
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.questionFile.cssClasses.root, onDragEnter: this.questionFile.onDragEnter, onDragOver: this.questionFile.onDragOver, onDrop: this.questionFile.onDrop, onDragLeave: this.questionFile.onDragLeave },
@@ -2936,9 +2938,9 @@ var SurveyQuestionSpinEditor = /** @class */ (function (_super) {
     SurveyQuestionSpinEditor.prototype.renderButtons = function () {
         var _this = this;
         return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: this.question.cssClasses.buttonsContainer },
-            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, onMouseDown: this.question.onDownButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onMouseDown: this.question.onDownButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.decreaseButtonIcon, size: "auto" })),
-            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, onMouseDown: this.question.onUpButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onMouseDown: this.question.onUpButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.increaseButtonIcon, size: "auto" }))));
     };
     return SurveyQuestionSpinEditor;
@@ -3204,7 +3206,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_50___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_50__);
 var Version;
-Version = "".concat("1.9.98");
+Version = "".concat("1.9.100");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3264,7 +3266,7 @@ Version = "".concat("1.9.98");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_50__["checkLibraryVersion"])("".concat("1.9.98"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_50__["checkLibraryVersion"])("".concat("1.9.100"), "survey-creator-react");
 
 
 /***/ }),