survey-creator-react 1.12.8 → 1.12.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.12.8",
+  "version": "1.12.9",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -29,9 +29,9 @@
     "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",
-    "survey-core": "1.12.8",
-    "survey-react-ui": "1.12.8",
-    "survey-creator-core": "1.12.8"
+    "survey-core": "1.12.9",
+    "survey-react-ui": "1.12.9",
+    "survey-creator-core": "1.12.9"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.12.8
+ * SurveyJS Creator React v1.12.9
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -215,12 +215,12 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
                 this.model.isDraggable && this.model.canRenderControls ?
                     react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
-                        react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-drag-area-indicator" }))
+                        react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-drag-24x24" }))
                     : null,
                 this.model.canRenderControls ?
                     react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
                         this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
-                            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-file", title: this.model.selectFileTitle }))) : null,
+                            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-choosefile", title: this.model.selectFileTitle }))) : null,
                         this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
                             react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
                     : null));
@@ -314,7 +314,7 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: this.model.tooltip })))) : (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
             " ",
             this.model.isDraggable ? (react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
-                react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: 24, iconName: "icon-drag-area-indicator", title: this.model.dragTooltip }))) : null,
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: 24, iconName: "icon-drag-24x24", title: this.model.dragTooltip }))) : null,
             this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
                 react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
@@ -388,7 +388,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
     LogoImageComponent.prototype.renderChooseButton = function () {
         var _this = this;
         return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-file" })));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-choosefile" })));
     };
     LogoImageComponent.prototype.renderClearButton = function () {
         var _this = this;
@@ -409,7 +409,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
         var _this = this;
         return this.model.allowEdit && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("svg", null,
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("use", { xlinkHref: "#icon-image-48x48" })))) : null;
     };
     LogoImageComponent.prototype.renderInput = function () {
         return react__WEBPACK_IMPORTED_MODULE_1__.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
@@ -2390,7 +2390,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
     QuestionImageAdornerComponent.prototype.renderChooseButton = function () {
         var _this = this;
         return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
-            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-file" }))) : null));
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-choosefile" }))) : null));
     };
     QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
         return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
@@ -3776,7 +3776,6 @@ var TabDesignerComponent = /** @class */ (function (_super) {
             _this.creator.onDragStart.remove(_this.denyUpdate);
             _this.creator.onDragEnd.remove(_this.allowUpdate);
         };
-        _this.renderedPagesCache = {};
         return _this;
     }
     Object.defineProperty(TabDesignerComponent.prototype, "model", {
@@ -3807,19 +3806,11 @@ var TabDesignerComponent = /** @class */ (function (_super) {
     };
     TabDesignerComponent.prototype.getRenderedPages = function () {
         var _this = this;
-        if (this.changedStatePropName !== "pages") {
-            this.renderedPagesCache = {};
-        }
         var renderedPages = [];
         if (this.creator.pageEditMode !== "bypage") {
             var pages = this.creator.survey.pages;
-            pages.forEach(function (page, index) {
-                var cachedPage = _this.renderedPagesCache[page.id];
-                if (!cachedPage) {
-                    cachedPage = _this.createRenderedPage(page, index);
-                    _this.renderedPagesCache[page.id] = cachedPage;
-                }
-                renderedPages.push(cachedPage);
+            pages.forEach(function (page) {
+                renderedPages.push(_this.createRenderedPage(page));
             });
             if (this.model.showNewPage) {
                 renderedPages.push(this.renderNewPage("svc-page", this.model.newPage.id + "-ghost-new-page"));
@@ -3828,18 +3819,13 @@ var TabDesignerComponent = /** @class */ (function (_super) {
         else {
             var page2Display = this.model.pagesController.page2Display;
             if (!!page2Display) {
-                var cachedPage = this.renderedPagesCache[page2Display.id];
-                if (!cachedPage) {
-                    cachedPage = this.createRenderedPage(page2Display, 0, this.model.newPage === page2Display);
-                    this.renderedPagesCache[page2Display.id] = cachedPage;
-                }
-                renderedPages.push(cachedPage);
+                renderedPages.push(this.createRenderedPage(page2Display, this.model.newPage === page2Display));
             }
         }
         return renderedPages;
     };
-    TabDesignerComponent.prototype.createRenderedPage = function (page, index, isGhostPage) {
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id + "-" + index }, this.renderPage(page)));
+    TabDesignerComponent.prototype.createRenderedPage = function (page, isGhostPage) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id }, this.renderPage(page)));
     };
     TabDesignerComponent.prototype.renderNewPage = function (className, key) {
         if (key === void 0) { key = ""; }
@@ -4864,7 +4850,7 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
         var suffixName = this.category.collapsed ? "expand" : "collapse";
         var svgIconClassName = "svc-toolbox__category-header__button svc-string-editor__button--" + suffixName;
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-header__controls" },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: 24 })));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: "auto" })));
     };
     SurveyCreatorToolboxCategory.prototype.renderCategoryContent = function () {
         return this.renderItems(this.category.items);
@@ -5005,7 +4991,7 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
                     event.persist();
                     _this.model.click(event);
                 } },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.item.title))
             :
                 null);
@@ -5013,7 +4999,7 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
                 event.persist();
                 _this.model.click(event);
             } },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName }) : null),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon" }) : null),
             (this.props.isCompact ?
                 null
                 :
@@ -5105,7 +5091,7 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
         return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
             react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, model: this.model, parentModel: this.parentModel, isCompact: this.isCompact }),
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__item-submenu-button", onMouseOver: function (event) { return _this.model.onMouseOver(_this.item, event); }, onMouseLeave: function (event) { return _this.model.onMouseLeave(_this.item, event); } },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: this.item.subitemsButtonIcon }),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: "auto", iconName: this.item.subitemsButtonIcon }),
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea })));
     };
     return SurveyCreatorToolboxItemGroup;
@@ -5454,7 +5440,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_64__);
 var Version;
-Version = "".concat("1.12.8");
+Version = "".concat("1.12.9");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5528,7 +5514,7 @@ Version = "".concat("1.12.8");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.8"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.9"), "survey-creator-react");
 
 })();