survey-creator-react 1.12.57 → 1.12.59

package/fesm/survey-creator-react.mjs

@@ -1,6 +1,6 @@
 /*!
- * SurveyJS Creator React v2.3.15
- * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
+ * SurveyJS Creator React v2.5.7
+ * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
@@ -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;
@@ -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) => {
@@ -2701,6 +2719,20 @@ ReactElementFactory.Instance.registerElement("svc-property-grid", (props) => {
     return React.createElement(PropertyGridComponent, props);
 });
 
+class ComponentContainer extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement("div", { className: "svc-component-container" }, this.props.model.elements.map((element, index) => {
+            return ReactElementFactory.Instance.createElement(element.componentName, { model: element.componentData, key: index });
+        })));
+    }
+}
+ReactElementFactory.Instance.registerElement("svc-component-container", (props) => {
+    return React.createElement(ComponentContainer, props);
+});
+
 class SwitcherComponent extends SurveyElementBase {
     get item() {
         return this.props.item;
@@ -2898,12 +2930,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 +2947,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.3.15"}`;
-checkLibraryVersion(`${"2.3.15"}`, "survey-creator-react");
+Version = `${"2.5.7"}`;
+checkLibraryVersion(`${"2.5.7"}`, "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 };
+export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, ComponentContainer, 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