survey-creator-react 3.1.0 → 3.1.2

package/fesm/survey-creator-react.mjs

@@ -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
@@ -11,7 +11,7 @@ import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Surve
 import { SurveyCreatorModel, assign, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, translationDropdownComponentName, TranslationDropdownViewModel, PageAdorner, PanelAdornerViewModel, LogoImageViewModel, editorLocalization, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperViewModel, SurveyResultsModel, ToolboxToolViewModel, editableStringRendererName, StringEditorViewModelBase, initLogicOperator, PageNavigatorViewModel, translationLocaleItemComponentName, getTranslationLocaleProgress } 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 { CssClassBuilder, settings, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
+import { toCssClasses, settings, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
 
 class TabbedMenuComponent extends SurveyElementBase {
   get model() {
@@ -556,7 +556,12 @@ ReactElementFactory.Instance.registerElement(
 
 class ActionButton extends SurveyElementBase {
   renderElement() {
-    const classes = new 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 = 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);
     }
@@ -3109,6 +3114,25 @@ ReactElementFactory.Instance.registerElement(
   }
 );
 
+class VariablesViewerComponent extends React.Component {
+  render() {
+    const model = this.props.model;
+    return /* @__PURE__ */ React.createElement("div", { className: "svc-variables-viewer" }, /* @__PURE__ */ React.createElement(
+      "textarea",
+      {
+        className: "svc-variables-viewer__text",
+        value: model.text,
+        readOnly: true,
+        spellCheck: false,
+        "aria-label": model.ariaLabel
+      }
+    ));
+  }
+}
+ReactElementFactory.Instance.registerElement("svc-variables-viewer", (props) => {
+  return React.createElement(VariablesViewerComponent, props);
+});
+
 class IconItem extends React.Component {
   render() {
     const item = this.props.item;
@@ -3591,8 +3615,8 @@ ReactElementFactory.Instance.registerElement("sv-fileedit-button", (props) => {
 });
 
 let Version;
-Version = `${"3.1.0"}`;
-checkLibraryVersion(`${"3.1.0"}`, "survey-creator-react");
+Version = `${"3.1.2"}`;
+checkLibraryVersion(`${"3.1.2"}`, "survey-creator-react");
 
-export { ActionButton, AdaptiveToolbox, AddQuestionButtonComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CollabRowComponent, ComponentContainer, CreatorSurveyPageComponent, FloatingPanelComponent, IconItem, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SideBarLaunchCard, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionFileEditorButton, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyResults, SurveyResultsByRow, SurveySimulator, SurveySpinEditorButton, SwitcherComponent, TabButtonComponent, TabContainerComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationDropdownQuestionComponent, TranslationLineSkeleton, TranslationLocaleItemComponent, Version };
+export { ActionButton, AdaptiveToolbox, AddQuestionButtonComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CollabRowComponent, ComponentContainer, CreatorSurveyPageComponent, FloatingPanelComponent, IconItem, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SideBarLaunchCard, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionFileEditorButton, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyResults, SurveyResultsByRow, SurveySimulator, SurveySpinEditorButton, SwitcherComponent, TabButtonComponent, TabContainerComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationDropdownQuestionComponent, TranslationLineSkeleton, TranslationLocaleItemComponent, VariablesViewerComponent, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map