indicator-ui 1.1.15 → 1.1.16

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 (73) hide show
  1. package/dist/index.cjs +10 -10
  2. package/dist/index.js +10815 -10282
  3. package/dist/indicator-ui.css +1 -1
  4. package/dist/types/src/hooks/elementObservers/index.d.ts +1 -1
  5. package/dist/types/src/hooks/elementObservers/{useResizeObserver.d.ts → useResizeObserverOld.d.ts} +1 -1
  6. package/dist/types/src/hooks/elementObservers/useScrollableParent.d.ts +2 -2
  7. package/dist/types/src/hooks/utils/index.d.ts +9 -5
  8. package/dist/types/src/hooks/utils/useDebounce.d.ts +2 -2
  9. package/dist/types/src/hooks/utils/useMutationObserver.d.ts +5 -0
  10. package/dist/types/src/hooks/utils/useMutationObserverRef.d.ts +2 -0
  11. package/dist/types/src/hooks/utils/useResizeObserver.d.ts +5 -0
  12. package/dist/types/src/hooks/utils/useResizeObserverRef.d.ts +2 -0
  13. package/dist/types/src/types/mixins.d.ts +9 -0
  14. package/dist/types/src/ui/MediaViewerV2/context/index.d.ts +30 -0
  15. package/dist/types/src/ui/MediaViewerV2/hooks/activeVideoControlPosition/index.d.ts +1 -0
  16. package/dist/types/src/ui/MediaViewerV2/hooks/activeVideoControlPosition/useActiveVideoControlPosition.d.ts +10 -0
  17. package/dist/types/src/ui/MediaViewerV2/hooks/activeVideoControlPosition/useVideoControlLayout.d.ts +8 -0
  18. package/dist/types/src/ui/MediaViewerV2/hooks/activeVideoControlPosition/useVideoControlVisibility.d.ts +7 -0
  19. package/dist/types/src/ui/MediaViewerV2/hooks/context/index.d.ts +13 -0
  20. package/dist/types/src/ui/MediaViewerV2/hooks/index.d.ts +1 -0
  21. package/dist/types/src/ui/MediaViewerV2/hooks/services/index.d.ts +3 -0
  22. package/dist/types/src/ui/MediaViewerV2/hooks/services/useMediaServices.d.ts +5 -0
  23. package/dist/types/src/ui/MediaViewerV2/hooks/services/useNavigationServices.d.ts +5 -0
  24. package/dist/types/src/ui/MediaViewerV2/hooks/services/useVideoServices.d.ts +4 -0
  25. package/dist/types/src/ui/MediaViewerV2/hooks/useActiveElement.d.ts +7 -0
  26. package/dist/types/src/ui/MediaViewerV2/hooks/useFeedScroll.d.ts +5 -0
  27. package/dist/types/src/ui/MediaViewerV2/hooks/useMediaViewerV2.d.ts +302 -0
  28. package/dist/types/src/ui/MediaViewerV2/hooks/useRefInterface.d.ts +13 -0
  29. package/dist/types/src/ui/MediaViewerV2/hooks/useScrollCorrection.d.ts +5 -0
  30. package/dist/types/src/ui/MediaViewerV2/hooks/videoControl/index.d.ts +1 -0
  31. package/dist/types/src/ui/MediaViewerV2/hooks/videoControl/useVideoProgressBar.d.ts +292 -0
  32. package/dist/types/src/ui/MediaViewerV2/index.d.ts +1 -0
  33. package/dist/types/src/ui/MediaViewerV2/lib/getVideoContentRect.d.ts +1 -0
  34. package/dist/types/src/ui/MediaViewerV2/lib/index.d.ts +1 -0
  35. package/dist/types/src/ui/MediaViewerV2/styles/components/index.d.ts +3 -0
  36. package/dist/types/src/ui/MediaViewerV2/styles/index.d.ts +0 -0
  37. package/dist/types/src/ui/MediaViewerV2/styles/videoControl/index.d.ts +3 -0
  38. package/dist/types/src/ui/MediaViewerV2/ui/MediaViewerV2.d.ts +5 -0
  39. package/dist/types/src/ui/MediaViewerV2/ui/_MediaViewerV2.d.ts +4 -0
  40. package/dist/types/src/ui/MediaViewerV2/ui/components/Feed.d.ts +5 -0
  41. package/dist/types/src/ui/MediaViewerV2/ui/components/Wrapper.d.ts +5 -0
  42. package/dist/types/src/ui/MediaViewerV2/ui/components/index.d.ts +2 -0
  43. package/dist/types/src/ui/MediaViewerV2/ui/context/MediaViewerContextProvider.d.ts +6 -0
  44. package/dist/types/src/ui/MediaViewerV2/ui/context/index.d.ts +1 -0
  45. package/dist/types/src/ui/MediaViewerV2/ui/controlBar/CloseButton.d.ts +7 -0
  46. package/dist/types/src/ui/MediaViewerV2/ui/controlBar/ControlBarWrapper.d.ts +5 -0
  47. package/dist/types/src/ui/MediaViewerV2/ui/controlBar/NextButton.d.ts +3 -0
  48. package/dist/types/src/ui/MediaViewerV2/ui/controlBar/PrevButton.d.ts +3 -0
  49. package/dist/types/src/ui/MediaViewerV2/ui/controlBar/index.d.ts +4 -0
  50. package/dist/types/src/ui/MediaViewerV2/ui/index.d.ts +1 -0
  51. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/MainPlayButton.d.ts +4 -0
  52. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/PlayButton.d.ts +5 -0
  53. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/VideoProgressBar.d.ts +4 -0
  54. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/VideoTimer.d.ts +5 -0
  55. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/VolumeButton.d.ts +5 -0
  56. package/dist/types/src/ui/MediaViewerV2/ui/videoControl/index.d.ts +5 -0
  57. package/dist/types/src/ui/ToggleV2/index.d.ts +1 -0
  58. package/dist/types/src/ui/ToggleV2/styles/components/index.d.ts +4 -0
  59. package/dist/types/src/ui/ToggleV2/styles/index.d.ts +1 -0
  60. package/dist/types/src/ui/ToggleV2/ui/ToggleBaseV2.d.ts +12 -0
  61. package/dist/types/src/ui/ToggleV2/ui/ToggleV2.d.ts +6 -0
  62. package/dist/types/src/ui/ToggleV2/ui/components/InfoBlock.d.ts +4 -0
  63. package/dist/types/src/ui/ToggleV2/ui/components/Subtitle.d.ts +6 -0
  64. package/dist/types/src/ui/ToggleV2/ui/components/Title.d.ts +6 -0
  65. package/dist/types/src/ui/ToggleV2/ui/components/Wrapper.d.ts +7 -0
  66. package/dist/types/src/ui/ToggleV2/ui/components/index.d.ts +4 -0
  67. package/dist/types/src/ui/ToggleV2/ui/index.d.ts +2 -0
  68. package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +7 -7
  69. package/dist/types/src/ui/datePickersV2/ui/pickers/components/Wrapper.d.ts +2 -2
  70. package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerController.d.ts +1 -1
  71. package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts +1 -1
  72. package/dist/types/src/ui/index.d.ts +2 -0
  73. package/package.json +1 -1
@@ -0,0 +1,292 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
4
+ export declare function useVideoProgressBar(props: PropsType): {
5
+ fillPercent: number;
6
+ handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
7
+ instanceRef: React.Ref<HTMLDivElement> | undefined;
8
+ componentProps: {
9
+ slot?: string | undefined | undefined;
10
+ style?: React.CSSProperties | undefined;
11
+ title?: string | undefined | undefined;
12
+ children?: React.ReactNode;
13
+ key?: React.Key | null | undefined;
14
+ content?: string | undefined | undefined;
15
+ suppressHydrationWarning?: boolean | undefined | undefined;
16
+ defaultChecked?: boolean | undefined | undefined;
17
+ defaultValue?: string | number | readonly string[] | undefined;
18
+ suppressContentEditableWarning?: boolean | undefined | undefined;
19
+ dir?: string | undefined | undefined;
20
+ color?: string | undefined | undefined;
21
+ accessKey?: string | undefined | undefined;
22
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
23
+ autoFocus?: boolean | undefined | undefined;
24
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
25
+ contextMenu?: string | undefined | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
28
+ hidden?: boolean | undefined | undefined;
29
+ id?: string | undefined | undefined;
30
+ lang?: string | undefined | undefined;
31
+ nonce?: string | undefined | undefined;
32
+ spellCheck?: (boolean | "true" | "false") | undefined;
33
+ tabIndex?: number | undefined | undefined;
34
+ translate?: "yes" | "no" | undefined | undefined;
35
+ radioGroup?: string | undefined | undefined;
36
+ role?: React.AriaRole | undefined;
37
+ about?: string | undefined | undefined;
38
+ datatype?: string | undefined | undefined;
39
+ inlist?: any;
40
+ prefix?: string | undefined | undefined;
41
+ property?: string | undefined | undefined;
42
+ rel?: string | undefined | undefined;
43
+ resource?: string | undefined | undefined;
44
+ rev?: string | undefined | undefined;
45
+ typeof?: string | undefined | undefined;
46
+ vocab?: string | undefined | undefined;
47
+ autoCorrect?: string | undefined | undefined;
48
+ autoSave?: string | undefined | undefined;
49
+ itemProp?: string | undefined | undefined;
50
+ itemScope?: boolean | undefined | undefined;
51
+ itemType?: string | undefined | undefined;
52
+ itemID?: string | undefined | undefined;
53
+ itemRef?: string | undefined | undefined;
54
+ results?: number | undefined | undefined;
55
+ security?: string | undefined | undefined;
56
+ unselectable?: "on" | "off" | undefined | undefined;
57
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
58
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
59
+ popoverTarget?: string | undefined | undefined;
60
+ inert?: boolean | undefined | undefined;
61
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
62
+ is?: string | undefined | undefined;
63
+ exportparts?: string | undefined | undefined;
64
+ part?: string | undefined | undefined;
65
+ "aria-activedescendant"?: string | undefined | undefined;
66
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
67
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
68
+ "aria-braillelabel"?: string | undefined | undefined;
69
+ "aria-brailleroledescription"?: string | undefined | undefined;
70
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
71
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
72
+ "aria-colcount"?: number | undefined | undefined;
73
+ "aria-colindex"?: number | undefined | undefined;
74
+ "aria-colindextext"?: string | undefined | undefined;
75
+ "aria-colspan"?: number | undefined | undefined;
76
+ "aria-controls"?: string | undefined | undefined;
77
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
78
+ "aria-describedby"?: string | undefined | undefined;
79
+ "aria-description"?: string | undefined | undefined;
80
+ "aria-details"?: string | undefined | undefined;
81
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
82
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
83
+ "aria-errormessage"?: string | undefined | undefined;
84
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
85
+ "aria-flowto"?: string | undefined | undefined;
86
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
87
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
88
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
89
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
90
+ "aria-keyshortcuts"?: string | undefined | undefined;
91
+ "aria-label"?: string | undefined | undefined;
92
+ "aria-labelledby"?: string | undefined | undefined;
93
+ "aria-level"?: number | undefined | undefined;
94
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
95
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
96
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
97
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
98
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
99
+ "aria-owns"?: string | undefined | undefined;
100
+ "aria-placeholder"?: string | undefined | undefined;
101
+ "aria-posinset"?: number | undefined | undefined;
102
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
103
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
104
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
105
+ "aria-required"?: (boolean | "true" | "false") | undefined;
106
+ "aria-roledescription"?: string | undefined | undefined;
107
+ "aria-rowcount"?: number | undefined | undefined;
108
+ "aria-rowindex"?: number | undefined | undefined;
109
+ "aria-rowindextext"?: string | undefined | undefined;
110
+ "aria-rowspan"?: number | undefined | undefined;
111
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
112
+ "aria-setsize"?: number | undefined | undefined;
113
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
114
+ "aria-valuemax"?: number | undefined | undefined;
115
+ "aria-valuemin"?: number | undefined | undefined;
116
+ "aria-valuenow"?: number | undefined | undefined;
117
+ "aria-valuetext"?: string | undefined | undefined;
118
+ dangerouslySetInnerHTML?: {
119
+ __html: string | TrustedHTML;
120
+ } | undefined | undefined;
121
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
122
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
123
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
124
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
125
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
126
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
127
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
128
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
129
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
130
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
131
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
132
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
133
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
134
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
135
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
136
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
137
+ onChange?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
138
+ onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
139
+ onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
140
+ onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
141
+ onInput?: React.InputEventHandler<HTMLDivElement> | undefined;
142
+ onInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
143
+ onReset?: React.ReactEventHandler<HTMLDivElement> | undefined;
144
+ onResetCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
145
+ onSubmit?: React.SubmitEventHandler<HTMLDivElement> | undefined;
146
+ onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement> | undefined;
147
+ onInvalid?: React.ReactEventHandler<HTMLDivElement> | undefined;
148
+ onInvalidCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
149
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
150
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
151
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
152
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
153
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
154
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
155
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
156
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
157
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
158
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
159
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
160
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
161
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
162
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
163
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
164
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
165
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
166
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
167
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
168
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
169
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
170
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
171
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
172
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
173
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
174
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
175
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
176
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
177
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
178
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
179
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
180
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
181
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
182
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
192
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
193
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
194
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
195
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
196
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
197
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
198
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
199
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
200
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
201
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
202
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
203
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
204
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
205
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
206
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
207
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
208
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
209
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
210
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
211
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
212
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
213
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
214
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
215
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
216
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
217
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
218
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
219
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
220
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
221
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
222
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
223
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
224
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
225
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
226
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
227
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
228
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
229
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
230
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
231
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
232
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
233
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
234
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
235
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
236
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
237
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
238
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
239
+ onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
240
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
241
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
242
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
243
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
244
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
245
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
246
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
247
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
248
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
249
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
250
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
251
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
252
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
253
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
254
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
255
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
256
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
257
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
258
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
259
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
260
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
261
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
262
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
263
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
264
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
265
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
266
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
267
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
268
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
269
+ onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
270
+ onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
271
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
272
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
273
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
274
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
275
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
276
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
277
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
278
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
279
+ onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
280
+ onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
281
+ onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
282
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
283
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
284
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
285
+ onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
286
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
287
+ onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
288
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
289
+ };
290
+ className: string | undefined;
291
+ };
292
+ export {};
@@ -0,0 +1 @@
1
+ export * from './ui';
@@ -0,0 +1 @@
1
+ export declare function getVideoContentRect(video: HTMLVideoElement): DOMRect;
@@ -0,0 +1 @@
1
+ export * from './getVideoContentRect';
@@ -0,0 +1,3 @@
1
+ export { default as WrapperStyle } from './Wrapper.module.scss';
2
+ export { default as FeedStyle } from './Feed.module.scss';
3
+ export { default as ControlBarStyle } from './ControlBar.module.scss';
@@ -0,0 +1,3 @@
1
+ export { default as VideoProgressBarStyle } from './VideoProgressBar.module.scss';
2
+ export { default as MainPlayButtonStyle } from './MainPlayButton.module.scss';
3
+ export { default as VideoTimerStyle } from './VideoTimer.module.scss';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { _MediaViewerV2 } from './_MediaViewerV2';
3
+ type PropsType = React.ComponentProps<typeof _MediaViewerV2>;
4
+ export declare function MediaViewerV2(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,4 @@
1
+ import { useMediaViewerV2 } from '../hooks';
2
+ type PropsType = Parameters<typeof useMediaViewerV2>[number];
3
+ export declare function _MediaViewerV2(props: PropsType): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
4
+ export declare function Feed(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
4
+ export declare function Wrapper(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './Wrapper';
2
+ export * from './Feed';
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ type PropsType = {
3
+ children?: ReactNode;
4
+ };
5
+ export declare function MediaViewerContextProvider(props: PropsType): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1 @@
1
+ export * from './MediaViewerContextProvider';
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { Button } from '../../..';
3
+ type PropsType = {
4
+ onClose?: React.ComponentProps<typeof Button<'button'>>['onClick'];
5
+ };
6
+ export declare function CloseButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
4
+ export declare function ControlBarWrapper(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,3 @@
1
+ type PropsType = {};
2
+ export declare function NextButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
3
+ export {};
@@ -0,0 +1,3 @@
1
+ type PropsType = {};
2
+ export declare function PrevButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
3
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './ControlBarWrapper';
2
+ export * from './CloseButton';
3
+ export * from './NextButton';
4
+ export * from './PrevButton';
@@ -0,0 +1 @@
1
+ export * from './MediaViewerV2';
@@ -0,0 +1,4 @@
1
+ import { PropsForWithInstanceRef } from '../../../../types';
2
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
3
+ export declare function MainPlayButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { Button } from '../../..';
3
+ type PropsType = React.ComponentProps<typeof Button<'button'>>;
4
+ export declare function PlayButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,4 @@
1
+ import { useVideoProgressBar } from '../../hooks/videoControl';
2
+ type PropsType = Parameters<typeof useVideoProgressBar>[number];
3
+ export declare function VideoProgressBar(props: PropsType): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>>;
4
+ export declare function VideoTimer(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { Button } from '../../..';
3
+ type PropsType = React.ComponentProps<typeof Button<'button'>>;
4
+ export declare function VolumeButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ export * from './VideoTimer';
2
+ export * from './VideoProgressBar';
3
+ export * from './PlayButton';
4
+ export * from './VolumeButton';
5
+ export * from './MainPlayButton';
@@ -0,0 +1 @@
1
+ export * from './ui';
@@ -0,0 +1,4 @@
1
+ export { default as TitleStyle } from './Title.module.scss';
2
+ export { default as SubtitleStyle } from './Subtitle.module.scss';
3
+ export { default as InfoBlockStyle } from './InfoBlock.module.scss';
4
+ export { default as WrapperStyle } from './Wrapper.module.scss';
@@ -0,0 +1 @@
1
+ export { default as ToggleBaseV2Style } from './ToggleBaseV2.module.scss';
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../types';
3
+ type Element = 'div';
4
+ type PropsType = PropsForWithInstanceRef<Element, React.ComponentRef<Element>, {
5
+ size?: 'large' | 'medium';
6
+ active?: boolean;
7
+ error?: boolean;
8
+ disabled?: boolean;
9
+ ignoreParentHover?: boolean;
10
+ }>;
11
+ export declare function ToggleBaseV2(props: PropsType): import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { Wrapper, Title, Subtitle } from './components';
3
+ import { ToggleBaseV2 } from './ToggleBaseV2';
4
+ type PropsType = React.ComponentProps<typeof Wrapper> & Pick<React.ComponentProps<typeof ToggleBaseV2>, 'active' | 'error' | 'disabled'> & Pick<React.ComponentProps<typeof Title>, 'title'> & Pick<React.ComponentProps<typeof Subtitle>, 'subtitle'>;
5
+ export declare function ToggleV2(props: PropsType): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ type PropsType = React.ComponentProps<'section'>;
3
+ export declare function InfoBlock(props: PropsType): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ type PropsType = {
3
+ subtitle?: React.ReactNode;
4
+ };
5
+ export declare function Subtitle(props: PropsType): import("react/jsx-runtime").JSX.Element | undefined;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ type PropsType = {
3
+ title?: React.ReactNode;
4
+ };
5
+ export declare function Title(props: PropsType): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { PropsForWithInstanceRef } from '../../../../types';
3
+ type PropsType = PropsForWithInstanceRef<'div', React.ComponentRef<'div'>, {
4
+ disabled?: boolean;
5
+ }>;
6
+ export declare function Wrapper(props: PropsType): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './Wrapper';
2
+ export * from './Title';
3
+ export * from './Subtitle';
4
+ export * from './InfoBlock';
@@ -0,0 +1,2 @@
1
+ export * from './ToggleV2';
2
+ export * from './ToggleBaseV2';
@@ -15,7 +15,7 @@ type VideoPlayerBasePropsType = {
15
15
  * */
16
16
  src?: string;
17
17
  /**
18
- * Включить/Выключить браузерные плеер.
18
+ * Включить/Выключить браузерный плеер.
19
19
  *
20
20
  * *По умолчанию:* false.
21
21
  * */
@@ -33,27 +33,27 @@ type VideoPlayerBasePropsType = {
33
33
  * */
34
34
  autoPlay?: boolean;
35
35
  /**
36
- * `Callback` при изменение длинные видео.
36
+ * `Callback` при изменении длительности видео.
37
37
  * */
38
38
  onChangeDuration?: (duration: number) => void;
39
39
  /**
40
- * `Callback` при изменение текущего момента просмотра видео.
40
+ * `Callback` при изменении текущей позиции просмотра.
41
41
  * */
42
42
  onChangeTime?: (time: number) => void;
43
43
  /**
44
- * `Callback` при изменение уровня звука видео.
44
+ * `Callback` при изменении уровня громкости.
45
45
  * */
46
46
  onChangeVolume?: (volume: number) => void;
47
47
  /**
48
- * `Callback` при изменение состояния проигрыша видео.
48
+ * `Callback` при изменении состояния воспроизведения.
49
49
  * */
50
50
  onChangePlay?: (play: boolean) => void;
51
51
  /**
52
- * `Callback`, когда видео не хватает данных для показа (можно показать знак загрузки).
52
+ * `Callback`, когда видео не хватает данных (можно показать лоадер).
53
53
  * */
54
54
  onWaiting?: () => void;
55
55
  /**
56
- * `Callback`, когда видео загрузило достаточно данных, чтобы начать воспроизведение (можно убрать знак загрузки).
56
+ * `Callback`, когда видео готово к воспроизведению (можно скрыть лоадер).
57
57
  * */
58
58
  onCanPlay?: () => void;
59
59
  /**
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
- import { AsProps } from '../../../../../types';
2
+ import { PropsForWithInstanceRef } from '../../../../../types';
3
3
  type Element = 'div';
4
- type PropsType = AsProps<Element, {}, React.ComponentRef<Element>>;
4
+ type PropsType = PropsForWithInstanceRef<Element, React.ComponentRef<Element>>;
5
5
  export declare function Wrapper(props: PropsType): import("react/jsx-runtime").JSX.Element;
6
6
  export {};
@@ -50,7 +50,7 @@ export declare function useDateTimePickerController(props: PropsType): {
50
50
  } | null>;
51
51
  } | null>;
52
52
  }) | null>;
53
- dateTimePickerWrapperRef: React.RefObject<null>;
53
+ dateTimePickerWrapperRef: React.RefObject<HTMLDivElement | null>;
54
54
  moveToInputtedDateInPicker: (instance: DateInputValue) => Promise<(void | undefined)[]> | undefined;
55
55
  moveToInputtedTimeInPicker: (instance: TimeInputValue) => Promise<(void | undefined)[]> | undefined;
56
56
  showTimePicker: () => void;
@@ -280,7 +280,7 @@ export declare function useFormDateTimeFieldProvider(props: PropsType): {
280
280
  } | null>;
281
281
  } | null>;
282
282
  }) | null>;
283
- dateTimePickerWrapperRef: React.RefObject<null>;
283
+ dateTimePickerWrapperRef: React.RefObject<HTMLDivElement | null>;
284
284
  doubleInputRef: React.RefObject<HTMLDivElement | null>;
285
285
  dateInputRef: React.RefObject<HTMLInputElement | null>;
286
286
  timeInputRef: React.RefObject<HTMLInputElement | null>;
@@ -29,5 +29,7 @@ export * from './Breadcrumbs';
29
29
  export * from './Collapse';
30
30
  export * from './formFields';
31
31
  export * from './DropdownV2';
32
+ export * from './MediaViewerV2';
32
33
  export * from './datePickersV2';
34
+ export * from './ToggleV2';
33
35
  export * from './visual';
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "react-components",
12
12
  "ui-kit"
13
13
  ],
14
- "version": "1.1.15",
14
+ "version": "1.1.16",
15
15
  "exports": {
16
16
  ".": {
17
17
  "types": "./dist/types/index.d.ts",