@appquality/unguess-design-system 3.1.91-beta-attachments → 3.1.91-highlight
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 +481 -0
- package/build/index.d.ts +12 -10
- package/build/index.js +1980 -1022
- package/build/stories/accordions/index.stories.d.ts +5 -5
- package/build/stories/alerts/index.d.ts +9 -7
- package/build/stories/alerts/index.stories.d.ts +2 -2
- package/build/stories/avatar/InternalAvatar.d.ts +2 -0
- package/build/stories/avatar/index.stories.d.ts +4 -4
- package/build/stories/breadcrumbs/index.stories.d.ts +2 -2
- package/build/stories/buttons/anchor/index.stories.d.ts +4 -4
- package/build/stories/buttons/button/index.d.ts +11 -9
- package/build/stories/buttons/button/index.stories.d.ts +6 -6
- package/build/stories/buttons/button-group/index.stories.d.ts +4 -4
- package/build/stories/buttons/icon-button/index.stories.d.ts +5 -5
- package/build/stories/buttons/split-button/index.stories.d.ts +2 -2
- package/build/stories/buttons/utils.d.ts +96 -90
- package/build/stories/campaign-cards/index.stories.d.ts +3 -3
- package/build/stories/cards/container.stories.d.ts +2 -2
- package/build/stories/cards/index.stories.d.ts +3 -3
- package/build/stories/charts/bar/index.stories.d.ts +3 -3
- package/build/stories/charts/bullet/index.stories.d.ts +3 -3
- package/build/stories/charts/halfPie/index.stories.d.ts +2 -2
- package/build/stories/charts/pie/index.stories.d.ts +4 -4
- package/build/stories/charts/sentiment/index.stories.d.ts +3 -3
- package/build/stories/charts/sunburst/index.stories.d.ts +3 -3
- package/build/stories/charts/waffle/index.stories.d.ts +3 -3
- package/build/stories/chat/_types.d.ts +7 -4
- package/build/stories/chat/context/chatContext.d.ts +8 -6
- package/build/stories/chat/hooks/useMedia.d.ts +8 -0
- package/build/stories/chat/index.d.ts +6 -4
- package/build/stories/chat/index.stories.d.ts +9 -10
- package/build/stories/chat/parts/MediaLightbox.d.ts +14 -0
- package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts +11 -0
- package/build/stories/chat/parts/ThumbnailContainer/index.d.ts +1 -8
- package/build/stories/chat/parts/comment.d.ts +2 -7
- package/build/stories/chat/parts/containers.d.ts +11 -7
- package/build/stories/chat/parts/header.d.ts +6 -4
- package/build/stories/color-swatch/index.stories.d.ts +3 -3
- package/build/stories/drawers/index.stories.d.ts +2 -2
- package/build/stories/dropdowns/autocomplete/index.stories.d.ts +3 -3
- package/build/stories/dropdowns/countermultiselect/index.stories.d.ts +2 -2
- package/build/stories/dropdowns/field/index.d.ts +8 -6
- package/build/stories/dropdowns/menu/index.stories.d.ts +3 -3
- package/build/stories/dropdowns/select/index.d.ts +6 -4
- package/build/stories/dropdowns/select/index.stories.d.ts +3 -3
- package/build/stories/editor/index.stories.d.ts +6 -6
- package/build/stories/editorWithHighlight/_data.d.ts +17 -0
- package/build/stories/editorWithHighlight/floatingMenu.d.ts +5 -0
- package/build/stories/editorWithHighlight/index.d.ts +32 -0
- package/build/stories/editorWithHighlight/index.stories.d.ts +7 -0
- package/build/stories/editorWithHighlight/nodes/active.d.ts +4 -0
- package/build/stories/editorWithHighlight/nodes/observation/Component.d.ts +6 -0
- package/build/stories/editorWithHighlight/nodes/observation/index.d.ts +2 -0
- package/build/stories/editorWithHighlight/nodes/paragraph/Component.d.ts +6 -0
- package/build/stories/editorWithHighlight/nodes/paragraph/index.d.ts +2 -0
- package/build/stories/editorWithHighlight/nodes/word.d.ts +2 -0
- package/build/stories/editorWithHighlight/search.d.ts +8 -0
- package/build/stories/editorWithHighlight/useEditor.d.ts +14 -0
- package/build/stories/forms/checkbox/cards/index.stories.d.ts +3 -3
- package/build/stories/forms/checkbox/index.stories.d.ts +2 -2
- package/build/stories/forms/input/index.d.ts +10 -8
- package/build/stories/forms/input/index.stories.d.ts +5 -5
- package/build/stories/forms/input-toggle/index.d.ts +6 -4
- package/build/stories/forms/input-toggle/index.stories.d.ts +6 -6
- package/build/stories/forms/mediaInput/index.stories.d.ts +5 -5
- package/build/stories/forms/radio/cards/index.stories.d.ts +3 -3
- package/build/stories/forms/radio/index.stories.d.ts +3 -3
- package/build/stories/forms/textarea/index.stories.d.ts +4 -4
- package/build/stories/forms/toggle/index.stories.d.ts +2 -2
- package/build/stories/grid/col/index.stories.d.ts +4 -4
- package/build/stories/grid/grid/index.stories.d.ts +4 -4
- package/build/stories/grid/row/index.stories.d.ts +2 -2
- package/build/stories/highlight/CreateObservationButton.d.ts +19 -0
- package/build/stories/highlight/_types.d.ts +39 -0
- package/build/stories/highlight/demo-parts/data.d.ts +55 -0
- package/build/stories/highlight/demo-parts/sentiment-tag.d.ts +7 -0
- package/build/stories/highlight/demo-parts/transcript-base.d.ts +5 -0
- package/build/stories/highlight/demo-parts/transcript-diarization.d.ts +5 -0
- package/build/stories/highlight/demo-parts/transcript-paragraph.d.ts +5 -0
- package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts +5 -0
- package/build/stories/highlight/highlightContext.d.ts +10 -0
- package/build/stories/highlight/index.d.ts +10 -0
- package/build/stories/highlight/index.stories.d.ts +18 -0
- package/build/stories/highlight/searchable.d.ts +3 -0
- package/build/stories/icons/index.stories.d.ts +2 -2
- package/build/stories/info-cards/index.stories.d.ts +3 -3
- package/build/stories/label/index.d.ts +9 -7
- package/build/stories/label/index.stories.d.ts +3 -3
- package/build/stories/lightbox/index.stories.d.ts +2 -2
- package/build/stories/lightbox/parts/body.d.ts +18 -12
- package/build/stories/lightbox/parts/footer.d.ts +7 -5
- package/build/stories/loaders/dots/index.stories.d.ts +2 -2
- package/build/stories/loaders/progress/index.stories.d.ts +2 -2
- package/build/stories/loaders/skeleton/index.stories.d.ts +3 -3
- package/build/stories/loaders/spinner/index.stories.d.ts +2 -2
- package/build/stories/login-form/index.stories.d.ts +3 -3
- package/build/stories/logo/index.stories.d.ts +2 -2
- package/build/stories/modals/fullscreen/index.d.ts +40 -32
- package/build/stories/modals/fullscreen/index.stories.d.ts +2 -2
- package/build/stories/modals/index.d.ts +8 -6
- package/build/stories/modals/index.stories.d.ts +5 -5
- package/build/stories/multiselect/index.stories.d.ts +3 -3
- package/build/stories/navigation/app-header/index.stories.d.ts +3 -3
- package/build/stories/navigation/header/header-item/brandItem.d.ts +9 -7
- package/build/stories/navigation/nav/nav-item/accordionItem.d.ts +3 -1
- package/build/stories/navigation/page-header/index.d.ts +38 -26
- package/build/stories/navigation/page-header/index.stories.d.ts +5 -5
- package/build/stories/navigation/page-header/styled/main.d.ts +40 -28
- package/build/stories/notifications/index.stories.d.ts +3 -3
- package/build/stories/pagination/index.stories.d.ts +3 -3
- package/build/stories/player/_types.d.ts +38 -1
- package/build/stories/player/context/progressContext.d.ts +16 -0
- package/build/stories/player/hooks/usePictureInPicture.d.ts +4 -0
- package/build/stories/player/index.d.ts +7 -2
- package/build/stories/player/index.stories.d.ts +7 -5
- package/build/stories/player/parts/CutStart.d.ts +4 -0
- package/build/stories/player/parts/bookmark.d.ts +2 -0
- package/build/stories/player/parts/controlButton.d.ts +291 -0
- package/build/stories/player/parts/controls.d.ts +14 -6
- package/build/stories/player/parts/controlsCenterGroup.d.ts +2 -1
- package/build/stories/player/parts/cutterButton.d.ts +6 -0
- package/build/stories/player/parts/floatingControls.d.ts +1 -0
- package/build/stories/player/parts/progress.d.ts +11 -0
- package/build/stories/player/parts/timeLabel.d.ts +2 -2
- package/build/stories/product-cards/index.stories.d.ts +3 -3
- package/build/stories/profile-modal/components/menuItem.d.ts +6 -4
- package/build/stories/profile-modal/index.stories.d.ts +2 -2
- package/build/stories/service-cards/index.stories.d.ts +3 -3
- package/build/stories/slider/index.stories.d.ts +3 -3
- package/build/stories/slider/parts/container.d.ts +6 -4
- package/build/stories/special-cards/index.d.ts +42 -30
- package/build/stories/special-cards/index.stories.d.ts +2 -2
- package/build/stories/special-cards/styled/header.d.ts +33 -21
- package/build/stories/stepper/index.d.ts +27 -21
- package/build/stories/stepper/index.stories.d.ts +3 -3
- package/build/stories/table/index.stories.d.ts +11 -11
- package/build/stories/tabs/index.stories.d.ts +3 -3
- package/build/stories/tags/index.d.ts +24 -20
- package/build/stories/tags/index.stories.d.ts +6 -6
- package/build/stories/theme/palette.stories.d.ts +1 -1
- package/build/stories/tiles/index.stories.d.ts +4 -4
- package/build/stories/timeline/index.d.ts +11 -7
- package/build/stories/timeline/index.stories.d.ts +4 -4
- package/build/stories/title/index.stories.d.ts +2 -2
- package/build/stories/tooltip/_types.d.ts +1 -0
- package/build/stories/tooltip/index.d.ts +8 -5
- package/build/stories/tooltip/index.stories.d.ts +3 -2
- package/build/stories/tooltip-modal/index.stories.d.ts +2 -2
- package/build/stories/typography/block-quote/index.stories.d.ts +2 -2
- package/build/stories/typography/code/index.stories.d.ts +4 -4
- package/build/stories/typography/ellipsis/index.stories.d.ts +2 -2
- package/build/stories/typography/lists/ordered.stories.d.ts +2 -2
- package/build/stories/typography/lists/unordered.stories.d.ts +2 -2
- package/build/stories/typography/paragraph/index.stories.d.ts +2 -2
- package/build/stories/typography/span/index.stories.d.ts +2 -2
- package/build/stories/typography/typescale/anchortag/index.stories.d.ts +2 -2
- package/build/stories/typography/typescale/index.d.ts +26 -12
- package/build/stories/typography/typescale/index.stories.d.ts +2 -2
- package/package.json +20 -13
- package/yarn-error.log +13975 -0
- package/.vscode/settings.json +0 -3
- package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts +0 -11
- package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts +0 -11
- /package/build/stories/player/{parts/utils.d.ts → utils.d.ts} +0 -0
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PageHeaderMainProps } from "../_types";
|
|
3
3
|
export declare const MainOverline: import("styled-components").IStyledComponent<"web", {
|
|
4
|
-
|
|
5
|
-
tag?: any;
|
|
6
|
-
isBold?: boolean | undefined;
|
|
4
|
+
key?: import("react").Key | null | undefined;
|
|
7
5
|
defaultChecked?: boolean | undefined;
|
|
8
6
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
9
7
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -11,7 +9,7 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
11
9
|
accessKey?: string | undefined;
|
|
12
10
|
autoFocus?: boolean | undefined;
|
|
13
11
|
className?: string | undefined;
|
|
14
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
12
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
15
13
|
contextMenu?: string | undefined;
|
|
16
14
|
dir?: string | undefined;
|
|
17
15
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -19,7 +17,6 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
19
17
|
id?: string | undefined;
|
|
20
18
|
lang?: string | undefined;
|
|
21
19
|
nonce?: string | undefined;
|
|
22
|
-
placeholder?: string | undefined;
|
|
23
20
|
slot?: string | undefined;
|
|
24
21
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
25
22
|
style?: import("react").CSSProperties | undefined;
|
|
@@ -56,14 +53,18 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
56
53
|
"aria-activedescendant"?: string | undefined;
|
|
57
54
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
58
55
|
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
56
|
+
"aria-braillelabel"?: string | undefined;
|
|
57
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
59
58
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
60
59
|
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
61
60
|
"aria-colcount"?: number | undefined;
|
|
62
61
|
"aria-colindex"?: number | undefined;
|
|
62
|
+
"aria-colindextext"?: string | undefined;
|
|
63
63
|
"aria-colspan"?: number | undefined;
|
|
64
64
|
"aria-controls"?: string | undefined;
|
|
65
65
|
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
66
66
|
"aria-describedby"?: string | undefined;
|
|
67
|
+
"aria-description"?: string | undefined;
|
|
67
68
|
"aria-details"?: string | undefined;
|
|
68
69
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
69
70
|
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -93,6 +94,7 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
93
94
|
"aria-roledescription"?: string | undefined;
|
|
94
95
|
"aria-rowcount"?: number | undefined;
|
|
95
96
|
"aria-rowindex"?: number | undefined;
|
|
97
|
+
"aria-rowindextext"?: string | undefined;
|
|
96
98
|
"aria-rowspan"?: number | undefined;
|
|
97
99
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
98
100
|
"aria-setsize"?: number | undefined;
|
|
@@ -244,9 +246,7 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
244
246
|
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
245
247
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
246
248
|
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
247
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
248
249
|
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
249
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
250
250
|
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
251
251
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
252
252
|
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
@@ -267,9 +267,13 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
|
|
|
267
267
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
268
268
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
269
269
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
270
|
+
isMonospace?: boolean | undefined;
|
|
271
|
+
tag?: any;
|
|
272
|
+
isBold?: boolean | undefined;
|
|
273
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
274
|
+
}> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
275
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
276
|
+
}, {
|
|
273
277
|
color?: string | undefined;
|
|
274
278
|
}>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
275
279
|
export declare const MainTitle: import("styled-components").IStyledComponent<"web", {
|
|
@@ -282,7 +286,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
282
286
|
accessKey?: string | undefined;
|
|
283
287
|
autoFocus?: boolean | undefined;
|
|
284
288
|
className?: string | undefined;
|
|
285
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
289
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
286
290
|
contextMenu?: string | undefined;
|
|
287
291
|
dir?: string | undefined;
|
|
288
292
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -290,7 +294,6 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
290
294
|
id?: string | undefined;
|
|
291
295
|
lang?: string | undefined;
|
|
292
296
|
nonce?: string | undefined;
|
|
293
|
-
placeholder?: string | undefined;
|
|
294
297
|
slot?: string | undefined;
|
|
295
298
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
296
299
|
style?: import("react").CSSProperties | undefined;
|
|
@@ -327,14 +330,18 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
327
330
|
"aria-activedescendant"?: string | undefined;
|
|
328
331
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
329
332
|
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
333
|
+
"aria-braillelabel"?: string | undefined;
|
|
334
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
330
335
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
331
336
|
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
332
337
|
"aria-colcount"?: number | undefined;
|
|
333
338
|
"aria-colindex"?: number | undefined;
|
|
339
|
+
"aria-colindextext"?: string | undefined;
|
|
334
340
|
"aria-colspan"?: number | undefined;
|
|
335
341
|
"aria-controls"?: string | undefined;
|
|
336
342
|
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
337
343
|
"aria-describedby"?: string | undefined;
|
|
344
|
+
"aria-description"?: string | undefined;
|
|
338
345
|
"aria-details"?: string | undefined;
|
|
339
346
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
340
347
|
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -364,6 +371,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
364
371
|
"aria-roledescription"?: string | undefined;
|
|
365
372
|
"aria-rowcount"?: number | undefined;
|
|
366
373
|
"aria-rowindex"?: number | undefined;
|
|
374
|
+
"aria-rowindextext"?: string | undefined;
|
|
367
375
|
"aria-rowspan"?: number | undefined;
|
|
368
376
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
369
377
|
"aria-setsize"?: number | undefined;
|
|
@@ -515,9 +523,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
515
523
|
onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
516
524
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
517
525
|
onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
518
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
519
526
|
onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
520
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
521
527
|
onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
522
528
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
523
529
|
onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
@@ -540,9 +546,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
|
|
|
540
546
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
541
547
|
}>;
|
|
542
548
|
export declare const MainDescription: import("styled-components").IStyledComponent<"web", {
|
|
543
|
-
|
|
544
|
-
tag?: any;
|
|
545
|
-
isBold?: boolean | undefined;
|
|
549
|
+
key?: import("react").Key | null | undefined;
|
|
546
550
|
defaultChecked?: boolean | undefined;
|
|
547
551
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
548
552
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -550,7 +554,7 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
550
554
|
accessKey?: string | undefined;
|
|
551
555
|
autoFocus?: boolean | undefined;
|
|
552
556
|
className?: string | undefined;
|
|
553
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
557
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
554
558
|
contextMenu?: string | undefined;
|
|
555
559
|
dir?: string | undefined;
|
|
556
560
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -558,7 +562,6 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
558
562
|
id?: string | undefined;
|
|
559
563
|
lang?: string | undefined;
|
|
560
564
|
nonce?: string | undefined;
|
|
561
|
-
placeholder?: string | undefined;
|
|
562
565
|
slot?: string | undefined;
|
|
563
566
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
564
567
|
style?: import("react").CSSProperties | undefined;
|
|
@@ -595,14 +598,18 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
595
598
|
"aria-activedescendant"?: string | undefined;
|
|
596
599
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
597
600
|
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
601
|
+
"aria-braillelabel"?: string | undefined;
|
|
602
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
598
603
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
599
604
|
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
600
605
|
"aria-colcount"?: number | undefined;
|
|
601
606
|
"aria-colindex"?: number | undefined;
|
|
607
|
+
"aria-colindextext"?: string | undefined;
|
|
602
608
|
"aria-colspan"?: number | undefined;
|
|
603
609
|
"aria-controls"?: string | undefined;
|
|
604
610
|
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
605
611
|
"aria-describedby"?: string | undefined;
|
|
612
|
+
"aria-description"?: string | undefined;
|
|
606
613
|
"aria-details"?: string | undefined;
|
|
607
614
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
608
615
|
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -632,6 +639,7 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
632
639
|
"aria-roledescription"?: string | undefined;
|
|
633
640
|
"aria-rowcount"?: number | undefined;
|
|
634
641
|
"aria-rowindex"?: number | undefined;
|
|
642
|
+
"aria-rowindextext"?: string | undefined;
|
|
635
643
|
"aria-rowspan"?: number | undefined;
|
|
636
644
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
637
645
|
"aria-setsize"?: number | undefined;
|
|
@@ -783,9 +791,7 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
783
791
|
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
784
792
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
785
793
|
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
786
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
787
794
|
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
788
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
789
795
|
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
790
796
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
791
797
|
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
@@ -806,9 +812,13 @@ export declare const MainDescription: import("styled-components").IStyledCompone
|
|
|
806
812
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
807
813
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
808
814
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
815
|
+
isMonospace?: boolean | undefined;
|
|
816
|
+
tag?: any;
|
|
817
|
+
isBold?: boolean | undefined;
|
|
818
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
819
|
+
}> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
820
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
821
|
+
}, {
|
|
812
822
|
color?: string | undefined;
|
|
813
823
|
}>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
814
824
|
export declare const MainMeta: import("styled-components").IStyledComponent<"web", {
|
|
@@ -821,7 +831,7 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
|
|
|
821
831
|
accessKey?: string | undefined;
|
|
822
832
|
autoFocus?: boolean | undefined;
|
|
823
833
|
className?: string | undefined;
|
|
824
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
834
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
825
835
|
contextMenu?: string | undefined;
|
|
826
836
|
dir?: string | undefined;
|
|
827
837
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -829,7 +839,6 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
|
|
|
829
839
|
id?: string | undefined;
|
|
830
840
|
lang?: string | undefined;
|
|
831
841
|
nonce?: string | undefined;
|
|
832
|
-
placeholder?: string | undefined;
|
|
833
842
|
slot?: string | undefined;
|
|
834
843
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
835
844
|
style?: import("react").CSSProperties | undefined;
|
|
@@ -866,14 +875,18 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
|
|
|
866
875
|
"aria-activedescendant"?: string | undefined;
|
|
867
876
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
868
877
|
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
878
|
+
"aria-braillelabel"?: string | undefined;
|
|
879
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
869
880
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
870
881
|
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
871
882
|
"aria-colcount"?: number | undefined;
|
|
872
883
|
"aria-colindex"?: number | undefined;
|
|
884
|
+
"aria-colindextext"?: string | undefined;
|
|
873
885
|
"aria-colspan"?: number | undefined;
|
|
874
886
|
"aria-controls"?: string | undefined;
|
|
875
887
|
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
876
888
|
"aria-describedby"?: string | undefined;
|
|
889
|
+
"aria-description"?: string | undefined;
|
|
877
890
|
"aria-details"?: string | undefined;
|
|
878
891
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
879
892
|
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -903,6 +916,7 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
|
|
|
903
916
|
"aria-roledescription"?: string | undefined;
|
|
904
917
|
"aria-rowcount"?: number | undefined;
|
|
905
918
|
"aria-rowindex"?: number | undefined;
|
|
919
|
+
"aria-rowindextext"?: string | undefined;
|
|
906
920
|
"aria-rowspan"?: number | undefined;
|
|
907
921
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
908
922
|
"aria-setsize"?: number | undefined;
|
|
@@ -1054,9 +1068,7 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
|
|
|
1054
1068
|
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1055
1069
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1056
1070
|
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1057
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1058
1071
|
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1059
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1060
1072
|
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1061
1073
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
1062
1074
|
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
@@ -3,7 +3,7 @@ interface NotificationStoryProps {
|
|
|
3
3
|
notificationArgs: NotificationArgs;
|
|
4
4
|
toastProviderArgs: ToastProviderArgs;
|
|
5
5
|
}
|
|
6
|
-
export declare const ToastProvider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Notification: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
6
|
+
export declare const ToastProvider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationStoryProps>;
|
|
7
|
+
export declare const Notification: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationArgs>;
|
|
8
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, NotificationArgs>;
|
|
9
9
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PaginationProps } from "./_types";
|
|
2
|
-
export declare const CursorPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
3
|
-
export declare const NumberedPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
export declare const CursorPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
|
|
3
|
+
export declare const NumberedPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
|
|
4
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
|
|
5
5
|
export default _default;
|
|
@@ -1,10 +1,47 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
1
|
+
import { HTMLAttributes, ReactNode } from "react";
|
|
2
2
|
export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
|
|
3
3
|
url: string;
|
|
4
4
|
start?: number;
|
|
5
5
|
end?: number;
|
|
6
|
+
pipMode?: "auto" | (() => boolean) | boolean;
|
|
7
|
+
onPipChange?: (isPip: boolean) => void;
|
|
8
|
+
onCutHandler?: (time: number) => void;
|
|
9
|
+
isCutting?: boolean;
|
|
10
|
+
bookmarks?: IBookmark[];
|
|
11
|
+
handleBookmarkUpdate?: (bookmark: IBookmark) => void;
|
|
12
|
+
i18n?: PlayerI18n;
|
|
13
|
+
showControls?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface PlayerI18n {
|
|
16
|
+
beforeHighlight?: string;
|
|
17
|
+
onHighlight?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface IBookmark {
|
|
20
|
+
id: number;
|
|
21
|
+
start: number;
|
|
22
|
+
end: number;
|
|
23
|
+
hue?: string;
|
|
24
|
+
label?: string;
|
|
25
|
+
tooltipContent?: ReactNode;
|
|
26
|
+
isFocused?: boolean;
|
|
27
|
+
onClick?: () => void;
|
|
28
|
+
tags?: VideoTag[];
|
|
6
29
|
}
|
|
7
30
|
export interface WrapperProps {
|
|
8
31
|
isPlaying?: boolean;
|
|
9
32
|
isLoaded?: boolean;
|
|
33
|
+
showControls?: boolean;
|
|
10
34
|
}
|
|
35
|
+
type VideoTag = {
|
|
36
|
+
group: {
|
|
37
|
+
id: number;
|
|
38
|
+
name: string;
|
|
39
|
+
};
|
|
40
|
+
tag: {
|
|
41
|
+
id: number;
|
|
42
|
+
name: string;
|
|
43
|
+
style: string;
|
|
44
|
+
usageNumber: number;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
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;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { useVideoContext } from "@appquality/stream-player";
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
2
3
|
import { PlayerArgs } from "./_types";
|
|
3
4
|
/**
|
|
4
5
|
* The Player is a styled media tag with custom controls
|
|
@@ -7,4 +8,8 @@ import { PlayerArgs } from "./_types";
|
|
|
7
8
|
- To display a video
|
|
8
9
|
*/
|
|
9
10
|
declare const Player: import("react").ForwardRefExoticComponent<PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
|
|
10
|
-
|
|
11
|
+
declare const PlayerProvider: {
|
|
12
|
+
(props: PropsWithChildren<PlayerArgs>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
Core: import("react").ForwardRefExoticComponent<PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
|
|
14
|
+
};
|
|
15
|
+
export { Player, PlayerProvider, useVideoContext };
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { PlayerArgs } from "./_types";
|
|
3
2
|
interface PlayerStoryArgs extends PlayerArgs {
|
|
4
|
-
url: string;
|
|
5
3
|
}
|
|
6
|
-
export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const
|
|
8
|
-
declare const
|
|
4
|
+
export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
5
|
+
export declare const AutoPip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
6
|
+
export declare const ButtonPip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
7
|
+
export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
8
|
+
export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
9
|
+
export declare const WithContext: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
|
|
10
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
|
|
9
11
|
export default _default;
|