@dreamtree-org/twreact-ui 1.1.4 → 1.1.5

package/dist/index.esm.js

@@ -15915,7 +15915,7 @@ function LocationPicker(_ref) {
 
 var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$lang = _ref.lang,
-    lang = _ref$lang === void 0 ? "en-US" : _ref$lang,
+    lang = _ref$lang === void 0 ? "ne-NP" : _ref$lang,
     _ref$continuous = _ref.continuous,
     continuous = _ref$continuous === void 0 ? true : _ref$continuous,
     _ref$interimResults = _ref.interimResults,
@@ -16083,6 +16083,50 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, _isListening ? "Stop" : "Start");
 });
 
+var TextToSpeech = function TextToSpeech(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    _ref$rate = _ref.rate,
+    rate = _ref$rate === void 0 ? 1 : _ref$rate,
+    _ref$pitch = _ref.pitch,
+    pitch = _ref$pitch === void 0 ? 0.5 : _ref$pitch,
+    _ref$onSpeak = _ref.onSpeak,
+    onSpeak = _ref$onSpeak === void 0 ? function () {} : _ref$onSpeak,
+    renderButton = _ref.renderButton;
+  var _useState = useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputText = _useState2[0];
+    _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSpeaking = _useState4[0],
+    setIsSpeaking = _useState4[1];
+  var handleSpeak = function handleSpeak() {
+    var utterance = new SpeechSynthesisUtterance(inputText);
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.onstart = function () {
+      onSpeak(inputText);
+      setIsSpeaking(true);
+    };
+    utterance.onend = function () {
+      setIsSpeaking(false);
+    };
+    if (isSpeaking) {
+      window.speechSynthesis.cancel();
+      setIsSpeaking(false);
+    } else {
+      window.speechSynthesis.speak(utterance);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, renderButton && typeof renderButton === "function" ? renderButton({
+    onClick: handleSpeak,
+    isSpeaking: isSpeaking
+  }) : /*#__PURE__*/React__default.createElement("button", {
+    onClick: handleSpeak
+  }, isSpeaking ? "Stop" : "Speak"));
+};
+
 var _excluded$d = ["items", "collapsed", "onToggle", "className", "logo", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions"];
 
 /**
@@ -26755,4 +26799,4 @@ var StoreProvider = function StoreProvider(_ref) {
   }, children));
 };
 
-export { Accordion, Alert, Avatar, Badge, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, DatePicker, DateRangePicker, Dialog, EmitterClass as Emitter, FileUpload, FootNav, Form, Helpers, Input, Loader, LocationPicker, Navbar, Pagination, PriceRangePicker, ProgressBar, Radio, Rate, RoundedTag, Select, Sidebar, Skeleton, SpeechToText, Stepper, StoreProvider, Switch, Table, Tabs, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, Tooltip, cn$1 as cn, useApi, useMixins, useTheme, useToast };
+export { Accordion, Alert, Avatar, Badge, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, DatePicker, DateRangePicker, Dialog, EmitterClass as Emitter, FileUpload, FootNav, Form, Helpers, Input, Loader, LocationPicker, Navbar, Pagination, PriceRangePicker, ProgressBar, Radio, Rate, RoundedTag, Select, Sidebar, Skeleton, SpeechToText, Stepper, StoreProvider, Switch, Table, Tabs, TextToSpeech, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, Tooltip, cn$1 as cn, useApi, useMixins, useTheme, useToast };

package/dist/index.js

@@ -15935,7 +15935,7 @@ function LocationPicker(_ref) {
 
 var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$lang = _ref.lang,
-    lang = _ref$lang === void 0 ? "en-US" : _ref$lang,
+    lang = _ref$lang === void 0 ? "ne-NP" : _ref$lang,
     _ref$continuous = _ref.continuous,
     continuous = _ref$continuous === void 0 ? true : _ref$continuous,
     _ref$interimResults = _ref.interimResults,
@@ -16103,6 +16103,50 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, _isListening ? "Stop" : "Start");
 });
 
+var TextToSpeech = function TextToSpeech(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    _ref$rate = _ref.rate,
+    rate = _ref$rate === void 0 ? 1 : _ref$rate,
+    _ref$pitch = _ref.pitch,
+    pitch = _ref$pitch === void 0 ? 0.5 : _ref$pitch,
+    _ref$onSpeak = _ref.onSpeak,
+    onSpeak = _ref$onSpeak === void 0 ? function () {} : _ref$onSpeak,
+    renderButton = _ref.renderButton;
+  var _useState = React.useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputText = _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSpeaking = _useState4[0],
+    setIsSpeaking = _useState4[1];
+  var handleSpeak = function handleSpeak() {
+    var utterance = new SpeechSynthesisUtterance(inputText);
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.onstart = function () {
+      onSpeak(inputText);
+      setIsSpeaking(true);
+    };
+    utterance.onend = function () {
+      setIsSpeaking(false);
+    };
+    if (isSpeaking) {
+      window.speechSynthesis.cancel();
+      setIsSpeaking(false);
+    } else {
+      window.speechSynthesis.speak(utterance);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, renderButton && typeof renderButton === "function" ? renderButton({
+    onClick: handleSpeak,
+    isSpeaking: isSpeaking
+  }) : /*#__PURE__*/React.createElement("button", {
+    onClick: handleSpeak
+  }, isSpeaking ? "Stop" : "Speak"));
+};
+
 var _excluded$d = ["items", "collapsed", "onToggle", "className", "logo", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions"];
 
 /**
@@ -26813,6 +26857,7 @@ exports.StoreProvider = StoreProvider;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.Tabs = Tabs;
+exports.TextToSpeech = TextToSpeech;
 exports.ThemeProvider = ThemeProvider;
 exports.ThreeDotPopover = ThreeDotPopoverSimple;
 exports.Toast = Toast;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",