survey-creator-react 1.12.53 → 1.12.55

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.3.6
+ * 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
@@ -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';
@@ -51,6 +51,7 @@ class TabbedMenuItemWrapper extends SurveyElementBase {
     constructor(props) {
         super(props);
         this.ref = React.createRef();
+        this.state = { changed: 0 };
     }
     get item() {
         return this.props.item;
@@ -71,14 +72,22 @@ class TabbedMenuItemWrapper extends SurveyElementBase {
     componentDidMount() {
         super.componentDidMount();
         this.item.updateModeCallback = (mode, callback) => {
+            const update = () => {
+                if (this.item.mode == mode) {
+                    this.setState({ changed: this.state.changed + 1 });
+                }
+                else {
+                    this.item.mode = mode;
+                }
+            };
             queueMicrotask(() => {
                 if (ReactDOM["flushSync"]) {
                     ReactDOM["flushSync"](() => {
-                        this.item.mode = mode;
+                        update();
                     });
                 }
                 else {
-                    this.item.mode = mode;
+                    update();
                 }
                 queueMicrotask(() => {
                     callback(mode, this.ref.current);
@@ -439,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)))));
     }
@@ -620,7 +629,7 @@ class QuestionImageAdornerComponent extends QuestionAdornerComponent {
         return [this.model, this.imageModel.filePresentationModel];
     }
     renderElementContent() {
-        if (this.imageModel.isEmptyImageLink) {
+        if (this.imageModel.isEmptyElement) {
             const fileQuestion = ReactQuestionFactory.Instance.createQuestion("file", {
                 creator: this.imageModel.question.survey,
                 isDisplayMode: false,
@@ -1094,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);
 });
@@ -2881,8 +2915,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.3.6"}`;
-checkLibraryVersion(`${"2.3.6"}`, "survey-creator-react");
+Version = `${"2.3.11"}`;
+checkLibraryVersion(`${"2.3.11"}`, "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