survey-creator-react 1.12.56 → 1.12.58

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.3.11
+ * SurveyJS Creator React v2.5.0
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -217,7 +217,7 @@ class SurveyCreatorComponent extends SurveyElementBase {
         return (React.createElement("div", { role: "tabpanel", key: tab.id, id: "scrollableDiv-" + tab.id, "aria-labelledby": "tab-" + tab.id, className: className }, component));
     }
     renderSidebar() {
-        if (!!this.creator.sidebar) {
+        if (!!this.creator.isSidebarVisible) {
             return ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar });
         }
         else {
@@ -281,8 +281,25 @@ class CreatorModelElement extends SurveyElementBase {
             return true;
         for (var i = 0; i < names.length; i++) {
             const key = names[i];
-            if (this.props[key] !== nextProps[key])
-                return true;
+            if (typeof key === "object") {
+                const currentProp = this.props[key.name];
+                const nextProp = nextProps[key.name];
+                if (key.deepEqual) {
+                    if (this.props[key.name] === nextProps[key.name])
+                        return false;
+                    const currentPropKeys = Object.keys(currentProp || {});
+                    if (currentPropKeys.length !== Object.keys(nextProp || {}).length)
+                        return true;
+                    return currentPropKeys.some(key => currentProp[key] != nextProp[key]);
+                }
+                else {
+                    return currentProp !== nextProp;
+                }
+            }
+            else {
+                if (this.props[key] !== nextProps[key])
+                    return true;
+            }
         }
         return false;
     }
@@ -302,7 +319,7 @@ class RowWrapper extends CreatorModelElement {
         this.model = new RowViewModel(props.componentData.creator, props.row, null);
     }
     getUpdatedModelProps() {
-        return ["row", "componentData"];
+        return ["row", { name: "componentData", deepEqual: true }];
     }
     getStateElement() {
         return this.model;
@@ -1434,11 +1451,11 @@ class SurveyCreatorToolboxItem extends CreatorModelElement {
                     event.persist();
                     this.model.click(event);
                 } },
-                React.createElement(SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
+                React.createElement(SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.getTooltip() }),
                 React.createElement("span", null, this.item.title))
             :
                 null);
-        const item = attachKey2click(React.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, onClick: (event) => {
+        const item = attachKey2click(React.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.getTooltip(), onClick: (event) => {
                 event.persist();
                 this.model.click(event);
             } },
@@ -1520,8 +1537,9 @@ class SurveyCreatorToolboxCategory extends SurveyElementBase {
         if (this.toolbox.canCollapseCategories) {
             className += " svc-toolbox__category-header--collapsed";
         }
+        const title = this.renderLocString(this.category.locTitle);
         return attachKey2click(React.createElement("div", { className: className, onClick: e => this.category.toggleState() },
-            React.createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
+            React.createElement("span", { className: "svc-toolbox__category-title" }, title),
             this.renderButton()));
     }
     renderButton() {
@@ -1780,7 +1798,7 @@ class TabControl extends SurveyElementBase {
                         React.createElement(TabsComponent, { model: this.props.model.topToolbar })))),
             React.createElement("div", { className: "svc-sidebar-tabs__bottom-container" },
                 React.createElement("div", { className: "svc-sidebar-tabs__items" },
-                    React.createElement(TabsComponent, { model: this.props.model.bottomToolbar })))));
+                    React.createElement(SurveyActionBar, { model: this.props.model.bottomToolbar })))));
     }
 }
 ReactElementFactory.Instance.registerElement("svc-tab-control", (props) => {
@@ -2299,7 +2317,7 @@ class TabDesignerComponent extends SurveyElementBase {
                 React.createElement(SurveyHeader, { survey: survey }))));
     }
     renderPlaceHolder() {
-        const surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle && this.creator.showHeaderInEmptySurvey);
+        const surveyHeader = this.renderHeader(this.creator.showSurveyHeader && this.creator.showHeaderInEmptySurvey);
         return (React.createElement(React.Fragment, null,
             surveyHeader,
             React.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
@@ -2311,7 +2329,7 @@ class TabDesignerComponent extends SurveyElementBase {
     }
     renderTabContent() {
         const survey = this.creator.survey;
-        const surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle);
+        const surveyHeader = this.renderHeader(this.creator.showSurveyHeader);
         const style = Object.assign({}, this.model.surfaceCssVariables);
         style.maxWidth = survey.renderedWidth;
         const tabTools = this.renderTabTools();
@@ -2898,12 +2916,12 @@ ReactQuestionFactory.Instance.registerQuestion("commentwithreset", (props) => {
 
 class SurveyQuestionBooleanSwitch extends SurveyQuestionElementBase {
     renderElement() {
-        const button = attachKey2click(React.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.value ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-checked": this.questionBase.booleanValue || false, "aria-required": this.questionBase.a11y_input_ariaRequired, "aria-label": this.questionBase.a11y_input_ariaLabel, "aria-labelledby": this.questionBase.a11y_input_ariaLabelledBy, "aria-invalid": this.questionBase.a11y_input_ariaInvalid, "aria-errormessage": this.questionBase.a11y_input_ariaErrormessage },
+        const button = attachKey2click(React.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.booleanValue ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-checked": this.questionBase.booleanValue || false, "aria-required": this.questionBase.a11y_input_ariaRequired, "aria-label": this.questionBase.a11y_input_ariaLabel, "aria-labelledby": this.questionBase.a11y_input_ariaLabelledBy, "aria-invalid": this.questionBase.a11y_input_ariaInvalid, "aria-errormessage": this.questionBase.a11y_input_ariaErrormessage },
             React.createElement("div", { className: "spg-boolean-switch__thumb" },
                 React.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left" })),
             React.createElement("div", { className: "spg-boolean-switch__thumb" },
                 React.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right" }))), this.questionBase, { processEsc: false });
-        return (React.createElement("div", { className: "spg-boolean-switch", onClick: () => this.questionBase.value = !this.questionBase.value },
+        return (React.createElement("div", { className: "spg-boolean-switch", onClick: () => this.questionBase.booleanValue = !this.questionBase.booleanValue },
             button,
             React.createElement("div", { className: "spg-boolean-switch__caption" },
                 React.createElement("div", { className: "spg-boolean-switch__title", id: this.questionBase.labelRenderedAriaID }, SurveyElementBase.renderLocString(this.questionBase.locTitle)))));
@@ -2915,8 +2933,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.3.11"}`;
-checkLibraryVersion(`${"2.3.11"}`, "survey-creator-react");
+Version = `${"2.5.0"}`;
+checkLibraryVersion(`${"2.5.0"}`, "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