survey-creator-react 1.12.41 → 1.12.43

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.2.0
+ * SurveyJS Creator React v2.2.3
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -11,7 +11,7 @@ import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Surve
 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';
-import { ResponsivityManager, CssClassBuilder, settings, VerticalResponsivityManager, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
+import { CssClassBuilder, settings, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
 
 class TabbedMenuComponent extends SurveyElementBase {
     get model() {
@@ -26,17 +26,24 @@ class TabbedMenuComponent extends SurveyElementBase {
     }
     renderElement() {
         const items = this.model.renderedActions.map((item) => React.createElement(TabbedMenuItemWrapper, { item: item, key: item.renderedId }));
-        return (React.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu", role: "tablist" }, items));
+        return (React.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu", role: "tablist", style: this.model.getRootStyle() }, items));
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        const container = this.rootRef.current;
+        if (!container)
+            return;
+        this.model.initResponsivityManager(container);
     }
     componentDidMount() {
         super.componentDidMount();
         const container = this.rootRef.current;
         if (!container)
             return;
-        this.manager = new ResponsivityManager(container, this.model);
+        this.model.initResponsivityManager(container);
     }
     componentWillUnmount() {
-        this.manager && (this.manager.dispose());
+        this.model.resetResponsivityManager();
         super.componentWillUnmount();
     }
 }
@@ -1569,17 +1576,22 @@ class AdaptiveToolbox extends SurveyElementBase {
         super(props);
         this.rootRef = React.createRef();
     }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        const container = this.rootRef.current;
+        if (container) {
+            this.toolbox.afterRender(container);
+        }
+    }
     componentDidMount() {
         super.componentDidMount();
         const container = this.rootRef.current;
-        this.toolbox.setRootElement(container);
-        if (!container)
-            return;
-        this.manager = new VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
+        if (container) {
+            this.toolbox.afterRender(container);
+        }
     }
     componentWillUnmount() {
-        this.manager && (this.manager.dispose());
-        this.toolbox.setRootElement(undefined);
+        this.toolbox.beforeDestroy();
         super.componentWillUnmount();
     }
     get creator() {
@@ -1612,11 +1624,9 @@ class AdaptiveToolbox extends SurveyElementBase {
             React.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })));
     }
     render() {
-        if (!this.toolbox.hasActions)
-            return null;
         const search = this.toolbox.showSearch ? this.renderSearch() : null;
         const placeholder = this.toolbox.showPlaceholder ? React.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
-        return (React.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
+        return (React.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames, style: this.toolbox.getRootStyle() },
             React.createElement("div", { onBlur: (e) => this.toolbox.focusOut(e), className: "svc-toolbox__panel" },
                 search,
                 placeholder,
@@ -2032,12 +2042,12 @@ class SurveyLocStringEditor extends CreatorModelElement {
             if (this.htmlValue.__html !== this.locString.renderedHtml) {
                 this.htmlValue = { __html: this.locString.renderedHtml };
             }
-            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, tabIndex: this.baseModel.tabIndex, 
                 // style={this.style}
                 dangerouslySetInnerHTML: this.htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
         }
         else {
-            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, tabIndex: this.baseModel.tabIndex, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
                 // style={this.style}
                 key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
         }
@@ -2834,8 +2844,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.2.0"}`;
-checkLibraryVersion(`${"2.2.0"}`, "survey-creator-react");
+Version = `${"2.2.3"}`;
+checkLibraryVersion(`${"2.2.3"}`, "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