survey-creator-react 2.3.10 → 2.3.12

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.3.10
+ * SurveyJS Creator React v2.3.12
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -7,7 +7,7 @@
 
 import * as React from 'react';
 import { createElement, Fragment } from 'react';
-import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, ReactQuestionFactory, SurveyLocStringViewer, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionText } from 'survey-react-ui';
+import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, ReactQuestionFactory, SurveyLocStringViewer, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, SurveyPanel, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionText } from 'survey-react-ui';
 import { SurveyCreatorModel, assign, 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 * as ReactDOM from 'react-dom';
@@ -448,7 +448,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)))));
     }
@@ -1103,17 +1103,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);
 });
@@ -2890,8 +2915,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.3.10"}`;
-checkLibraryVersion(`${"2.3.10"}`, "survey-creator-react");
+Version = `${"2.3.12"}`;
+checkLibraryVersion(`${"2.3.12"}`, "survey-creator-react");
 
 export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyQuestionTextWithReset, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map