survey-creator-react 1.9.120 → 1.9.122

package/README.md

@@ -1,5 +1,9 @@
 # Survey Creator / Form Builder for React
 
+
+https://github.com/surveyjs/survey-creator/assets/22315929/5830b296-8b61-4142-8fcd-aac6e53166f8
+
+
 [![Build Status](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_apis/build/status/SurveyJS%20Creator?branchName=master)](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_build/latest?definitionId=8&branchName=master)
 <a href="https://www.npmjs.com/package/survey-creator"><img alt="NPM Version" src="https://img.shields.io/npm/v/survey-creator.svg" data-canonical-src="https://img.shields.io/npm/v/survey-creator.svg" style="max-width:100%;"></a>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.120",
+  "version": "1.9.122",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -26,7 +26,9 @@
   },
   "typings": "survey-creator-react.d.ts",
   "peerDependencies": {
-    "ace-builds": "^1.4.12"
+    "ace-builds": "^1.4.12",
+    "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
+    "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
   },
   "peerDependenciesMeta": {
     "ace-builds": {
@@ -34,11 +36,9 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.120",
-    "survey-react-ui": "1.9.120",
-    "survey-creator-core": "1.9.120",
-    "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
-    "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
+    "survey-core": "1.9.122",
+    "survey-react-ui": "1.9.122",
+    "survey-creator-core": "1.9.122"
   },
   "devDependencies": {}
 }

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.9.120
+ * SurveyJS Creator React v1.9.122
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1589,8 +1589,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
 /* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _TabbedMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TabbedMenu */ "./src/TabbedMenu.tsx");
-/* harmony import */ var _SvgBundle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SvgBundle */ "./src/SvgBundle.tsx");
-
 
 
 
@@ -1645,7 +1643,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
         }
         //AM: width unrecognized by react
         return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
-            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_SvgBundle__WEBPACK_IMPORTED_MODULE_6__["SvgBundleComponent"], null),
+            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgBundleComponent"], null),
             react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: areaClassName },
                 react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: fullContainerClassName },
                     react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
@@ -1750,55 +1748,6 @@ survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.reg
 });
 
 
-/***/ }),
-
-/***/ "./src/SvgBundle.tsx":
-/*!***************************!*\
-  !*** ./src/SvgBundle.tsx ***!
-  \***************************/
-/*! exports provided: SvgBundleComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return SvgBundleComponent; });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
-/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-var SvgBundleComponent = /** @class */ (function (_super) {
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SvgBundleComponent, _super);
-    function SvgBundleComponent(props) {
-        var _this = _super.call(this, props) || this;
-        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_1___default.a.createRef();
-        return _this;
-    }
-    SvgBundleComponent.prototype.componentDidMount = function () {
-        if (!!this.containerRef.current) {
-            this.containerRef.current.innerHTML = survey_core__WEBPACK_IMPORTED_MODULE_2__["SvgRegistry"].iconsRenderedHtml();
-        }
-    };
-    SvgBundleComponent.prototype.render = function () {
-        var svgStyle = {
-            display: "none"
-        };
-        return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", { style: svgStyle, id: "sv-icon-holder-global-container", ref: this.containerRef });
-    };
-    return SvgBundleComponent;
-}(react__WEBPACK_IMPORTED_MODULE_1___default.a.Component));
-
-survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("svc-svg-bundle", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(SvgBundleComponent, props);
-});
-
-
 /***/ }),
 
 /***/ "./src/TabbedMenu.tsx":
@@ -2209,6 +2158,9 @@ var PanelAdornerComponent = /** @class */ (function (_super) {
                 } },
                 react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText))) : null));
     };
+    PanelAdornerComponent.prototype.disableTabStop = function () {
+        return !this.model.element.isInteractiveDesignElement;
+    };
     PanelAdornerComponent.prototype.renderFooter = function () {
         var _this = this;
         return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null,
@@ -2299,6 +2251,9 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var content = this.renderContent(allowInteractions);
         return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner" + this.model.rootCss(), onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
     };
+    QuestionAdornerComponent.prototype.disableTabStop = function () {
+        return true;
+    };
     QuestionAdornerComponent.prototype.renderContent = function (allowInteractions) {
         var _this = this;
         var content = this.renderElementContent();
@@ -2309,7 +2264,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         return Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-question__content " + this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__["ReactMouseEvent"](e)); } },
             this.renderHeader(),
             content,
-            this.renderFooter()));
+            this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
     };
     QuestionAdornerComponent.prototype.renderHeader = function () {
         return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-header", { model: this.model });
@@ -2697,7 +2652,7 @@ var QuestionRatingAdornerComponent = /** @class */ (function (_super) {
         var model = this.ratingModel;
         return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null,
             react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-rating-question-content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-rating-question-controls svc-item-value-controls" },
+                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: model.controlsClassNames },
                     model.allowRemove ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: function () { return model.removeItem(model); } },
                         react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 16, iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
                     model.allowAdd ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: function () { return model.addItem(model); } },
@@ -3380,7 +3335,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_52___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_52__);
 var Version;
-Version = "".concat("1.9.120");
+Version = "".concat("1.9.122");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3442,7 +3397,7 @@ Version = "".concat("1.9.120");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_52__["checkLibraryVersion"])("".concat("1.9.120"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_52__["checkLibraryVersion"])("".concat("1.9.122"), "survey-creator-react");
 
 
 /***/ }),
@@ -4408,7 +4363,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         var container = this.rootRef.current;
         if (!container)
             return;
-        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_2__["VerticalResponsivityManager"](container, this.toolbox, ".svc-toolbox__tool:not(.sv-dots)");
+        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_2__["VerticalResponsivityManager"](container, this.toolbox, ".svc-toolbox__tool:not(.sv-dots)", null, undefined, function (callback) { return setTimeout(callback); });
     };
     AdaptiveToolbox.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
@@ -4665,7 +4620,7 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     SurveyCreatorToolboxTool.prototype.render = function () {
         var _this = this;
         var item = this.item;
-        var className = "svc-toolbox__tool " + item.css + (item.isVisible ? "" : " sv-action--hidden");
+        var className = "svc-toolbox__tool " + (item.css || "") + (item.isVisible ? "" : " sv-action--hidden");
         var itemComponent = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement(this.item.component || "svc-toolbox-item", {
             item: this.item,
             creator: this.creator,