survey-creator-react 2.0.0 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -26,13 +26,20 @@
     "node": ">=0.10.0"
   },
   "typings": "./typings/entries/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./typings/entries/index.d.ts",
+      "import": "./fesm/survey-creator-react.js",
+      "require": "./survey-creator-react.js"
+    }
+  },
   "peerDependencies": {
     "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": "2.0.0",
-    "survey-react-ui": "2.0.0",
-    "survey-creator-core": "2.0.0"
+    "survey-core": "2.0.2",
+    "survey-react-ui": "2.0.2",
+    "survey-creator-core": "2.0.2"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.0.0
+ * SurveyJS Creator React 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
@@ -128,7 +128,7 @@ var AddQuestionButtonComponent = /** @class */ (function (_super) {
         return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { type: "button", onClick: function (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__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-element__question-type-selector-icon" },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: "auto", title: this.model.addNewQuestionText })),
             this.props.renderPopup === undefined || this.props.renderPopup ?
@@ -755,7 +755,7 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
         if (this.model.isPopupOpened)
             className += " svc-page-navigator__button--pressed";
         return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
-            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
+            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { role: "button", className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
                 react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__button-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
                 react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.popupModel }))),
             react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", null, this.model.visibleItems.map(function (item) { return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(SurveyPageNavigatorItem, { key: item.id, item: item })); }))));
@@ -780,7 +780,7 @@ var SurveyPageNavigatorItem = /** @class */ (function (_super) {
         if ((0,survey_core__WEBPACK_IMPORTED_MODULE_1__.unwrap)(item.disabled)) {
             className += " svc-page-navigator-item--disabled";
         }
-        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { role: "button", className: className, onClick: function (e) {
                 item.action(item);
                 e.stopPropagation();
             } },
@@ -848,7 +848,7 @@ var QuestionEditorContentComponent = /** @class */ (function (_super) {
     };
     QuestionEditorContentComponent.prototype.render = function () {
         var question = this.survey.getAllQuestions()[0];
-        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { style: this.props.style },
             react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestion, { creator: this, element: question })));
     };
     return QuestionEditorContentComponent;
@@ -1481,7 +1481,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
                 data: tab.data.model
             });
         var className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "tabpanel", key: tab.id, id: "scrollableDiv-" + tab.id, "aria-labelledby": "tab-" + tab.id, className: className }, component));
     };
     SurveyCreatorComponent.prototype.renderSidebar = function () {
         if (!!this.creator.sidebar) {
@@ -1729,7 +1729,7 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
     };
     TabbedMenuItemComponent.prototype.render = function () {
         var item = this.item;
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.getRootCss(), onClick: function () { return item.action(item); } },
+        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "tab", id: "tab-" + item.id, "aria-selected": item.active, "aria-controls": "scrollableDiv-" + item.id, className: item.getRootCss(), onClick: function () { return item.action(item); } },
             item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: item.getTitleCss() }, item.title) : null,
             item.hasIcon ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
     };
@@ -1936,9 +1936,9 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
             }, onDoubleClick: function (e) { return _this.model.dblclick(e.nativeEvent); }, onMouseLeave: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
-            this.renderHeader(),
             this.renderContent(),
             this.renderPlaceholder(),
+            this.renderHeader(),
             this.renderFooter())));
     };
     CreatorSurveyPageComponent.prototype.renderPlaceholder = function () {
@@ -3776,11 +3776,13 @@ var TabButtonComponent = /** @class */ (function (_super) {
         return this.props.model;
     };
     TabButtonComponent.prototype.renderElement = function () {
-        var _this = this;
-        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.props.model.buttonClassName, title: this.props.model.tooltip, onClick: function () { _this.props.model.action(); } },
+        var model = this.props.model;
+        if (!model.visible)
+            return null;
+        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: model.buttonClassName, title: model.tooltip, onClick: function () { model.action(); } },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-menu-action__icon" },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-menu-action__icon-container" },
-                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: this.props.model.iconName, size: "auto" })))), this.props.model);
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: model.iconName, size: "auto" })))), model);
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-menu-action" }, button));
     };
     return TabButtonComponent;
@@ -5544,7 +5546,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_63__);
 var Version;
-Version = "".concat("2.0.0");
+Version = "".concat("2.0.2");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5616,7 +5618,7 @@ Version = "".concat("2.0.0");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.0.0"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.0.2"), "survey-creator-react");
 
 })();