@appquality/unguess-design-system 3.1.79-beta-attachments → 3.1.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +152 -0
- package/build/index.d.ts +1 -0
- package/build/index.js +2453 -2394
- package/build/stories/buttons/button/index.stories.d.ts +0 -1
- package/build/stories/buttons/utils.d.ts +36 -36
- package/build/stories/chat/_types.d.ts +0 -1
- package/build/stories/chat/context/chatContext.d.ts +1 -7
- package/build/stories/chat/index.stories.d.ts +0 -2
- package/build/stories/chat/parts/comment.d.ts +1 -2
- package/build/stories/chat/parts/extensions.d.ts +1 -1
- package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
- package/build/stories/editor/index.stories.d.ts +0 -1
- package/build/stories/highlight/_types.d.ts +36 -0
- package/build/stories/highlight/index.d.ts +10 -0
- package/build/stories/highlight/index.stories.d.ts +16 -0
- package/build/stories/player/_types.d.ts +13 -0
- package/build/stories/player/index.stories.d.ts +1 -2
- package/build/stories/player/parts/bookmark.d.ts +2 -0
- package/build/stories/player/parts/controls.d.ts +6 -2
- package/build/stories/player/parts/controlsCenterGroup.d.ts +4 -1
- package/build/stories/player/parts/progress.d.ts +11 -0
- package/build/stories/player/parts/progressContext.d.ts +16 -0
- package/package.json +1 -3
- package/build/stories/chat/parts/ThumbnailContainer/DeleteThumbnailX.d.ts +0 -6
- package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts +0 -12
- package/build/stories/chat/parts/ThumbnailContainer/index.d.ts +0 -5
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ButtonArgs } from "./_types";
|
|
3
2
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
|
|
4
3
|
export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
|
|
@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
|
|
|
8
8
|
readonly disabled: true;
|
|
9
9
|
}];
|
|
10
10
|
export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
11
|
-
alignItems?: "start" | "
|
|
12
|
-
alignItemsXs?: "start" | "
|
|
13
|
-
alignItemsSm?: "start" | "
|
|
14
|
-
alignItemsMd?: "start" | "
|
|
15
|
-
alignItemsLg?: "start" | "
|
|
16
|
-
alignItemsXl?: "start" | "
|
|
17
|
-
justifyContent?: "start" | "
|
|
18
|
-
justifyContentXs?: "start" | "
|
|
19
|
-
justifyContentSm?: "start" | "
|
|
20
|
-
justifyContentMd?: "start" | "
|
|
21
|
-
justifyContentLg?: "start" | "
|
|
22
|
-
justifyContentXl?: "start" | "
|
|
11
|
+
alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
12
|
+
alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
13
|
+
alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
14
|
+
alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
15
|
+
alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
16
|
+
alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
|
|
17
|
+
justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
18
|
+
justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
19
|
+
justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
20
|
+
justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
21
|
+
justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
22
|
+
justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
|
|
23
23
|
wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
24
24
|
wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
25
25
|
wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
73
73
|
results?: number | undefined;
|
|
74
74
|
security?: string | undefined;
|
|
75
75
|
unselectable?: "on" | "off" | undefined;
|
|
76
|
-
inputMode?: "
|
|
76
|
+
inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
|
|
77
77
|
is?: string | undefined;
|
|
78
78
|
"aria-activedescendant"?: string | undefined;
|
|
79
79
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -84,7 +84,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
84
84
|
"aria-colindex"?: number | undefined;
|
|
85
85
|
"aria-colspan"?: number | undefined;
|
|
86
86
|
"aria-controls"?: string | undefined;
|
|
87
|
-
"aria-current"?: boolean | "
|
|
87
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
88
88
|
"aria-describedby"?: string | undefined;
|
|
89
89
|
"aria-details"?: string | undefined;
|
|
90
90
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -93,7 +93,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
93
93
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
94
94
|
"aria-flowto"?: string | undefined;
|
|
95
95
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
96
|
-
"aria-haspopup"?: boolean | "
|
|
96
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
97
97
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
98
98
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
99
99
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -110,7 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
|
|
|
110
110
|
"aria-posinset"?: number | undefined;
|
|
111
111
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
112
112
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
113
|
-
"aria-relevant"?: "text" | "
|
|
113
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
114
114
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
115
115
|
"aria-roledescription"?: string | undefined;
|
|
116
116
|
"aria-rowcount"?: number | undefined;
|
|
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
299
299
|
md?: string | number | boolean | undefined;
|
|
300
300
|
lg?: string | number | boolean | undefined;
|
|
301
301
|
xl?: string | number | boolean | undefined;
|
|
302
|
-
alignSelf?: "start" | "
|
|
303
|
-
alignSelfXs?: "start" | "
|
|
304
|
-
alignSelfSm?: "start" | "
|
|
305
|
-
alignSelfMd?: "start" | "
|
|
306
|
-
alignSelfLg?: "start" | "
|
|
307
|
-
alignSelfXl?: "start" | "
|
|
308
|
-
textAlign?: "start" | "
|
|
309
|
-
textAlignXs?: "start" | "
|
|
310
|
-
textAlignSm?: "start" | "
|
|
311
|
-
textAlignMd?: "start" | "
|
|
312
|
-
textAlignLg?: "start" | "
|
|
313
|
-
textAlignXl?: "start" | "
|
|
302
|
+
alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
303
|
+
alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
304
|
+
alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
305
|
+
alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
306
|
+
alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
307
|
+
alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
|
|
308
|
+
textAlign?: "start" | "center" | "end" | "justify" | undefined;
|
|
309
|
+
textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
|
|
310
|
+
textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
|
|
311
|
+
textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
|
|
312
|
+
textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
|
|
313
|
+
textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
|
|
314
314
|
offset?: string | number | undefined;
|
|
315
315
|
offsetXs?: string | number | undefined;
|
|
316
316
|
offsetSm?: string | number | undefined;
|
|
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
370
370
|
results?: number | undefined;
|
|
371
371
|
security?: string | undefined;
|
|
372
372
|
unselectable?: "on" | "off" | undefined;
|
|
373
|
-
inputMode?: "
|
|
373
|
+
inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
|
|
374
374
|
is?: string | undefined;
|
|
375
375
|
"aria-activedescendant"?: string | undefined;
|
|
376
376
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -381,7 +381,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
381
381
|
"aria-colindex"?: number | undefined;
|
|
382
382
|
"aria-colspan"?: number | undefined;
|
|
383
383
|
"aria-controls"?: string | undefined;
|
|
384
|
-
"aria-current"?: boolean | "
|
|
384
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
385
385
|
"aria-describedby"?: string | undefined;
|
|
386
386
|
"aria-details"?: string | undefined;
|
|
387
387
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -390,7 +390,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
390
390
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
391
391
|
"aria-flowto"?: string | undefined;
|
|
392
392
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
393
|
-
"aria-haspopup"?: boolean | "
|
|
393
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
394
394
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
395
395
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
396
396
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -407,7 +407,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
|
|
|
407
407
|
"aria-posinset"?: number | undefined;
|
|
408
408
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
409
409
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
410
|
-
"aria-relevant"?: "text" | "
|
|
410
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
411
411
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
412
412
|
"aria-roledescription"?: string | undefined;
|
|
413
413
|
"aria-rowcount"?: number | undefined;
|
|
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
640
640
|
results?: number | undefined;
|
|
641
641
|
security?: string | undefined;
|
|
642
642
|
unselectable?: "on" | "off" | undefined;
|
|
643
|
-
inputMode?: "
|
|
643
|
+
inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
|
|
644
644
|
is?: string | undefined;
|
|
645
645
|
"aria-activedescendant"?: string | undefined;
|
|
646
646
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -651,7 +651,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
651
651
|
"aria-colindex"?: number | undefined;
|
|
652
652
|
"aria-colspan"?: number | undefined;
|
|
653
653
|
"aria-controls"?: string | undefined;
|
|
654
|
-
"aria-current"?: boolean | "
|
|
654
|
+
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
655
655
|
"aria-describedby"?: string | undefined;
|
|
656
656
|
"aria-details"?: string | undefined;
|
|
657
657
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -660,7 +660,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
660
660
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
661
661
|
"aria-flowto"?: string | undefined;
|
|
662
662
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
663
|
-
"aria-haspopup"?: boolean | "
|
|
663
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
664
664
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
665
665
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
666
666
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -677,7 +677,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
|
|
|
677
677
|
"aria-posinset"?: number | undefined;
|
|
678
678
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
679
679
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
680
|
-
"aria-relevant"?: "text" | "
|
|
680
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
681
681
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
682
682
|
"aria-roledescription"?: string | undefined;
|
|
683
683
|
"aria-rowcount"?: number | undefined;
|
|
@@ -5,19 +5,13 @@ export type ChatContextType = {
|
|
|
5
5
|
triggerSave: () => void;
|
|
6
6
|
editor?: Editor;
|
|
7
7
|
setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
|
|
8
|
-
addThumbnails: (props: {
|
|
9
|
-
files: File[];
|
|
10
|
-
}) => void;
|
|
11
|
-
removeThumbnail: (index: number) => void;
|
|
12
|
-
thumbnails: File[];
|
|
13
8
|
mentionableUsers: (props: {
|
|
14
9
|
query: string;
|
|
15
10
|
}) => SuggestedUser[];
|
|
16
11
|
};
|
|
17
12
|
export declare const ChatContext: React.Context<ChatContextType | null>;
|
|
18
|
-
export declare const ChatContextProvider: ({ onSave,
|
|
13
|
+
export declare const ChatContextProvider: ({ onSave, setMentionableUsers, children, }: {
|
|
19
14
|
onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
|
|
20
|
-
onFileUpload?: ((files: File[]) => Promise<void>) | undefined;
|
|
21
15
|
children: React.ReactNode;
|
|
22
16
|
setMentionableUsers: (props: {
|
|
23
17
|
query: string;
|
|
@@ -11,12 +11,10 @@ interface EditorStoryArgs extends ChatEditorArgs {
|
|
|
11
11
|
};
|
|
12
12
|
message: string;
|
|
13
13
|
date: string;
|
|
14
|
-
media?: File[];
|
|
15
14
|
}[];
|
|
16
15
|
editorText?: string;
|
|
17
16
|
background?: string;
|
|
18
17
|
onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
|
|
19
|
-
onFileUpload?: (files: File[]) => Promise<void>;
|
|
20
18
|
placeholderOptions?: Partial<PlaceholderOptions>;
|
|
21
19
|
}
|
|
22
20
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { PropsWithChildren } from "react";
|
|
2
2
|
import { Author } from "../_types";
|
|
3
|
-
export declare const Comment: ({ author, message, children, date,
|
|
3
|
+
export declare const Comment: ({ author, message, children, date, }: PropsWithChildren<{
|
|
4
4
|
author: Author;
|
|
5
5
|
message: string;
|
|
6
6
|
date: string;
|
|
7
|
-
media?: File[] | undefined;
|
|
8
7
|
}>) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -5,4 +5,4 @@ export declare const editorExtensions: ({ placeholderOptions, mentionableUsers,
|
|
|
5
5
|
query: string;
|
|
6
6
|
}) => SuggestedUser[];
|
|
7
7
|
placeholderOptions?: Partial<PlaceholderOptions> | undefined;
|
|
8
|
-
}) => (import("@tiptap/react").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/react").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/react").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/react").
|
|
8
|
+
}) => (import("@tiptap/react").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/react").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/react").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/react").Extension<PlaceholderOptions, any> | import("@tiptap/react").Extension<import("@tiptap/extension-character-count").CharacterCountOptions, import("@tiptap/extension-character-count").CharacterCountStorage> | import("@tiptap/react").Node<import("@tiptap/extension-mention").MentionOptions, any>)[];
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ISpanProps } from "@zendeskgarden/react-typography";
|
|
2
|
+
export interface HighlightArgs {
|
|
3
|
+
/**
|
|
4
|
+
* Applies a font color. Use [PALETTE](/components/palette#palette) colors
|
|
5
|
+
* when possible. Accepts all hex values.
|
|
6
|
+
*/
|
|
7
|
+
hue?: string;
|
|
8
|
+
/** Updates the element's HTML tag */
|
|
9
|
+
tag?: any;
|
|
10
|
+
/** Applies bold font style. Font weight is inherited by default. */
|
|
11
|
+
isBold?: boolean;
|
|
12
|
+
/** Renders with monospace font */
|
|
13
|
+
isMonospace?: boolean;
|
|
14
|
+
/** Adjusts the font size. By default font size is medium */
|
|
15
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
|
|
16
|
+
handleSelection?: (part: {
|
|
17
|
+
from: number;
|
|
18
|
+
to: number;
|
|
19
|
+
text: string;
|
|
20
|
+
}) => void;
|
|
21
|
+
}
|
|
22
|
+
export interface Observation {
|
|
23
|
+
id: number;
|
|
24
|
+
start: number;
|
|
25
|
+
end: number;
|
|
26
|
+
backgroundColor?: string;
|
|
27
|
+
color?: string;
|
|
28
|
+
}
|
|
29
|
+
export interface WordProps extends ISpanProps {
|
|
30
|
+
start: number;
|
|
31
|
+
end: number;
|
|
32
|
+
currentTime?: number;
|
|
33
|
+
observations?: Observation[];
|
|
34
|
+
/** Adjusts the font size. By default font size is medium */
|
|
35
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
|
|
36
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HighlightArgs, WordProps } from "./_types";
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Use Highlight to use highlight interation on any text element
|
|
5
|
+
*/
|
|
6
|
+
declare const Highlight: {
|
|
7
|
+
(props: PropsWithChildren<HighlightArgs>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
Word: (props: WordProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
export { Highlight };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HighlightArgs } from "./_types";
|
|
2
|
+
interface StoryArgs extends HighlightArgs {
|
|
3
|
+
words: {
|
|
4
|
+
start: number;
|
|
5
|
+
end: number;
|
|
6
|
+
word: string;
|
|
7
|
+
speaker: number;
|
|
8
|
+
}[];
|
|
9
|
+
currentTime: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
|
|
12
|
+
export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
|
|
13
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, HighlightArgs & {
|
|
14
|
+
children?: import("react").ReactNode;
|
|
15
|
+
}>;
|
|
16
|
+
export default _default;
|
|
@@ -3,6 +3,19 @@ export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
|
|
|
3
3
|
url: string;
|
|
4
4
|
start?: number;
|
|
5
5
|
end?: number;
|
|
6
|
+
enablePipOnScroll?: boolean;
|
|
7
|
+
onCutHandler?: (time: number) => void;
|
|
8
|
+
isCutting?: boolean;
|
|
9
|
+
bookmarks?: IBookmark[];
|
|
10
|
+
handleBookmarkUpdate?: (bookmark: IBookmark) => void;
|
|
11
|
+
}
|
|
12
|
+
export interface IBookmark {
|
|
13
|
+
id: number;
|
|
14
|
+
start: number;
|
|
15
|
+
end: number;
|
|
16
|
+
hue?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
onClick?: () => void;
|
|
6
19
|
}
|
|
7
20
|
export interface WrapperProps {
|
|
8
21
|
isPlaying?: boolean;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { PlayerArgs } from "./_types";
|
|
3
2
|
interface PlayerStoryArgs extends PlayerArgs {
|
|
4
|
-
url: string;
|
|
5
3
|
}
|
|
6
4
|
export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
|
|
7
5
|
export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
|
|
6
|
+
export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
|
|
8
7
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
|
|
9
8
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { WrapperProps } from "../_types";
|
|
2
|
+
import { IBookmark, WrapperProps } from "../_types";
|
|
3
3
|
export declare const ControlsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>>;
|
|
4
4
|
export declare const ControlsBar: import("styled-components").IStyledComponent<"web", {
|
|
5
5
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
@@ -268,6 +268,10 @@ export declare const ControlsBar: import("styled-components").IStyledComponent<"
|
|
|
268
268
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
269
269
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
270
270
|
}>;
|
|
271
|
-
export declare const Controls: ({ container, }: {
|
|
271
|
+
export declare const Controls: ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, }: {
|
|
272
272
|
container: HTMLDivElement | null;
|
|
273
|
+
onCutHandler?: ((time: number) => void) | undefined;
|
|
274
|
+
bookmarks?: IBookmark[] | undefined;
|
|
275
|
+
isCutting?: boolean | undefined;
|
|
276
|
+
onBookMarkUpdated?: ((bookmark: IBookmark) => void) | undefined;
|
|
273
277
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
export declare const ControlsGroupCenter: (
|
|
1
|
+
export declare const ControlsGroupCenter: ({ onCutHandler, isCutting, }: {
|
|
2
|
+
onCutHandler?: ((time: number) => void) | undefined;
|
|
3
|
+
isCutting?: boolean | undefined;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface ProgressProps {
|
|
3
|
+
/**
|
|
4
|
+
* The current progress of the player
|
|
5
|
+
*/
|
|
6
|
+
progress: number;
|
|
7
|
+
handleSkipAhead: (pageX: number) => void;
|
|
8
|
+
duration: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBookmark } from "../_types";
|
|
3
|
+
export type ProgressContextType = {
|
|
4
|
+
reset: () => void;
|
|
5
|
+
isGrabbing: boolean;
|
|
6
|
+
setIsGrabbing: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
|
+
fromEnd: boolean;
|
|
8
|
+
setFromEnd: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
activeBookmark?: IBookmark;
|
|
10
|
+
setactiveBookmark: React.Dispatch<React.SetStateAction<IBookmark | undefined>>;
|
|
11
|
+
};
|
|
12
|
+
export declare const ProgressContext: React.Context<ProgressContextType | null>;
|
|
13
|
+
export declare const ProgressContextProvider: ({ children, }: {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const useProgressContext: () => ProgressContextType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appquality/unguess-design-system",
|
|
3
|
-
"version": "3.1.79
|
|
3
|
+
"version": "3.1.79",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "build/index.js",
|
|
6
6
|
"types": "build/index.d.ts",
|
|
@@ -37,8 +37,6 @@
|
|
|
37
37
|
"@nivo/waffle": "^0.80.0",
|
|
38
38
|
"@tiptap/extension-bubble-menu": "2.1.16",
|
|
39
39
|
"@tiptap/extension-character-count": "2.1.16",
|
|
40
|
-
"@tiptap/extension-dropcursor": "^2.2.4",
|
|
41
|
-
"@tiptap/extension-image": "^2.2.4",
|
|
42
40
|
"@tiptap/extension-link": "2.1.16",
|
|
43
41
|
"@tiptap/extension-mention": "2.1.16",
|
|
44
42
|
"@tiptap/extension-placeholder": "2.1.16",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
src: string;
|
|
3
|
-
label: string;
|
|
4
|
-
index?: number;
|
|
5
|
-
removeThumbnail?: (index: number) => void;
|
|
6
|
-
clickThumbnail: () => void;
|
|
7
|
-
showX?: boolean;
|
|
8
|
-
showLabel?: boolean;
|
|
9
|
-
mediaType: string;
|
|
10
|
-
}
|
|
11
|
-
declare const Thumbnail: ({ clickThumbnail, src, label, index, removeThumbnail, showX, showLabel, mediaType, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export default Thumbnail;
|