survey-creator-js 2.3.9 → 2.3.11

package/fesm/survey-creator-js.mjs

@@ -1,12 +1,12 @@
 /*!
- * SurveyJS Creator UI v2.3.9
+ * SurveyJS Creator UI 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
  */
 
 import * as React from 'survey-js-ui';
-import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, createElement, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, Fragment, SurveyQuestionText, preact } from 'survey-js-ui';
+import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, SurveyPanel, createElement, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, Fragment, SurveyQuestionText, preact } from 'survey-js-ui';
 import { assign, SurveyCreatorModel, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, PageAdorner, LogoImageViewModel, editorLocalization, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperViewModel, SurveyResultsModel, ToolboxToolViewModel, editableStringRendererName, StringEditorViewModelBase, initLogicOperator, PageNavigatorViewModel } from 'survey-creator-core';
 export { PropertyGridEditorCollection, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, editorLocalization, localization, settings, svgBundle } from 'survey-creator-core';
 import { CssClassBuilder, settings, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
@@ -446,7 +446,7 @@ class QuestionAdornerComponent extends CreatorModelElement {
         const element = this.model.element;
         return (React.createElement("div", { ref: node => node && (!this.model.renderedCollapsed ?
                 node.setAttribute("inert", "") : node.removeAttribute("inert")), className: this.model.cssCollapsedHiddenHeader }, (element.hasTitle ?
-            React.createElement(TitleElement, { element: element }) :
+            React.createElement(TitleElement, { element: element, renderActions: false }) :
             React.createElement("div", { className: this.model.cssCollapsedHiddenTitle },
                 React.createElement("span", { className: "svc-fake-title" }, element.name)))));
     }
@@ -1101,17 +1101,42 @@ class ItemValueAdornerComponent extends CreatorModelElement {
             this.model.allowRemove ? attachKey2click(React.createElement("span", { role: "button", className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: () => this.model.remove(this.model) },
                 React.createElement(SvgIcon, { size: "auto", iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         const itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
-        return (React.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: (event) => this.model.onPointerDown(event) },
-            React.createElement("div", { className: "svc-item-value__ghost" }),
-            React.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
-            React.createElement("div", { className: "svc-item-value__item", onClick: (event) => this.model.select(this.model, event.nativeEvent) }, this.props.element)));
+        return (React.createElement(React.Fragment, null,
+            React.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: (event) => this.model.onPointerDown(event) },
+                React.createElement("div", { className: "svc-item-value__ghost" }),
+                React.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
+                React.createElement("div", { className: "svc-item-value__item", onClick: (event) => this.model.select(this.model, event.nativeEvent) }, this.props.element),
+                this.renderPanelAction()),
+            this.renderPanel()));
+    }
+    renderPanelAction() {
+        if (!this.model.canShowPanel())
+            return null;
+        const isShowPanel = this.model.showPanel;
+        const icName = isShowPanel ? "icon-collapsepanel-16x16" : "icon-expandpanel-16x16";
+        const btn = attachKey2click(React.createElement("span", { role: "button", className: "svc-item-value-controls__button svc-item-value-controls__add svc-choice-elements-button", onClick: () => {
+                this.model.togglePanel();
+            } },
+            React.createElement(SvgIcon, { size: "auto", iconName: icName })));
+        return React.createElement("div", { className: "svc-item-value-controls svc-choice-elements-button-container" }, btn);
+    }
+    renderPanel() {
+        if (!this.model.showPanel)
+            return null;
+        const creator = this.model.creator;
+        const survey = creator.survey;
+        return React.createElement(ChoiceItemPanel, { element: this.model.item.panel, survey: survey, creator: creator, css: survey.getCss() });
     }
 }
+const ChoiceItemPanel = React.memo(({ element, survey, creator, css }) => {
+    return React.createElement(SurveyPanel, { element: element, survey: survey, creator: creator, cssClasses: css });
+});
+ChoiceItemPanel.displayName = "ChoiceItemPanel";
 ReactElementFactory.Instance.registerElement("svc-item-value", (props) => {
     return React.createElement(ItemValueAdornerComponent, props);
 });
@@ -2888,8 +2913,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.3.9"}`;
-checkLibraryVersion(`${"2.3.9"}`, "survey-creator-react");
+Version = `${"2.3.11"}`;
+checkLibraryVersion(`${"2.3.11"}`, "survey-creator-react");
 
 function renderSurveyCreator(creator, element, props = {}) {
     let node = element;