@appquality/unguess-design-system 3.1.109 → 3.1.111

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 (68) hide show
  1. package/.github/workflows/storybook.yml +2 -2
  2. package/CHANGELOG.md +26 -0
  3. package/build/index.d.ts +11 -10
  4. package/build/index.js +1133 -524
  5. package/build/stories/alerts/index.d.ts +272 -2
  6. package/build/stories/buttons/button/index.d.ts +292 -3
  7. package/build/stories/buttons/button/index.stories.d.ts +0 -1
  8. package/build/stories/buttons/utils.d.ts +858 -6
  9. package/build/stories/charts/ChartContainer.d.ts +1 -1
  10. package/build/stories/chat/index.d.ts +271 -2
  11. package/build/stories/chat/index.stories.d.ts +0 -1
  12. package/build/stories/chat/parts/containers.d.ts +278 -7
  13. package/build/stories/chat/parts/header.d.ts +271 -1
  14. package/build/stories/dropdowns/field/index.d.ts +271 -2
  15. package/build/stories/dropdowns/select/index.d.ts +271 -1
  16. package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
  17. package/build/stories/editor/index.stories.d.ts +0 -1
  18. package/build/stories/forms/input/index.d.ts +271 -2
  19. package/build/stories/forms/input-toggle/index.d.ts +271 -1
  20. package/build/stories/highlight/CreateObservationButton.d.ts +3 -3
  21. package/build/stories/highlight/index.stories.d.ts +0 -1
  22. package/build/stories/label/index.d.ts +272 -2
  23. package/build/stories/lightbox/parts/body.d.ts +812 -3
  24. package/build/stories/lightbox/parts/footer.d.ts +271 -2
  25. package/build/stories/modals/fullscreen/index.d.ts +1090 -8
  26. package/build/stories/modals/index.d.ts +271 -2
  27. package/build/stories/navigation/header/header-item/brandItem.d.ts +286 -2
  28. package/build/stories/navigation/nav/nav-item/accordionItem.d.ts +3 -3
  29. package/build/stories/navigation/nav/nav-item/navItemProject.d.ts +1 -1
  30. package/build/stories/navigation/page-header/index.d.ts +1091 -8
  31. package/build/stories/navigation/page-header/styled/main.d.ts +1092 -8
  32. package/build/stories/player/index.stories.d.ts +0 -1
  33. package/build/stories/player/parts/container.d.ts +1 -1
  34. package/build/stories/player/parts/controlButton.d.ts +292 -2
  35. package/build/stories/player/parts/controls.d.ts +273 -2
  36. package/build/stories/player/parts/floatingControls.d.ts +1 -1
  37. package/build/stories/profile-modal/components/menuItem.d.ts +272 -1
  38. package/build/stories/profile-modal/components/menuItemIcon.d.ts +1 -1
  39. package/build/stories/slider/parts/container.d.ts +272 -1
  40. package/build/stories/slider/parts/slickSlider.d.ts +1 -1
  41. package/build/stories/special-cards/index.d.ts +829 -11
  42. package/build/stories/special-cards/styled/header.d.ts +827 -9
  43. package/build/stories/special-cards/styled/meta.d.ts +1 -1
  44. package/build/stories/special-cards/styled/thumbnail.d.ts +1 -1
  45. package/build/stories/stepper/index.d.ts +813 -6
  46. package/build/stories/tags/index.d.ts +552 -6
  47. package/build/stories/timeline/index.d.ts +273 -4
  48. package/build/stories/transcript/_data.d.ts +17 -0
  49. package/build/stories/transcript/extensions/theme/index.d.ts +347 -0
  50. package/build/stories/transcript/findActiveWord.d.ts +2 -0
  51. package/build/stories/transcript/floatingMenu.d.ts +8 -0
  52. package/build/stories/transcript/getParsedContent.d.ts +26 -0
  53. package/build/stories/transcript/index.d.ts +53 -0
  54. package/build/stories/transcript/index.stories.d.ts +23 -0
  55. package/build/stories/transcript/nodes/active/Component.d.ts +6 -0
  56. package/build/stories/transcript/nodes/active/index.d.ts +4 -0
  57. package/build/stories/transcript/nodes/observation/Component.d.ts +6 -0
  58. package/build/stories/transcript/nodes/observation/index.d.ts +2 -0
  59. package/build/stories/transcript/nodes/paragraph/Component.d.ts +6 -0
  60. package/build/stories/transcript/nodes/paragraph/index.d.ts +2 -0
  61. package/build/stories/transcript/nodes/word/Component.d.ts +6 -0
  62. package/build/stories/transcript/nodes/word/index.d.ts +2 -0
  63. package/build/stories/transcript/search.d.ts +9 -0
  64. package/build/stories/transcript/useEditor.d.ts +11 -0
  65. package/build/stories/typography/typescale/anchortag/index.stories.d.ts +1 -5
  66. package/build/stories/typography/typescale/index.d.ts +286 -14
  67. package/build/stories/typography/typescale/index.stories.d.ts +1 -5
  68. package/package.json +22 -14
@@ -0,0 +1,347 @@
1
+ /// <reference types="trusted-types" />
2
+ import { Editor, Extension } from "@tiptap/react";
3
+ import { ReactNode } from "react";
4
+ declare const DefaultActiveWrapper: ({ children }: {
5
+ children: ReactNode;
6
+ }) => import("react/jsx-runtime").JSX.Element;
7
+ declare const DefaultWordWrapper: ({ children }: {
8
+ children: ReactNode;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ declare const DefaultObservationWrapper: ({ title, color, children, observations, }: {
11
+ title: string;
12
+ color: string;
13
+ children: ReactNode;
14
+ observations: {
15
+ id: number;
16
+ title: string;
17
+ color: string;
18
+ }[];
19
+ }) => import("react/jsx-runtime").JSX.Element;
20
+ declare const DefaultParagraphWrapper: ({ children }: {
21
+ children: ReactNode;
22
+ }) => import("react/jsx-runtime").JSX.Element;
23
+ declare const DefaultSpeakerWrapper: ({ start, end, setCurrentTime, speaker, }: {
24
+ start: number;
25
+ end: number;
26
+ setCurrentTime?: (({ start, end }: {
27
+ start: number;
28
+ end: number;
29
+ }) => void) | undefined;
30
+ speaker: string;
31
+ }) => import("react/jsx-runtime").JSX.Element;
32
+ declare const DefaultSentencesWrapper: ({ children }: {
33
+ children: ReactNode;
34
+ }) => import("react/jsx-runtime").JSX.Element;
35
+ declare const DefaultSentenceWrapper: ({ setCurrentTime, children, start, end, isActive, }: {
36
+ setCurrentTime?: (({ start, end }: {
37
+ start: number;
38
+ end: number;
39
+ }) => void) | undefined;
40
+ children: ReactNode;
41
+ start: number;
42
+ end: number;
43
+ isActive?: boolean | undefined;
44
+ }) => import("react/jsx-runtime").JSX.Element;
45
+ declare const DefaultTranslationWrapper: ({ content, translations, }: {
46
+ content: ReactNode;
47
+ translations: ReactNode;
48
+ }) => import("react/jsx-runtime").JSX.Element;
49
+ declare const SearchStyleWrapper: import("styled-components").IStyledComponent<"web", {
50
+ ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
51
+ key?: import("react").Key | null | undefined;
52
+ defaultChecked?: boolean | undefined;
53
+ defaultValue?: string | number | readonly string[] | undefined;
54
+ suppressContentEditableWarning?: boolean | undefined;
55
+ suppressHydrationWarning?: boolean | undefined;
56
+ accessKey?: string | undefined;
57
+ autoFocus?: boolean | undefined;
58
+ className?: string | undefined;
59
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
60
+ contextMenu?: string | undefined;
61
+ dir?: string | undefined;
62
+ draggable?: (boolean | "true" | "false") | undefined;
63
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
64
+ hidden?: boolean | undefined;
65
+ id?: string | undefined;
66
+ lang?: string | undefined;
67
+ nonce?: string | undefined;
68
+ slot?: string | undefined;
69
+ spellCheck?: (boolean | "true" | "false") | undefined;
70
+ style?: import("react").CSSProperties | undefined;
71
+ tabIndex?: number | undefined;
72
+ title?: string | undefined;
73
+ translate?: "yes" | "no" | undefined;
74
+ radioGroup?: string | undefined;
75
+ role?: import("react").AriaRole | undefined;
76
+ about?: string | undefined;
77
+ content?: string | undefined;
78
+ datatype?: string | undefined;
79
+ inlist?: any;
80
+ prefix?: string | undefined;
81
+ property?: string | undefined;
82
+ rel?: string | undefined;
83
+ resource?: string | undefined;
84
+ rev?: string | undefined;
85
+ typeof?: string | undefined;
86
+ vocab?: string | undefined;
87
+ autoCapitalize?: string | undefined;
88
+ autoCorrect?: string | undefined;
89
+ autoSave?: string | undefined;
90
+ color?: string | undefined;
91
+ itemProp?: string | undefined;
92
+ itemScope?: boolean | undefined;
93
+ itemType?: string | undefined;
94
+ itemID?: string | undefined;
95
+ itemRef?: string | undefined;
96
+ results?: number | undefined;
97
+ security?: string | undefined;
98
+ unselectable?: "on" | "off" | undefined;
99
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
100
+ is?: string | undefined;
101
+ "aria-activedescendant"?: string | undefined;
102
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
103
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
104
+ "aria-braillelabel"?: string | undefined;
105
+ "aria-brailleroledescription"?: string | undefined;
106
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
107
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
108
+ "aria-colcount"?: number | undefined;
109
+ "aria-colindex"?: number | undefined;
110
+ "aria-colindextext"?: string | undefined;
111
+ "aria-colspan"?: number | undefined;
112
+ "aria-controls"?: string | undefined;
113
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
114
+ "aria-describedby"?: string | undefined;
115
+ "aria-description"?: string | undefined;
116
+ "aria-details"?: string | undefined;
117
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
118
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
119
+ "aria-errormessage"?: string | undefined;
120
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
121
+ "aria-flowto"?: string | undefined;
122
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
123
+ "aria-haspopup"?: boolean | "true" | "false" | "grid" | "dialog" | "listbox" | "menu" | "tree" | undefined;
124
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
125
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
126
+ "aria-keyshortcuts"?: string | undefined;
127
+ "aria-label"?: string | undefined;
128
+ "aria-labelledby"?: string | undefined;
129
+ "aria-level"?: number | undefined;
130
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
131
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
132
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
133
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
134
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
135
+ "aria-owns"?: string | undefined;
136
+ "aria-placeholder"?: string | undefined;
137
+ "aria-posinset"?: number | undefined;
138
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
139
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
140
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
141
+ "aria-required"?: (boolean | "true" | "false") | undefined;
142
+ "aria-roledescription"?: string | undefined;
143
+ "aria-rowcount"?: number | undefined;
144
+ "aria-rowindex"?: number | undefined;
145
+ "aria-rowindextext"?: string | undefined;
146
+ "aria-rowspan"?: number | undefined;
147
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
148
+ "aria-setsize"?: number | undefined;
149
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
150
+ "aria-valuemax"?: number | undefined;
151
+ "aria-valuemin"?: number | undefined;
152
+ "aria-valuenow"?: number | undefined;
153
+ "aria-valuetext"?: string | undefined;
154
+ children?: ReactNode;
155
+ dangerouslySetInnerHTML?: {
156
+ __html: string | TrustedHTML;
157
+ } | undefined;
158
+ onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
159
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
160
+ onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
161
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
162
+ onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
163
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
164
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
165
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
166
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
167
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
168
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
169
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
170
+ onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
171
+ onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
172
+ onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
173
+ onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
174
+ onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
175
+ onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
176
+ onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
177
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
178
+ onInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
179
+ onInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
180
+ onReset?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
181
+ onResetCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
182
+ onSubmit?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
183
+ onSubmitCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
184
+ onInvalid?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
185
+ onInvalidCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
186
+ onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
187
+ onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
188
+ onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
189
+ onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
190
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
191
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
192
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
193
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
194
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
195
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
196
+ onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
197
+ onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
198
+ onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
199
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
200
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
201
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
202
+ onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
203
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
204
+ onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
205
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
206
+ onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
207
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
208
+ onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
209
+ onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
210
+ onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
211
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
212
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
213
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
214
+ onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
215
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
216
+ onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
217
+ onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
218
+ onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
219
+ onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
220
+ onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
221
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
222
+ onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
223
+ onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
224
+ onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
225
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
226
+ onResize?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
227
+ onResizeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
228
+ onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
229
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
230
+ onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
231
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
232
+ onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
233
+ onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
234
+ onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
235
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
236
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
237
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
238
+ onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
239
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
240
+ onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
241
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
242
+ onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
243
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
244
+ onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
245
+ onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
246
+ onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
247
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
248
+ onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
249
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
250
+ onDrag?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
251
+ onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
252
+ onDragEnd?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
253
+ onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
254
+ onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
255
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
256
+ onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
257
+ onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
258
+ onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
259
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
260
+ onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
261
+ onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
262
+ onDragStart?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
263
+ onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
264
+ onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
265
+ onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
266
+ onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
267
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
268
+ onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
269
+ onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
270
+ onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
271
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
272
+ onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
273
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
274
+ onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
275
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
276
+ onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
277
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
278
+ onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
279
+ onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
280
+ onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
281
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
282
+ onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
283
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
284
+ onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
285
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
286
+ onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
287
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
288
+ onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
289
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
290
+ onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
291
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
292
+ onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
293
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
294
+ onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
295
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
296
+ onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
297
+ onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
298
+ onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
299
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
300
+ onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
301
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
302
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
303
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
304
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
305
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
306
+ onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
307
+ onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
308
+ onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
309
+ onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
310
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
311
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
312
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
313
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
314
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
315
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
316
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
317
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
318
+ }>;
319
+ export interface ThemeOptions {
320
+ activeWrapper: typeof DefaultActiveWrapper;
321
+ wordWrapper: typeof DefaultWordWrapper;
322
+ observationWrapper: typeof DefaultObservationWrapper;
323
+ paragraphWrapper: typeof DefaultParagraphWrapper;
324
+ speakerWrapper: typeof DefaultSpeakerWrapper;
325
+ sentencesWrapper: typeof DefaultSentencesWrapper;
326
+ sentenceWrapper: typeof DefaultSentenceWrapper;
327
+ translationWrapper: typeof DefaultTranslationWrapper;
328
+ /**
329
+ * Allow styling search results
330
+ * @example
331
+ * ```jsx
332
+ * styled.span`
333
+ * .search-result {
334
+ * background-color: rgba(0, 0, 255, 0.5);
335
+ *
336
+ * &-current {
337
+ * background-color: rgba(255, 255, 0, 0.5);
338
+ * }
339
+ * }
340
+ * `
341
+ * ```
342
+ */
343
+ searchStyleWrapper: typeof SearchStyleWrapper;
344
+ }
345
+ export declare const Theme: Extension<ThemeOptions, {}>;
346
+ export declare const getTheme: (editor: Editor) => Extension<ThemeOptions, {}>;
347
+ export {};
@@ -0,0 +1,2 @@
1
+ import { Node } from "prosemirror-model";
2
+ export declare const findActiveWord: (node: Node) => Node | null;
@@ -0,0 +1,8 @@
1
+ import { Editor } from "@tiptap/react";
2
+ export declare const FloatingMenu: (props: {
3
+ editor: Editor;
4
+ onClick: (editor: Editor, words: {
5
+ start: number;
6
+ end: number;
7
+ }) => void;
8
+ }) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,26 @@
1
+ import { Content as TipTapContent } from "@tiptap/core";
2
+ export type WordType = {
3
+ start: number;
4
+ end: number;
5
+ word: string;
6
+ };
7
+ export type SentenceType = {
8
+ start: number;
9
+ end: number;
10
+ text: string;
11
+ };
12
+ export type ParagraphType = {
13
+ start: number;
14
+ end: number;
15
+ speaker: number;
16
+ words: WordType[];
17
+ };
18
+ export type ObservationType = {
19
+ id: number;
20
+ type: string;
21
+ start: number;
22
+ end: number;
23
+ text: string;
24
+ color?: `#${string}`;
25
+ };
26
+ export declare function getParsedContent(content?: ParagraphType[], observations?: ObservationType[], sentences?: SentenceType[]): TipTapContent | undefined;
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ import "@tiptap/core";
3
+ import { Editor } from "@tiptap/react";
4
+ import { Theme } from "./extensions/theme";
5
+ declare module "@tiptap/core" {
6
+ interface Commands<ReturnType> {
7
+ active: {
8
+ setCurrentTime: (start: number) => ReturnType;
9
+ updateCurrentActive: ({ currentWord, }: {
10
+ currentWord: {
11
+ start: number;
12
+ end: number;
13
+ };
14
+ }) => ReturnType;
15
+ };
16
+ observation: {
17
+ addObservation: ({ id, title, color, }: {
18
+ id: number;
19
+ title: string;
20
+ color?: string;
21
+ }) => ReturnType;
22
+ };
23
+ }
24
+ }
25
+ declare const Transcript: {
26
+ ({ editor }: {
27
+ editor: Editor;
28
+ }): import("react/jsx-runtime").JSX.Element | null;
29
+ useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }: {
30
+ content?: import("./getParsedContent").ParagraphType[] | undefined;
31
+ observations?: import("./getParsedContent").ObservationType[] | undefined;
32
+ translations?: import("./getParsedContent").SentenceType[] | undefined;
33
+ currentTime?: number | undefined;
34
+ onSetCurrentTime?: ((time: number) => void) | undefined;
35
+ themeExtension?: import("@tiptap/core").Extension<any, any> | undefined;
36
+ isEditable?: boolean | undefined;
37
+ }, deps?: import("react").DependencyList | undefined) => Editor | null;
38
+ Search: {
39
+ ({ editor, placeholder, }: {
40
+ editor: Editor;
41
+ placeholder?: string | undefined;
42
+ }): import("react/jsx-runtime").JSX.Element;
43
+ Style: import("styled-components").RuleSet<object>;
44
+ };
45
+ FloatingMenu: (props: {
46
+ editor: Editor;
47
+ onClick: (editor: Editor, words: {
48
+ start: number;
49
+ end: number;
50
+ }) => void;
51
+ }) => import("react/jsx-runtime").JSX.Element | null;
52
+ };
53
+ export { Theme, Transcript };
@@ -0,0 +1,23 @@
1
+ import { Editor } from "@tiptap/react";
2
+ import { Theme } from "./extensions/theme";
3
+ import { ObservationType, ParagraphType, SentenceType } from "./getParsedContent";
4
+ type StoryArgs = {
5
+ currentTime?: number;
6
+ content?: ParagraphType[];
7
+ observations?: ObservationType[];
8
+ translations?: SentenceType[];
9
+ onAddObservation?: (editor: Editor) => void;
10
+ onSetCurrentTime?: (setCurrentTime: (time: number) => void) => (time: number) => void;
11
+ showSearch?: boolean;
12
+ themeExtension?: typeof Theme;
13
+ isEditable?: boolean;
14
+ };
15
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
16
+ export declare const Running: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
17
+ export declare const FakeRunning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
18
+ export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
19
+ export declare const WithTranslation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
20
+ export declare const MultipleColorObservations: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
21
+ export declare const WithCustomTheme: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
22
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
23
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { Editor } from "@tiptap/react";
2
+ import { Node as PMNode } from "prosemirror-model";
3
+ export declare const Component: ({ node, editor, }: {
4
+ node: PMNode;
5
+ editor: Editor;
6
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { Node } from "@tiptap/core";
2
+ export declare const Active: ({ onSetCurrentTime, }: {
3
+ onSetCurrentTime?: ((time: number) => void) | undefined;
4
+ }) => Node<any, any>;
@@ -0,0 +1,6 @@
1
+ import { Editor } from "@tiptap/react";
2
+ import { Node as PMNode } from "prosemirror-model";
3
+ export declare const Component: ({ node, editor, }: {
4
+ node: PMNode;
5
+ editor: Editor;
6
+ }) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,2 @@
1
+ import { Node } from "@tiptap/core";
2
+ export declare const Observation: Node<any, any>;
@@ -0,0 +1,6 @@
1
+ import { Editor } from "@tiptap/react";
2
+ import { Node as PMNode } from "prosemirror-model";
3
+ export declare const Component: ({ node, editor, }: {
4
+ node: PMNode;
5
+ editor: Editor;
6
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { Node } from "@tiptap/core";
2
+ export declare const Paragraph: Node<any, any>;
@@ -0,0 +1,6 @@
1
+ import { Node } from "@tiptap/pm/model";
2
+ import { Editor } from "@tiptap/react";
3
+ export declare const Component: ({ node, editor }: {
4
+ node: Node;
5
+ editor: Editor;
6
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { Node } from "@tiptap/core";
2
+ export declare const Word: Node<any, any>;
@@ -0,0 +1,9 @@
1
+ import { Editor } from "@tiptap/react";
2
+ declare const Search: {
3
+ ({ editor, placeholder, }: {
4
+ editor: Editor;
5
+ placeholder?: string | undefined;
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ Style: import("styled-components").RuleSet<object>;
8
+ };
9
+ export { Search };
@@ -0,0 +1,11 @@
1
+ import { Extension } from "@tiptap/react";
2
+ import { ObservationType, ParagraphType, SentenceType } from "./getParsedContent";
3
+ export declare const useEditor: ({ content, observations, translations, currentTime, onSetCurrentTime, themeExtension, isEditable, }: {
4
+ content?: ParagraphType[] | undefined;
5
+ observations?: ObservationType[] | undefined;
6
+ translations?: SentenceType[] | undefined;
7
+ currentTime?: number | undefined;
8
+ onSetCurrentTime?: ((time: number) => void) | undefined;
9
+ themeExtension?: Extension<any, any> | undefined;
10
+ isEditable?: boolean | undefined;
11
+ }, deps?: React.DependencyList) => import("@tiptap/react").Editor | null;
@@ -1,8 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const AnchorTag: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, any>;
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("styled-components").FastOmit<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
4
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }, "color"> & {
6
- color?: string | undefined;
7
- }>;
3
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
8
4
  export default _default;