survey-creator-react 1.9.122 → 1.9.124

package/README.md

@@ -1,7 +1,7 @@
 # Survey Creator / Form Builder for React
 
 
-https://github.com/surveyjs/survey-creator/assets/22315929/5830b296-8b61-4142-8fcd-aac6e53166f8
+<video src="https://github.com/surveyjs/survey-creator/assets/22315929/884eeb5b-68e6-4d38-a8f9-d2483e6ce386"></video>
 
 
 [![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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.122",
+  "version": "1.9.124",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -36,9 +36,9 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.122",
-    "survey-react-ui": "1.9.122",
-    "survey-creator-core": "1.9.122"
+    "survey-core": "1.9.124",
+    "survey-react-ui": "1.9.124",
+    "survey-creator-core": "1.9.124"
   },
   "devDependencies": {}
 }

package/survey-creator-react.js

@@ -1,6 +1,6 @@
 /*!
- * SurveyJS Creator React v1.9.122
- * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
+ * SurveyJS Creator React v1.9.124
+ * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
@@ -2156,20 +2156,22 @@ var PanelAdornerComponent = /** @class */ (function (_super) {
                     e.stopPropagation();
                     _this.model.addNewQuestion();
                 } },
+                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
                 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;
+        return true;
     };
     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,
-            !this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-panel__add-new-question-container" },
-                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
+            !this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-panel__add-new-question-container" },
+                Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
                         e.stopPropagation();
                         _this.model.addNewQuestion();
                     } },
-                    react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText)),
+                    react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
+                    react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText)), undefined),
                 Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", { type: "button", onClick: function (e) {
                         e.stopPropagation();
                         _this.model.questionTypeSelectorModel.action();
@@ -2257,12 +2259,9 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
     QuestionAdornerComponent.prototype.renderContent = function (allowInteractions) {
         var _this = this;
         var content = this.renderElementContent();
-        if (!allowInteractions)
-            return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
-                content,
-                this.renderFooter());
-        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(),
+        //if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
+        return Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__["ReactMouseEvent"](e)); } },
+            allowInteractions ? this.renderHeader() : null,
             content,
             this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
     };
@@ -2270,12 +2269,14 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-header", { model: this.model });
     };
     QuestionAdornerComponent.prototype.renderFooter = function () {
-        return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-footer", { className: "svc-question__content-actions", model: this.model });
+        var allowInteractions = this.model.element
+            .isInteractiveDesignElement;
+        return allowInteractions ? survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-footer", { className: "svc-question__content-actions", model: this.model }) : null;
     };
     QuestionAdornerComponent.prototype.renderCarryForwardBanner = function () {
-        if (!this.model.isUsingCarryForward)
+        if (!this.model.isBannerShowing)
             return null;
-        return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-carryforward", this.model.createCarryForwardParams());
+        return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement("svc-question-banner", this.model.createBannerParams());
     };
     QuestionAdornerComponent.prototype.renderElementContent = function () {
         return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null,
@@ -2300,16 +2301,16 @@ survey_react_ui__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.reg
 
 /***/ }),
 
-/***/ "./src/adorners/QuestionCarryForward.tsx":
-/*!***********************************************!*\
-  !*** ./src/adorners/QuestionCarryForward.tsx ***!
-  \***********************************************/
-/*! exports provided: QuestionCarrayForwardBanner */
+/***/ "./src/adorners/QuestionBanner.tsx":
+/*!*****************************************!*\
+  !*** ./src/adorners/QuestionBanner.tsx ***!
+  \*****************************************/
+/*! exports provided: QuestionBanner */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionCarrayForwardBanner", function() { return QuestionCarrayForwardBanner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionBanner", function() { return QuestionBanner; });
 /* 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__);
@@ -2320,25 +2321,26 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var QuestionCarrayForwardBanner = /** @class */ (function (_super) {
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(QuestionCarrayForwardBanner, _super);
-    function QuestionCarrayForwardBanner() {
+var QuestionBanner = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(QuestionBanner, _super);
+    function QuestionBanner() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    QuestionCarrayForwardBanner.prototype.render = function () {
+    QuestionBanner.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-carry-forward-panel" },
-            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null,
-                this.props.text,
-                " "),
-            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-carry-forward-panel__link" },
-                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_3__["ActionButton"], { click: function () { return _this.props.onClick(); }, text: this.props.question.name }))));
-    };
-    return QuestionCarrayForwardBanner;
+        return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-carry-forward-panel-wrapper" },
+            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-carry-forward-panel" },
+                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null,
+                    this.props.text,
+                    " "),
+                react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { className: "svc-carry-forward-panel__link" },
+                    react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_3__["ActionButton"], { click: function () { return _this.props.onClick(); }, text: this.props.actionText })))));
+    };
+    return QuestionBanner;
 }(react__WEBPACK_IMPORTED_MODULE_1___default.a.Component));
 
-survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("svc-question-carryforward", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(QuestionCarrayForwardBanner, props);
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("svc-question-banner", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(QuestionBanner, props);
 });
 
 
@@ -2432,8 +2434,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
-/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../events */ "./src/events.ts");
+/* 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__);
+
 
 
 
@@ -2443,13 +2447,14 @@ var QuestionWrapperFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     QuestionWrapperFooter.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: this.props.className },
-            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyActionBar"], { model: this.props.model.actionContainer, handleClick: false })));
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: this.props.className, onFocus: function (e) { return _this.props.model.select(_this.props.model, new _events__WEBPACK_IMPORTED_MODULE_2__["ReactMouseEvent"](e)); } },
+            react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SurveyActionBar"], { model: this.props.model.actionContainer, handleClick: false })));
     };
     return QuestionWrapperFooter;
 }(react__WEBPACK_IMPORTED_MODULE_1___default.a.Component));
 
-survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("svc-question-footer", function (props) {
+survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("svc-question-footer", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(QuestionWrapperFooter, props);
 });
 
@@ -3141,7 +3146,7 @@ var __spreadArrays = function () {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionCarrayForwardBanner, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SearchComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionTextWithReset, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
+/*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionBanner, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SearchComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionTextWithReset, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3164,8 +3169,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _adorners_QuestionFooter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../adorners/QuestionFooter */ "./src/adorners/QuestionFooter.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionWrapperFooter", function() { return _adorners_QuestionFooter__WEBPACK_IMPORTED_MODULE_4__["QuestionWrapperFooter"]; });
 
-/* harmony import */ var _adorners_QuestionCarryForward__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../adorners/QuestionCarryForward */ "./src/adorners/QuestionCarryForward.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCarrayForwardBanner", function() { return _adorners_QuestionCarryForward__WEBPACK_IMPORTED_MODULE_5__["QuestionCarrayForwardBanner"]; });
+/* harmony import */ var _adorners_QuestionBanner__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../adorners/QuestionBanner */ "./src/adorners/QuestionBanner.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionBanner", function() { return _adorners_QuestionBanner__WEBPACK_IMPORTED_MODULE_5__["QuestionBanner"]; });
 
 /* harmony import */ var _adorners_QuestionDropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../adorners/QuestionDropdown */ "./src/adorners/QuestionDropdown.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionDropdownAdornerComponent", function() { return _adorners_QuestionDropdown__WEBPACK_IMPORTED_MODULE_6__["QuestionDropdownAdornerComponent"]; });
@@ -3335,7 +3340,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.122");
+Version = "".concat("1.9.124");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3397,7 +3402,7 @@ Version = "".concat("1.9.122");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_52__["checkLibraryVersion"])("".concat("1.9.122"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_52__["checkLibraryVersion"])("".concat("1.9.124"), "survey-creator-react");
 
 
 /***/ }),