survey-creator-js 2.0.0 → 2.0.2

package/fesm/survey-creator-js.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v2.0.0
+ * SurveyJS Creator UI v2.0.2
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -92,7 +92,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)));
     }
@@ -196,7 +196,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) {
@@ -785,9 +785,9 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
             }, onDoubleClick: e => this.model.dblclick(e.nativeEvent), onMouseLeave: (e) => this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: (e) => this.model.hover(e.nativeEvent, e.currentTarget) },
             React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
             React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
-            this.renderHeader(),
             this.renderContent(),
             this.renderPlaceholder(),
+            this.renderHeader(),
             this.renderFooter())));
     }
     renderPlaceholder() {
@@ -828,7 +828,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 ?
@@ -1023,7 +1023,7 @@ class QuestionEditorContentComponent extends React.Component {
     }
     render() {
         const question = this.survey.getAllQuestions()[0];
-        return (React.createElement(React.Fragment, null,
+        return (React.createElement("div", { style: this.props.style },
             React.createElement(SurveyQuestion, { creator: this, element: question })));
     }
 }
@@ -1706,10 +1706,13 @@ class TabButtonComponent extends SurveyElementBase {
         return this.props.model;
     }
     renderElement() {
-        const button = attachKey2click(React.createElement("div", { className: this.props.model.buttonClassName, title: this.props.model.tooltip, onClick: () => { this.props.model.action(); } },
+        const model = this.props.model;
+        if (!model.visible)
+            return null;
+        const button = attachKey2click(React.createElement("div", { className: model.buttonClassName, title: model.tooltip, onClick: () => { model.action(); } },
             React.createElement("div", { className: "svc-menu-action__icon" },
                 React.createElement("div", { className: "svc-menu-action__icon-container" },
-                    React.createElement(SvgIcon, { iconName: this.props.model.iconName, size: "auto" })))), this.props.model);
+                    React.createElement(SvgIcon, { iconName: model.iconName, size: "auto" })))), model);
         return (React.createElement("div", { className: "svc-menu-action" }, button));
     }
 }
@@ -2131,7 +2134,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 }))))));
@@ -2150,7 +2153,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();
             } },
@@ -2841,8 +2844,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.0.0"}`;
-checkLibraryVersion(`${"2.0.0"}`, "survey-creator-react");
+Version = `${"2.0.2"}`;
+checkLibraryVersion(`${"2.0.2"}`, "survey-creator-react");
 
 const jQuery = window["jQuery"] || window["$"];
 function renderSurveyCreator(creator, element, props = {}) {