@appquality/unguess-design-system 3.1.2 → 3.1.39-player

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/player/_types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from "react";
 export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
+    url: string;
 }
 export interface WrapperProps {
     isPlaying?: boolean;

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

@@ -4,5 +4,6 @@ interface PlayerStoryArgs extends PlayerArgs {
     url: string;
 }
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
+export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
 export default _default;

package/build/stories/player/parts/audioButton.d.ts

@@ -1,3 +1 @@
-export declare const AudioButton: (props: {
-    videoRef: HTMLVideoElement | null;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const AudioButton: () => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/controls.d.ts

@@ -1,9 +1,6 @@
 import { WrapperProps } from "../_types";
 export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;
 export declare const ControlsBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Controls: (props: {
-    videoRef: HTMLVideoElement | null;
-    duration: number;
-    isPlaying?: boolean | undefined;
-    onPlayChange?: ((isPlaying: boolean) => void) | undefined;
+export declare const Controls: ({ container, }: {
+    container: HTMLDivElement | null;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/controlsCenterGroup.d.ts

@@ -1,5 +1 @@
-export declare const ControlsGroupCenter: ({ videoRef, isPlaying, onPlayChange, }: {
-    videoRef: HTMLVideoElement | null;
-    isPlaying?: boolean | undefined;
-    onPlayChange?: ((playing: boolean) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsGroupCenter: () => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/fullScreenButton.d.ts

@@ -1,10 +1,3 @@
-interface VideowithFullscreen extends HTMLVideoElement {
-    webkitEnterFullscreen?: () => Promise<void>;
-    webkitRequestFullscreen?: () => Promise<void>;
-    mozRequestFullScreen?: () => Promise<void>;
-    msRequestFullscreen?: () => Promise<void>;
-}
-export declare const FullScreenButton: (props: {
-    videoRef: VideowithFullscreen | null;
+export declare const FullScreenButton: ({ container, }: {
+    container: HTMLDivElement | null;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/stories/player/parts/video.d.ts

@@ -1 +1 @@
-export declare const Video: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
+export declare const VideoStyle: import("styled-components").FlattenSimpleInterpolation;

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

@@ -96,16 +96,11 @@ export declare const components: {
         "&: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;
         } | {
@@ -148,13 +143,13 @@ export declare const components: {
         "&: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/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.2",
+  "version": "3.1.39-player",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -25,6 +25,7 @@
   },
   "homepage": "https://github.com/AppQuality/unguess-design-system#readme",
   "dependencies": {
+    "@appquality/stream-player": "^1.0.3",
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",
     "@nivo/core": "^0.80.0",
@@ -36,6 +37,7 @@
     "@nivo/waffle": "^0.80.0",
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",
+    "@tiptap/extension-link": "^2.0.4",
     "@tiptap/extension-placeholder": "^2.0.0-beta.53",
     "@tiptap/extension-typography": "^2.0.0-beta.22",
     "@tiptap/pm": "^2.0.3",
@@ -90,8 +92,8 @@
     "formik": "^2.2.9",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
-    "react-scripts": "^5.0.1",
     "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
     "rimraf": "3.0.2",
     "rollup": "~2.66",
     "rollup-plugin-typescript2": "^0.34.1",