survey-creator-react 3.1.0 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Embeddable SurveyJS drag-and-drop form builder for JSON-based forms in React. Create dynamic surveys, polls, quizzes, and other forms, configure conditional logic and validation, and customize the editor UI.",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -67,9 +67,9 @@
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
-    "survey-core": "3.1.0",
-    "survey-react-ui": "3.1.0",
-    "survey-creator-core": "3.1.0"
+    "survey-core": "3.1.2",
+    "survey-react-ui": "3.1.2",
+    "survey-creator-core": "3.1.2"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v3.1.0
+ * SurveyJS Creator v3.1.2
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -545,12 +545,7 @@
 
     class ActionButton extends surveyReactUi.SurveyElementBase {
         renderElement() {
-            const classes = new surveyCore.CssClassBuilder()
-                .append(this.props.classes)
-                .append("svc-action-button")
-                .append("svc-action-button--selected", !!this.props.selected)
-                .append("svc-action-button--disabled", !!this.props.disabled)
-                .toString();
+            const classes = surveyCore.toCssClasses(this.props.classes, "svc-action-button", !!this.props.selected && "svc-action-button--selected", !!this.props.disabled && "svc-action-button--disabled");
             if (this.props.iconName) {
                 return this.renderIcon(classes);
             }
@@ -2830,6 +2825,17 @@
         return React__namespace.createElement(ComponentContainer, props);
     });
 
+    class VariablesViewerComponent extends React__namespace.Component {
+        render() {
+            const model = this.props.model;
+            return (React__namespace.createElement("div", { className: "svc-variables-viewer" },
+                React__namespace.createElement("textarea", { className: "svc-variables-viewer__text", value: model.text, readOnly: true, spellCheck: false, "aria-label": model.ariaLabel })));
+        }
+    }
+    surveyReactUi.ReactElementFactory.Instance.registerElement("svc-variables-viewer", (props) => {
+        return React__namespace.createElement(VariablesViewerComponent, props);
+    });
+
     class IconItem extends React__namespace.Component {
         render() {
             const item = this.props.item;
@@ -3170,8 +3176,8 @@
     });
 
     exports.Version = void 0;
-    exports.Version = `${"3.1.0"}`;
-    surveyCore.checkLibraryVersion(`${"3.1.0"}`, "survey-creator-react");
+    exports.Version = `${"3.1.2"}`;
+    surveyCore.checkLibraryVersion(`${"3.1.2"}`, "survey-creator-react");
 
     Object.defineProperty(exports, "PropertyGridEditorCollection", {
         enumerable: true,
@@ -3280,6 +3286,7 @@
     exports.TranslationDropdownQuestionComponent = TranslationDropdownQuestionComponent;
     exports.TranslationLineSkeleton = TranslationLineSkeleton;
     exports.TranslationLocaleItemComponent = TranslationLocaleItemComponent;
+    exports.VariablesViewerComponent = VariablesViewerComponent;
 
 }));
 //# sourceMappingURL=survey-creator-react.js.map