@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.
Files changed (164) hide show
  1. package/CHANGELOG.md +481 -0
  2. package/build/index.d.ts +12 -10
  3. package/build/index.js +1980 -1022
  4. package/build/stories/accordions/index.stories.d.ts +5 -5
  5. package/build/stories/alerts/index.d.ts +9 -7
  6. package/build/stories/alerts/index.stories.d.ts +2 -2
  7. package/build/stories/avatar/InternalAvatar.d.ts +2 -0
  8. package/build/stories/avatar/index.stories.d.ts +4 -4
  9. package/build/stories/breadcrumbs/index.stories.d.ts +2 -2
  10. package/build/stories/buttons/anchor/index.stories.d.ts +4 -4
  11. package/build/stories/buttons/button/index.d.ts +11 -9
  12. package/build/stories/buttons/button/index.stories.d.ts +6 -6
  13. package/build/stories/buttons/button-group/index.stories.d.ts +4 -4
  14. package/build/stories/buttons/icon-button/index.stories.d.ts +5 -5
  15. package/build/stories/buttons/split-button/index.stories.d.ts +2 -2
  16. package/build/stories/buttons/utils.d.ts +96 -90
  17. package/build/stories/campaign-cards/index.stories.d.ts +3 -3
  18. package/build/stories/cards/container.stories.d.ts +2 -2
  19. package/build/stories/cards/index.stories.d.ts +3 -3
  20. package/build/stories/charts/bar/index.stories.d.ts +3 -3
  21. package/build/stories/charts/bullet/index.stories.d.ts +3 -3
  22. package/build/stories/charts/halfPie/index.stories.d.ts +2 -2
  23. package/build/stories/charts/pie/index.stories.d.ts +4 -4
  24. package/build/stories/charts/sentiment/index.stories.d.ts +3 -3
  25. package/build/stories/charts/sunburst/index.stories.d.ts +3 -3
  26. package/build/stories/charts/waffle/index.stories.d.ts +3 -3
  27. package/build/stories/chat/_types.d.ts +7 -4
  28. package/build/stories/chat/context/chatContext.d.ts +8 -6
  29. package/build/stories/chat/hooks/useMedia.d.ts +8 -0
  30. package/build/stories/chat/index.d.ts +6 -4
  31. package/build/stories/chat/index.stories.d.ts +9 -10
  32. package/build/stories/chat/parts/MediaLightbox.d.ts +14 -0
  33. package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts +11 -0
  34. package/build/stories/chat/parts/ThumbnailContainer/index.d.ts +1 -8
  35. package/build/stories/chat/parts/comment.d.ts +2 -7
  36. package/build/stories/chat/parts/containers.d.ts +11 -7
  37. package/build/stories/chat/parts/header.d.ts +6 -4
  38. package/build/stories/color-swatch/index.stories.d.ts +3 -3
  39. package/build/stories/drawers/index.stories.d.ts +2 -2
  40. package/build/stories/dropdowns/autocomplete/index.stories.d.ts +3 -3
  41. package/build/stories/dropdowns/countermultiselect/index.stories.d.ts +2 -2
  42. package/build/stories/dropdowns/field/index.d.ts +8 -6
  43. package/build/stories/dropdowns/menu/index.stories.d.ts +3 -3
  44. package/build/stories/dropdowns/select/index.d.ts +6 -4
  45. package/build/stories/dropdowns/select/index.stories.d.ts +3 -3
  46. package/build/stories/editor/index.stories.d.ts +6 -6
  47. package/build/stories/editorWithHighlight/_data.d.ts +17 -0
  48. package/build/stories/editorWithHighlight/floatingMenu.d.ts +5 -0
  49. package/build/stories/editorWithHighlight/index.d.ts +32 -0
  50. package/build/stories/editorWithHighlight/index.stories.d.ts +7 -0
  51. package/build/stories/editorWithHighlight/nodes/active.d.ts +4 -0
  52. package/build/stories/editorWithHighlight/nodes/observation/Component.d.ts +6 -0
  53. package/build/stories/editorWithHighlight/nodes/observation/index.d.ts +2 -0
  54. package/build/stories/editorWithHighlight/nodes/paragraph/Component.d.ts +6 -0
  55. package/build/stories/editorWithHighlight/nodes/paragraph/index.d.ts +2 -0
  56. package/build/stories/editorWithHighlight/nodes/word.d.ts +2 -0
  57. package/build/stories/editorWithHighlight/search.d.ts +8 -0
  58. package/build/stories/editorWithHighlight/useEditor.d.ts +14 -0
  59. package/build/stories/forms/checkbox/cards/index.stories.d.ts +3 -3
  60. package/build/stories/forms/checkbox/index.stories.d.ts +2 -2
  61. package/build/stories/forms/input/index.d.ts +10 -8
  62. package/build/stories/forms/input/index.stories.d.ts +5 -5
  63. package/build/stories/forms/input-toggle/index.d.ts +6 -4
  64. package/build/stories/forms/input-toggle/index.stories.d.ts +6 -6
  65. package/build/stories/forms/mediaInput/index.stories.d.ts +5 -5
  66. package/build/stories/forms/radio/cards/index.stories.d.ts +3 -3
  67. package/build/stories/forms/radio/index.stories.d.ts +3 -3
  68. package/build/stories/forms/textarea/index.stories.d.ts +4 -4
  69. package/build/stories/forms/toggle/index.stories.d.ts +2 -2
  70. package/build/stories/grid/col/index.stories.d.ts +4 -4
  71. package/build/stories/grid/grid/index.stories.d.ts +4 -4
  72. package/build/stories/grid/row/index.stories.d.ts +2 -2
  73. package/build/stories/highlight/CreateObservationButton.d.ts +19 -0
  74. package/build/stories/highlight/_types.d.ts +39 -0
  75. package/build/stories/highlight/demo-parts/data.d.ts +55 -0
  76. package/build/stories/highlight/demo-parts/sentiment-tag.d.ts +7 -0
  77. package/build/stories/highlight/demo-parts/transcript-base.d.ts +5 -0
  78. package/build/stories/highlight/demo-parts/transcript-diarization.d.ts +5 -0
  79. package/build/stories/highlight/demo-parts/transcript-paragraph.d.ts +5 -0
  80. package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts +5 -0
  81. package/build/stories/highlight/highlightContext.d.ts +10 -0
  82. package/build/stories/highlight/index.d.ts +10 -0
  83. package/build/stories/highlight/index.stories.d.ts +18 -0
  84. package/build/stories/highlight/searchable.d.ts +3 -0
  85. package/build/stories/icons/index.stories.d.ts +2 -2
  86. package/build/stories/info-cards/index.stories.d.ts +3 -3
  87. package/build/stories/label/index.d.ts +9 -7
  88. package/build/stories/label/index.stories.d.ts +3 -3
  89. package/build/stories/lightbox/index.stories.d.ts +2 -2
  90. package/build/stories/lightbox/parts/body.d.ts +18 -12
  91. package/build/stories/lightbox/parts/footer.d.ts +7 -5
  92. package/build/stories/loaders/dots/index.stories.d.ts +2 -2
  93. package/build/stories/loaders/progress/index.stories.d.ts +2 -2
  94. package/build/stories/loaders/skeleton/index.stories.d.ts +3 -3
  95. package/build/stories/loaders/spinner/index.stories.d.ts +2 -2
  96. package/build/stories/login-form/index.stories.d.ts +3 -3
  97. package/build/stories/logo/index.stories.d.ts +2 -2
  98. package/build/stories/modals/fullscreen/index.d.ts +40 -32
  99. package/build/stories/modals/fullscreen/index.stories.d.ts +2 -2
  100. package/build/stories/modals/index.d.ts +8 -6
  101. package/build/stories/modals/index.stories.d.ts +5 -5
  102. package/build/stories/multiselect/index.stories.d.ts +3 -3
  103. package/build/stories/navigation/app-header/index.stories.d.ts +3 -3
  104. package/build/stories/navigation/header/header-item/brandItem.d.ts +9 -7
  105. package/build/stories/navigation/nav/nav-item/accordionItem.d.ts +3 -1
  106. package/build/stories/navigation/page-header/index.d.ts +38 -26
  107. package/build/stories/navigation/page-header/index.stories.d.ts +5 -5
  108. package/build/stories/navigation/page-header/styled/main.d.ts +40 -28
  109. package/build/stories/notifications/index.stories.d.ts +3 -3
  110. package/build/stories/pagination/index.stories.d.ts +3 -3
  111. package/build/stories/player/_types.d.ts +38 -1
  112. package/build/stories/player/context/progressContext.d.ts +16 -0
  113. package/build/stories/player/hooks/usePictureInPicture.d.ts +4 -0
  114. package/build/stories/player/index.d.ts +7 -2
  115. package/build/stories/player/index.stories.d.ts +7 -5
  116. package/build/stories/player/parts/CutStart.d.ts +4 -0
  117. package/build/stories/player/parts/bookmark.d.ts +2 -0
  118. package/build/stories/player/parts/controlButton.d.ts +291 -0
  119. package/build/stories/player/parts/controls.d.ts +14 -6
  120. package/build/stories/player/parts/controlsCenterGroup.d.ts +2 -1
  121. package/build/stories/player/parts/cutterButton.d.ts +6 -0
  122. package/build/stories/player/parts/floatingControls.d.ts +1 -0
  123. package/build/stories/player/parts/progress.d.ts +11 -0
  124. package/build/stories/player/parts/timeLabel.d.ts +2 -2
  125. package/build/stories/product-cards/index.stories.d.ts +3 -3
  126. package/build/stories/profile-modal/components/menuItem.d.ts +6 -4
  127. package/build/stories/profile-modal/index.stories.d.ts +2 -2
  128. package/build/stories/service-cards/index.stories.d.ts +3 -3
  129. package/build/stories/slider/index.stories.d.ts +3 -3
  130. package/build/stories/slider/parts/container.d.ts +6 -4
  131. package/build/stories/special-cards/index.d.ts +42 -30
  132. package/build/stories/special-cards/index.stories.d.ts +2 -2
  133. package/build/stories/special-cards/styled/header.d.ts +33 -21
  134. package/build/stories/stepper/index.d.ts +27 -21
  135. package/build/stories/stepper/index.stories.d.ts +3 -3
  136. package/build/stories/table/index.stories.d.ts +11 -11
  137. package/build/stories/tabs/index.stories.d.ts +3 -3
  138. package/build/stories/tags/index.d.ts +24 -20
  139. package/build/stories/tags/index.stories.d.ts +6 -6
  140. package/build/stories/theme/palette.stories.d.ts +1 -1
  141. package/build/stories/tiles/index.stories.d.ts +4 -4
  142. package/build/stories/timeline/index.d.ts +11 -7
  143. package/build/stories/timeline/index.stories.d.ts +4 -4
  144. package/build/stories/title/index.stories.d.ts +2 -2
  145. package/build/stories/tooltip/_types.d.ts +1 -0
  146. package/build/stories/tooltip/index.d.ts +8 -5
  147. package/build/stories/tooltip/index.stories.d.ts +3 -2
  148. package/build/stories/tooltip-modal/index.stories.d.ts +2 -2
  149. package/build/stories/typography/block-quote/index.stories.d.ts +2 -2
  150. package/build/stories/typography/code/index.stories.d.ts +4 -4
  151. package/build/stories/typography/ellipsis/index.stories.d.ts +2 -2
  152. package/build/stories/typography/lists/ordered.stories.d.ts +2 -2
  153. package/build/stories/typography/lists/unordered.stories.d.ts +2 -2
  154. package/build/stories/typography/paragraph/index.stories.d.ts +2 -2
  155. package/build/stories/typography/span/index.stories.d.ts +2 -2
  156. package/build/stories/typography/typescale/anchortag/index.stories.d.ts +2 -2
  157. package/build/stories/typography/typescale/index.d.ts +26 -12
  158. package/build/stories/typography/typescale/index.stories.d.ts +2 -2
  159. package/package.json +20 -13
  160. package/yarn-error.log +13975 -0
  161. package/.vscode/settings.json +0 -3
  162. package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts +0 -11
  163. package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts +0 -11
  164. /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
- isMonospace?: boolean | undefined;
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
- ref?: import("react").Ref<HTMLDivElement> | undefined;
271
- key?: import("react").Key | null | undefined;
272
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
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
- isMonospace?: boolean | undefined;
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
- ref?: import("react").Ref<HTMLDivElement> | undefined;
810
- key?: import("react").Key | null | undefined;
811
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
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-0a347bb9").R, NotificationStoryProps>;
7
- export declare const Notification: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationArgs>;
8
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, NotificationArgs>;
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-0a347bb9").R, PaginationProps>;
3
- export declare const NumberedPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaginationProps>;
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PaginationProps>;
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;
@@ -0,0 +1,4 @@
1
+ import { PlayerArgs } from "../_types";
2
+ type PictureInPictureHook = (videoRef?: HTMLVideoElement | null, pipMode?: PlayerArgs["pipMode"], onPipChange?: PlayerArgs["onPipChange"]) => void;
3
+ export declare const usePictureInPicture: PictureInPictureHook;
4
+ export {};
@@ -1,4 +1,5 @@
1
- /// <reference types="react" />
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
- export { Player };
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-0a347bb9").R, PlayerStoryArgs>;
7
- export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
8
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
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;
@@ -0,0 +1,4 @@
1
+ declare const CutStart: ({ left }: {
2
+ left: number;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ export { CutStart };
@@ -0,0 +1,2 @@
1
+ import { IBookmark } from "../_types";
2
+ export declare const Bookmark: (props: IBookmark) => import("react/jsx-runtime").JSX.Element | null;