survey-creator-react 1.12.29 → 1.12.31

package/fesm/{survey-creator-react.js → survey-creator-react.mjs}

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.0.1
+ * SurveyJS Creator React v2.0.3
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -8,8 +8,8 @@
 import * as React from 'react';
 import { createElement, Fragment } from 'react';
 import * as ReactDOM from 'react-dom';
-import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionButtonGroup, SurveyQuestionText } from 'survey-react-ui';
-import { assign, SurveyCreatorModel, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, PageAdorner, LogoImageViewModel, editorLocalization, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperViewModel, SurveyResultsModel, ToolboxToolViewModel, ScrollViewModel, editableStringRendererName, StringEditorViewModelBase, initLogicOperator, PageNavigatorViewModel } from 'survey-creator-core';
+import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionButtonGroup, SurveyQuestionText } from 'survey-react-ui';
+import { assign, SurveyCreatorModel, 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 { ResponsivityManager, CssClassBuilder, settings, VerticalResponsivityManager, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
 
@@ -94,7 +94,7 @@ class TabbedMenuItemComponent extends SurveyElementBase {
     }
     render() {
         const item = this.item;
-        return (attachKey2click(React.createElement("div", { className: item.getRootCss(), onClick: () => item.action(item) },
+        return (attachKey2click(React.createElement("div", { role: "tab", id: "tab-" + item.id, "aria-selected": item.active, "aria-controls": "scrollableDiv-" + item.id, className: item.getRootCss(), onClick: () => item.action(item) },
             item.hasTitle ? React.createElement("span", { className: item.getTitleCss() }, item.title) : null,
             item.hasIcon ? React.createElement(SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
     }
@@ -198,7 +198,7 @@ class SurveyCreatorComponent extends SurveyElementBase {
                 data: tab.data.model
             });
         const className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
-        return (React.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
+        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) {
@@ -830,7 +830,7 @@ class AddQuestionButtonComponent extends SurveyElementBase {
         return attachKey2click(React.createElement("button", { type: "button", onClick: (e) => {
                 e.stopPropagation();
                 questionTypeSelectorModel.action();
-            }, className: "svc-element__question-type-selector", title: this.model.addNewQuestionText },
+            }, className: "svc-element__question-type-selector", title: this.model.addNewQuestionText, role: "button" },
             React.createElement("span", { className: "svc-element__question-type-selector-icon" },
                 React.createElement(SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: "auto", title: this.model.addNewQuestionText })),
             this.props.renderPopup === undefined || this.props.renderPopup ?
@@ -1547,34 +1547,6 @@ ReactElementFactory.Instance.registerElement("svc-search", (props) => {
     return React.createElement(SearchComponent, props);
 });
 
-class ScrollComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.rootRef = React.createRef();
-        this.model = new ScrollViewModel();
-    }
-    componentDidMount() {
-        const container = this.rootRef.current;
-        if (!container)
-            return;
-        this.model.setRootElement(container);
-    }
-    componentWillUnmount() {
-        this.model.unsubscribeRootElement();
-        this.model.setRootElement(undefined);
-    }
-    render() {
-        return React.createElement("div", { ref: this.rootRef, className: "svc-scroll__wrapper" },
-            React.createElement("div", { className: "svc-scroll__scroller sv-drag-target-skipped", onScroll: () => this.model.onScrollContainer() },
-                React.createElement("div", { className: "svc-scroll__container" }, this.props.children)),
-            React.createElement("div", { className: "svc-scroll__scrollbar", onScroll: () => this.model.onScrollScrollbar() },
-                React.createElement("div", { className: "svc-scroll__scrollbar-sizer" })));
-    }
-}
-ReactElementFactory.Instance.registerElement("svc-scroll", (props) => {
-    return React.createElement(ScrollComponent, props);
-});
-
 class AdaptiveToolbox extends SurveyElementBase {
     constructor(props) {
         super(props);
@@ -1631,7 +1603,7 @@ class AdaptiveToolbox extends SurveyElementBase {
             React.createElement("div", { onBlur: (e) => this.toolbox.focusOut(e), className: "svc-toolbox__panel" },
                 search,
                 placeholder,
-                React.createElement(ScrollComponent, null, (this.toolbox.showInSingleCategory) ?
+                React.createElement(Scroll, null, (this.toolbox.showInSingleCategory) ?
                     (React.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
                     : this.renderCategories()))));
     }
@@ -1738,7 +1710,7 @@ class TabControl extends SurveyElementBase {
                     React.createElement(TabButtonComponent, { model: this.props.model.expandCollapseAction })),
                 React.createElement("div", { className: "svc-sidebar-tabs__separator" },
                     React.createElement("div", null)),
-                React.createElement(ScrollComponent, null,
+                React.createElement(Scroll, null,
                     React.createElement("div", { className: "svc-sidebar-tabs__items" },
                         React.createElement(TabsComponent, { model: this.props.model.topToolbar })))),
             React.createElement("div", { className: "svc-sidebar-tabs__bottom-container" },
@@ -2136,7 +2108,7 @@ class SurveyPageNavigator extends CreatorModelElement {
         if (this.model.isPopupOpened)
             className += " svc-page-navigator__button--pressed";
         return (React.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
-            attachKey2click(React.createElement("div", { className: className, onClick: () => this.model.togglePageSelector(), title: this.model.pageSelectorCaption },
+            attachKey2click(React.createElement("div", { role: "button", className: className, onClick: () => this.model.togglePageSelector(), title: this.model.pageSelectorCaption },
                 React.createElement(SvgIcon, { className: "svc-page-navigator__button-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
                 React.createElement(Popup, { model: this.model.popupModel }))),
             React.createElement("div", null, this.model.visibleItems.map((item) => (React.createElement(SurveyPageNavigatorItem, { key: item.id, item: item }))))));
@@ -2155,7 +2127,7 @@ class SurveyPageNavigatorItem extends CreatorModelElement {
         if (unwrap(item.disabled)) {
             className += " svc-page-navigator-item--disabled";
         }
-        return (React.createElement("div", { className: "svc-page-navigator-item" }, attachKey2click(React.createElement("div", { className: className, onClick: (e) => {
+        return (React.createElement("div", { className: "svc-page-navigator-item" }, attachKey2click(React.createElement("div", { role: "button", className: className, onClick: (e) => {
                 item.action(item);
                 e.stopPropagation();
             } },
@@ -2251,7 +2223,7 @@ class TabDesignerComponent extends SurveyElementBase {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? ReactElementFactory.Instance.createElement("svc-toolbox", { model: this.creator }) : null),
             React.createElement("div", { className: designerTabClassName, onClick: () => this.model.clickDesigner() },
-                React.createElement(ScrollComponent, null,
+                React.createElement(Scroll, null,
                     React.createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent())))));
     }
     renderHeader(condition) {
@@ -2621,8 +2593,7 @@ class PropertyGridComponent extends SurveyElementBase {
     renderElement() {
         return (React.createElement("div", { className: this.model.rootCss },
             React.createElement(SearchComponent, { model: this.model.searchManager }),
-            React.createElement(ScrollComponent, null,
-                React.createElement(Survey, { model: this.model.survey }))));
+            React.createElement(Survey, { model: this.model.survey })));
     }
 }
 ReactQuestionFactory.Instance.registerQuestion("buttongroup", (props) => {
@@ -2846,8 +2817,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.0.1"}`;
-checkLibraryVersion(`${"2.0.1"}`, "survey-creator-react");
+Version = `${"2.0.3"}`;
+checkLibraryVersion(`${"2.0.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.js.map
+//# sourceMappingURL=survey-creator-react.mjs.map