diff options
Diffstat (limited to 'apps/web/src')
10 files changed, 32 insertions, 32 deletions
diff --git a/apps/web/src/components/ui/color-picker.tsx b/apps/web/src/components/ui/color-picker.tsx index ad350e0e..a57a86e0 100644 --- a/apps/web/src/components/ui/color-picker.tsx +++ b/apps/web/src/components/ui/color-picker.tsx @@ -7,7 +7,7 @@ interface ColorPickerProps { value?: string; onChange?: (value: string) => void; className?: string; - containerRef?: React.RefObject<HTMLDivElement>; + containerRef?: React.RefObject<HTMLDivElement | null>; } const hexToHsv = (hex: string) => { diff --git a/apps/web/src/hooks/timeline/element/use-element-interaction.ts b/apps/web/src/hooks/timeline/element/use-element-interaction.ts index d3abd7c3..c92d6722 100644 --- a/apps/web/src/hooks/timeline/element/use-element-interaction.ts +++ b/apps/web/src/hooks/timeline/element/use-element-interaction.ts @@ -25,10 +25,10 @@ const DRAG_THRESHOLD_PX = 5; interface UseElementInteractionProps { zoomLevel: number; - timelineRef: RefObject<HTMLDivElement>; - tracksContainerRef: RefObject<HTMLDivElement>; - tracksScrollRef: RefObject<HTMLDivElement>; - headerRef?: RefObject<HTMLElement>; + timelineRef: RefObject<HTMLDivElement | null>; + tracksContainerRef: RefObject<HTMLDivElement | null>; + tracksScrollRef: RefObject<HTMLDivElement | null>; + headerRef?: RefObject<HTMLElement | null>; snappingEnabled: boolean; onSnapPointChange?: (snapPoint: SnapPoint | null) => void; } @@ -115,9 +115,9 @@ function getDragDropTarget({ elementId: string; trackId: string; tracks: TimelineTrack[]; - tracksContainerRef: RefObject<HTMLDivElement>; - tracksScrollRef: RefObject<HTMLDivElement>; - headerRef?: RefObject<HTMLElement>; + tracksContainerRef: RefObject<HTMLDivElement | null>; + tracksScrollRef: RefObject<HTMLDivElement | null>; + headerRef?: RefObject<HTMLElement | null>; zoomLevel: number; snappedTime: number; verticalDragDirection?: "up" | "down" | null; diff --git a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts b/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts index 0ddab654..095c0599 100644 --- a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts +++ b/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts @@ -3,8 +3,8 @@ import { useEffect, useRef } from "react"; interface UseEdgeAutoScrollParams { isActive: boolean; getMouseClientX: () => number; - rulerScrollRef: React.RefObject<HTMLDivElement>; - tracksScrollRef: React.RefObject<HTMLDivElement>; + rulerScrollRef: React.RefObject<HTMLDivElement | null>; + tracksScrollRef: React.RefObject<HTMLDivElement | null>; contentWidth: number; edgeThreshold?: number; maxScrollSpeed?: number; diff --git a/apps/web/src/hooks/timeline/use-scroll-sync.ts b/apps/web/src/hooks/timeline/use-scroll-sync.ts index cdd915b0..61465a3d 100644 --- a/apps/web/src/hooks/timeline/use-scroll-sync.ts +++ b/apps/web/src/hooks/timeline/use-scroll-sync.ts @@ -1,10 +1,10 @@ import { useEffect, useRef } from "react"; interface UseScrollSyncProps { - rulerScrollRef?: React.RefObject<HTMLDivElement>; - tracksScrollRef: React.RefObject<HTMLDivElement>; - trackLabelsScrollRef?: React.RefObject<HTMLDivElement>; - bookmarksScrollRef?: React.RefObject<HTMLDivElement>; + rulerScrollRef?: React.RefObject<HTMLDivElement | null>; + tracksScrollRef: React.RefObject<HTMLDivElement | null>; + trackLabelsScrollRef?: React.RefObject<HTMLDivElement | null>; + bookmarksScrollRef?: React.RefObject<HTMLDivElement | null>; } export function useScrollSync({ diff --git a/apps/web/src/hooks/timeline/use-selection-box.ts b/apps/web/src/hooks/timeline/use-selection-box.ts index 702abad9..12c6bf8a 100644 --- a/apps/web/src/hooks/timeline/use-selection-box.ts +++ b/apps/web/src/hooks/timeline/use-selection-box.ts @@ -4,12 +4,12 @@ import { getCumulativeHeightBefore, getTrackHeight } from "@/lib/timeline"; import { useEditor } from "../use-editor"; interface UseSelectionBoxProps { - containerRef: React.RefObject<HTMLElement>; + containerRef: React.RefObject<HTMLElement | null>; onSelectionComplete: ( elements: { trackId: string; elementId: string }[], ) => void; isEnabled?: boolean; - tracksScrollRef: React.RefObject<HTMLDivElement>; + tracksScrollRef: React.RefObject<HTMLDivElement | null>; zoomLevel: number; } diff --git a/apps/web/src/hooks/timeline/use-snap-indicator-position.ts b/apps/web/src/hooks/timeline/use-snap-indicator-position.ts index c6ecbf7c..d78eb04d 100644 --- a/apps/web/src/hooks/timeline/use-snap-indicator-position.ts +++ b/apps/web/src/hooks/timeline/use-snap-indicator-position.ts @@ -6,9 +6,9 @@ interface UseSnapIndicatorPositionParams { snapPoint: { time: number } | null; zoomLevel: number; tracks: TimelineTrack[]; - timelineRef: React.RefObject<HTMLDivElement>; - trackLabelsRef?: React.RefObject<HTMLDivElement>; - tracksScrollRef: React.RefObject<HTMLDivElement>; + timelineRef: React.RefObject<HTMLDivElement | null>; + trackLabelsRef?: React.RefObject<HTMLDivElement | null>; + tracksScrollRef: React.RefObject<HTMLDivElement | null>; } interface SnapIndicatorPosition { diff --git a/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts b/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts index 9e5c4fa6..01af9362 100644 --- a/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts +++ b/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts @@ -17,8 +17,8 @@ import type { TrackType, DropTarget, ElementType } from "@/types/timeline"; import type { MediaDragData, StickerDragData } from "@/types/drag"; interface UseTimelineDragDropProps { - containerRef: RefObject<HTMLDivElement>; - headerRef?: RefObject<HTMLElement>; + containerRef: RefObject<HTMLDivElement | null>; + headerRef?: RefObject<HTMLElement | null>; zoomLevel: number; } diff --git a/apps/web/src/hooks/timeline/use-timeline-playhead.ts b/apps/web/src/hooks/timeline/use-timeline-playhead.ts index 55e04a68..34a14793 100644 --- a/apps/web/src/hooks/timeline/use-timeline-playhead.ts +++ b/apps/web/src/hooks/timeline/use-timeline-playhead.ts @@ -6,10 +6,10 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; interface UseTimelinePlayheadProps { zoomLevel: number; - rulerRef: React.RefObject<HTMLDivElement>; - rulerScrollRef: React.RefObject<HTMLDivElement>; - tracksScrollRef: React.RefObject<HTMLDivElement>; - playheadRef?: React.RefObject<HTMLDivElement>; + rulerRef: React.RefObject<HTMLDivElement | null>; + rulerScrollRef: React.RefObject<HTMLDivElement | null>; + tracksScrollRef: React.RefObject<HTMLDivElement | null>; + playheadRef?: React.RefObject<HTMLDivElement | null>; } export function useTimelinePlayhead({ diff --git a/apps/web/src/hooks/timeline/use-timeline-seek.ts b/apps/web/src/hooks/timeline/use-timeline-seek.ts index f5dc6ddb..127ebcbb 100644 --- a/apps/web/src/hooks/timeline/use-timeline-seek.ts +++ b/apps/web/src/hooks/timeline/use-timeline-seek.ts @@ -5,10 +5,10 @@ import { getSnappedSeekTime } from "@/lib/time"; import { useEditor } from "../use-editor"; interface UseTimelineSeekProps { - playheadRef: RefObject<HTMLDivElement>; - trackLabelsRef: RefObject<HTMLDivElement>; - rulerScrollRef: RefObject<HTMLDivElement>; - tracksScrollRef: RefObject<HTMLDivElement>; + playheadRef: RefObject<HTMLDivElement | null>; + trackLabelsRef: RefObject<HTMLDivElement | null>; + rulerScrollRef: RefObject<HTMLDivElement | null>; + tracksScrollRef: RefObject<HTMLDivElement | null>; zoomLevel: number; duration: number; isSelecting: boolean; diff --git a/apps/web/src/hooks/timeline/use-timeline-zoom.ts b/apps/web/src/hooks/timeline/use-timeline-zoom.ts index 96a4be43..3d15b5c8 100644 --- a/apps/web/src/hooks/timeline/use-timeline-zoom.ts +++ b/apps/web/src/hooks/timeline/use-timeline-zoom.ts @@ -11,13 +11,13 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; import { useEditor } from "@/hooks/use-editor"; interface UseTimelineZoomProps { - containerRef: RefObject<HTMLDivElement>; + containerRef: RefObject<HTMLDivElement | null>; minZoom?: number; initialZoom?: number; initialScrollLeft?: number; initialPlayheadTime?: number; - tracksScrollRef: RefObject<HTMLDivElement>; - rulerScrollRef: RefObject<HTMLDivElement>; + tracksScrollRef: RefObject<HTMLDivElement | null>; + rulerScrollRef: RefObject<HTMLDivElement | null>; } interface UseTimelineZoomReturn { |