survey-react-ui 3.0.0-beta.7 → 3.0.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-beta.8",
   "license": "MIT",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -51,7 +51,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "3.0.0-beta.7",
+    "survey-core": "3.0.0-beta.8",
     "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"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v3.0.0-beta.7
+ * surveyjs - Survey JavaScript library v3.0.0-beta.8
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5176,6 +5176,32 @@
     });
     surveyCore.RendererFactory.Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
 
+    var SurveyQuestionBooleanSwitch = /** @class */ (function (_super) {
+        __extends(SurveyQuestionBooleanSwitch, _super);
+        function SurveyQuestionBooleanSwitch(props) {
+            return _super.call(this, props) || this;
+        }
+        SurveyQuestionBooleanSwitch.prototype.renderElement = function () {
+            var _this = this;
+            var cssClasses = this.question.cssClasses;
+            var buttonClass = this.question.getSwitchButtonCss();
+            var button = attachKey2click(React__namespace.createElement("div", { className: buttonClass, tabIndex: 0, role: "checkbox", "aria-checked": this.question.booleanValue || false, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
+                React__namespace.createElement("div", { className: cssClasses.switchThumb },
+                    React__namespace.createElement("div", { className: cssClasses.switchThumbCircle + " " + cssClasses.switchThumbLeft })),
+                React__namespace.createElement("div", { className: cssClasses.switchThumb },
+                    React__namespace.createElement("div", { className: cssClasses.switchThumbCircle + " " + cssClasses.switchThumbRight }))), this.question, { processEsc: false });
+            return (React__namespace.createElement("div", { className: cssClasses.rootSwitch, onClick: function () { return _this.question.booleanValue = !_this.question.booleanValue; } },
+                button,
+                React__namespace.createElement("div", { className: cssClasses.switchCaption },
+                    React__namespace.createElement("div", { className: cssClasses.switchTitle, id: this.question.labelRenderedAriaID }, SurveyElementBase.renderLocString(this.question.locTitle)))));
+        };
+        return SurveyQuestionBooleanSwitch;
+    }(SurveyQuestionBoolean));
+    ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", function (props) {
+        return React__namespace.createElement(SurveyQuestionBooleanSwitch, props);
+    });
+    surveyCore.RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
+
     var SurveyQuestionEmpty = /** @class */ (function (_super) {
         __extends(SurveyQuestionEmpty, _super);
         function SurveyQuestionEmpty(props) {
@@ -7407,7 +7433,7 @@
         return React__namespace.createElement(SurveyLocStringEditor, props);
     });
 
-    surveyCore.checkLibraryVersion("".concat("3.0.0-beta.7"), "survey-react-ui");
+    surveyCore.checkLibraryVersion("".concat("3.0.0-beta.8"), "survey-react-ui");
 
     Object.defineProperty(exports, "Model", {
         enumerable: true,
@@ -7482,6 +7508,7 @@
     exports.SurveyQuestionBoolean = SurveyQuestionBoolean;
     exports.SurveyQuestionBooleanCheckbox = SurveyQuestionBooleanCheckbox;
     exports.SurveyQuestionBooleanRadio = SurveyQuestionBooleanRadio;
+    exports.SurveyQuestionBooleanSwitch = SurveyQuestionBooleanSwitch;
     exports.SurveyQuestionButtonGroup = SurveyQuestionButtonGroup;
     exports.SurveyQuestionButtonGroupDropdown = SurveyQuestionButtonGroupDropdown;
     exports.SurveyQuestionCheckbox = SurveyQuestionCheckbox;