@onesy/ui-react 1.0.58 → 1.0.60

package/esm/VideoPlayer/VideoPlayer.js

@@ -153,6 +153,7 @@ const useStyle = styleMethod(theme => ({
 });
 const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
+  const l = theme.l;
   const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyVideoPlayer?.props?.default), props_), [props_]);
   const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
   const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
@@ -604,7 +605,7 @@ const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
         }),
         primary: /*#__PURE__*/React.createElement(Type, {
           version: "b3"
-        }, "Back"),
+        }, l('Back')),
         onClick: () => setOpenMenu(null)
       }, itemProps)));
     }
@@ -616,11 +617,11 @@ const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
         }),
         primary: /*#__PURE__*/React.createElement(Type, {
           version: "b3"
-        }, "Playback speed"),
+        }, l('Playback speed')),
         end: /*#__PURE__*/React.createElement(Type, {
           version: "b3",
           priority: "secondary"
-        }, playbackSpeed === 1 ? 'Normal' : playbackSpeed),
+        }, playbackSpeed === 1 ? l('Normal') : playbackSpeed),
         onClick: () => setOpenMenu('playbackSpeed')
       }, itemProps)));
       if (quality_) items.push(/*#__PURE__*/React.createElement(ListItem, _extends({
@@ -630,11 +631,11 @@ const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
         }),
         primary: /*#__PURE__*/React.createElement(Type, {
           version: "b3"
-        }, "Quality"),
+        }, l('Quality')),
         end: /*#__PURE__*/React.createElement(Type, {
           version: "b3",
           priority: "secondary"
-        }, !quality ? 'Original' : `${quality?.meta?.resolution}p`),
+        }, !quality ? l('Original') : `${quality?.meta?.resolution}p`),
         onClick: () => setOpenMenu('quality')
       }, itemProps)));
     } else if (openMenu === 'quality') {
@@ -664,7 +665,7 @@ const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
           key: option,
           primary: /*#__PURE__*/React.createElement(Type, {
             version: "b3"
-          }, option === 1 ? 'Normal' : option),
+          }, option === 1 ? l('Normal') : option),
           onClick: () => onPlaybackSpeed(option),
           selected: playbackSpeed === option
         }, itemProps)));

package/esm/Widgets/Widgets.js

@@ -89,6 +89,7 @@ const useStyle = styleMethod(theme => ({
 });
 const Widgets = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
+  const l = theme.l;
   const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyWidgets?.props?.default), props_), [props_]);
   const SpeedDial = React.useMemo(() => theme?.elements?.SpeedDial || SpeedDialElement, [theme]);
   const SpeedDialItem = React.useMemo(() => theme?.elements?.SpeedDialItem || SpeedDialItemElement, [theme]);
@@ -156,12 +157,12 @@ const Widgets = /*#__PURE__*/React.forwardRef((props_, ref) => {
     alignment: "start",
     Icon: Icon_,
     noRotate: true
-  }, SpeedDialProps), widgets.map((item, index) => {
+  }, SpeedDialProps, other), widgets.map((item, index) => {
     const valueItem = item.value !== undefined ? item.value : item.label;
     return /*#__PURE__*/React.createElement(SpeedDialItem, {
       key: index,
       onClick: () => !openItems.includes(valueItem) ? open(valueItem) : close(valueItem),
-      label: !openItems.includes(valueItem) ? item.label : `Close ${item.label}`,
+      label: !openItems.includes(valueItem) ? item.label : `${l('Close')} ${item.label}`,
       Icon: item.Icon
     });
   })), widgetsToUse.map((item, index) => {

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.58
+/** @license UiReact v1.0.60
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.58",
+  "version": "1.0.60",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",
@@ -30,7 +30,7 @@
     "utils"
   ],
   "peerDependencies": {
-    "@onesy/style-react": "^1.0.1",
+    "@onesy/style-react": "^1.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.15.0"