@appquality/unguess-design-system 3.1.43-player → 3.1.46

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+# v3.1.46 (Tue Aug 29 2023)
+
+#### 🐛 Bug Fix
+
+- Develop [#264](https://github.com/AppQuality/unguess-design-system/pull/264) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.42 (Thu Aug 24 2023)
+
+#### 🐛 Bug Fix
+
+- Improve fullscreen experience of player [#263](https://github.com/AppQuality/unguess-design-system/pull/263) ([@cannarocks](https://github.com/cannarocks))
+- New-player-with-old-skin [#262](https://github.com/AppQuality/unguess-design-system/pull/262) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.4 (Wed Aug 23 2023)
+
+#### 🐛 Bug Fix
+
+- Add streaming support to player component [#261](https://github.com/AppQuality/unguess-design-system/pull/261) ([@cannarocks](https://github.com/cannarocks))
+- New-player-with-old-skin [#260](https://github.com/AppQuality/unguess-design-system/pull/260) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v3.1.3 (Wed Aug 16 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -4389,10 +4389,24 @@ const FullScreenButton = ({ container, }) => {
         }
         return false;
     }), [ref]);
+    React.useEffect(() => {
+        if (ref) {
+            ref.addEventListener("fullscreenchange", () => {
+                setFullScreen(!!document.fullscreenElement);
+            });
+        }
+        return () => {
+            if (ref) {
+                ref.removeEventListener("fullscreenchange", () => {
+                    setFullScreen(!!document.fullscreenElement);
+                });
+            }
+        };
+    }, [ref]);
     return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, onClick: (e) => {
             handleFullScreen();
             e.stopPropagation();
-        }, disabled: !canGoFullScreen() }, { children: document.fullscreenElement || isFullScreen ? jsxRuntime.jsx(SvgMinimizeStroke, {}) : jsxRuntime.jsx(SvgMaximizeStroke, {}) })));
+        }, disabled: !canGoFullScreen() }, { children: document.fullscreenElement || isFullScreen ? (jsxRuntime.jsx(SvgMinimizeStroke, {})) : (jsxRuntime.jsx(SvgMaximizeStroke, {})) })));
 };
 
 const ControlsWrapper = styled__default["default"].div `
@@ -4433,14 +4447,16 @@ const StyledDiv$2 = styled__default["default"].div `
   align-items: center;
 `;
 const Controls = ({ container, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [progress, setProgress] = React.useState(0);
     const [tooltipMargin, setTooltipMargin] = React.useState(0);
     const [tooltipLabel, setTooltipLabel] = React.useState("00:00");
     const progressRef = React.useRef(null);
     const { context, setCurrentTime } = Video.useVideoContext();
-    const relCurrentTime = (((_a = context.player) === null || _a === void 0 ? void 0 : _a.currentTime) || 0) - context.part.start;
-    const duration = context.part.end - context.part.start || ((_b = context.player) === null || _b === void 0 ? void 0 : _b.totalTime) || 0; //relative
+    const relCurrentTime = ((_a = context.player) === null || _a === void 0 ? void 0 : _a.currentTime)
+        ? ((_b = context.player) === null || _b === void 0 ? void 0 : _b.currentTime) - context.part.start
+        : 0;
+    const duration = context.part.end - context.part.start || ((_c = context.player) === null || _c === void 0 ? void 0 : _c.totalTime) || 0; //relative
     const getVideoPositionFromEvent = (clientX) => {
         if (progressRef && progressRef.current && duration) {
             const bounds = progressRef.current.getBoundingClientRect();

package/build/stories/theme/index.d.ts

@@ -300,16 +300,11 @@ declare const theme: {
             "&:hover"?: {
                 borderColor: string | undefined;
                 color: string | undefined;
-                backgroundColor: string;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string;
-                color: string | undefined;
-                borderColor?: undefined;
+                backgroundColor: string | undefined;
                 "& svg"?: undefined;
             } | {
                 backgroundColor: string | undefined;
-                color: string;
+                color: string | undefined;
                 borderColor?: undefined;
                 "& svg"?: undefined;
             } | {
@@ -352,13 +347,13 @@ declare const theme: {
             "&:hover"?: {
                 borderColor: string | undefined;
                 color: string | undefined;
-                backgroundColor: string;
+                backgroundColor: string | undefined;
             } | {
                 backgroundColor: string | undefined;
                 borderColor?: undefined;
                 color?: undefined;
             } | {
-                backgroundColor: string;
+                backgroundColor: string | undefined;
                 color: string | undefined;
                 borderColor?: undefined;
             } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.43-player",
+  "version": "3.1.46",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",