@appquality/unguess-design-system 3.1.41 → 3.1.42-player

package/CHANGELOG.md

@@ -1,16 +1,3 @@
-# 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

@@ -4604,11 +4604,25 @@ const Player = React.forwardRef((props, forwardRef) => {
 });
 const PlayerCore = React.forwardRef((props, forwardRef) => {
     var _a;
-    const { context, togglePlay } = Video.useVideoContext();
+    const { context, togglePlay, setIsPlaying } = Video.useVideoContext();
     const videoRef = (_a = context.player) === null || _a === void 0 ? void 0 : _a.ref.current;
     const isLoaded = !!videoRef;
     const containerRef = React.useRef(null);
     React.useImperativeHandle(forwardRef, () => videoRef);
+    React.useEffect(() => {
+        if (videoRef) {
+            videoRef.addEventListener("pause", () => {
+                setIsPlaying(false);
+            });
+        }
+        return () => {
+            if (videoRef) {
+                videoRef.removeEventListener("pause", () => {
+                    setIsPlaying(false);
+                });
+            }
+        };
+    }, [videoRef]);
     return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: context.isPlaying, ref: containerRef }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: context.isPlaying, onClick: togglePlay })), jsxRuntime.jsx(Video__default["default"].Player, { className: "player-container" }), jsxRuntime.jsx(Controls, { container: containerRef.current })] })));
 });
 

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {

package/build/stories/typography/typescale/anchortag/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AnchorTag: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     [x: string]: any;

package/build/stories/typography/typescale/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     [x: string]: any;

package/package.json

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