survey-creator-react 2.3.10 → 2.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "2.3.10",
+  "version": "2.3.11",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -37,9 +37,9 @@
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
-    "survey-core": "2.3.10",
-    "survey-react-ui": "2.3.10",
-    "survey-creator-core": "2.3.10"
+    "survey-core": "2.3.11",
+    "survey-react-ui": "2.3.11",
+    "survey-creator-core": "2.3.11"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.3.10
+ * SurveyJS Creator React v2.3.11
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -355,19 +355,46 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
             this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { role: "button", 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: "auto", iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, className: "svc-item-value-wrapper" +
-                (this.model.allowAdd ? " svc-item-value--new" : "") +
-                (this.model.isDragging ? " svc-item-value--dragging" : "") +
-                (this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
-                (this.model.isDragDropMoveDown ? " svc-item-value--movedown" : "") +
-                (this.model.isDragDropMoveUp ? " svc-item-value--moveup" : ""), key: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
-            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__ghost" }),
-            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
-            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__item", onClick: function (event) { return _this.model.select(_this.model, event.nativeEvent); } }, this.props.element)));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, className: "svc-item-value-wrapper" +
+                    (this.model.allowAdd ? " svc-item-value--new" : "") +
+                    (this.model.isDragging ? " svc-item-value--dragging" : "") +
+                    (this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
+                    (this.model.isDragDropMoveDown ? " svc-item-value--movedown" : "") +
+                    (this.model.isDragDropMoveUp ? " svc-item-value--moveup" : ""), key: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__ghost" }),
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__item", onClick: function (event) { return _this.model.select(_this.model, event.nativeEvent); } }, this.props.element),
+                this.renderPanelAction()),
+            this.renderPanel()));
+    };
+    ItemValueAdornerComponent.prototype.renderPanelAction = function () {
+        var _this = this;
+        if (!this.model.canShowPanel())
+            return null;
+        var isShowPanel = this.model.showPanel;
+        var icName = isShowPanel ? "icon-collapsepanel-16x16" : "icon-expandpanel-16x16";
+        var btn = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { role: "button", className: "svc-item-value-controls__button svc-item-value-controls__add svc-choice-elements-button", onClick: function () {
+                _this.model.togglePanel();
+            } },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: "auto", iconName: icName })));
+        return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-controls svc-choice-elements-button-container" }, btn);
+    };
+    ItemValueAdornerComponent.prototype.renderPanel = function () {
+        if (!this.model.showPanel)
+            return null;
+        var creator = this.model.creator;
+        var survey = creator.survey;
+        return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ChoiceItemPanel, { element: this.model.item.panel, survey: survey, creator: creator, css: survey.getCss() });
     };
     return ItemValueAdornerComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
+var ChoiceItemPanel = react__WEBPACK_IMPORTED_MODULE_2__.memo(function (_a) {
+    var element = _a.element, survey = _a.survey, creator = _a.creator, css = _a.css;
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyPanel, { element: element, survey: survey, creator: creator, cssClasses: css });
+});
+ChoiceItemPanel.displayName = "ChoiceItemPanel";
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-item-value", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ItemValueAdornerComponent, props);
 });
@@ -2178,7 +2205,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var element = this.model.element;
         return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: function (node) { return node && (!_this.model.renderedCollapsed ?
                 node.setAttribute("inert", "") : node.removeAttribute("inert")); }, className: this.model.cssCollapsedHiddenHeader }, (element.hasTitle ?
-            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.TitleElement, { element: element }) :
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.TitleElement, { element: element, renderActions: false }) :
             react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: this.model.cssCollapsedHiddenTitle },
                 react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-fake-title" }, element.name)))));
     };
@@ -3370,7 +3397,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_63__);
 var Version;
-Version = "".concat("2.3.10");
+Version = "".concat("2.3.11");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3442,7 +3469,7 @@ Version = "".concat("2.3.10");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.10"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.11"), "survey-creator-react");
 
 
 /***/ }),