Deps migration (#1988)

* chore: migrate eslint to oxlint * chore: migrate prettier to oxfmt * chore: migrate typescript * chore: toThrow should have a expected value * chore: cast test value as Day * chore: small title fix * chore: mocks should be hoisted * chore: incorrect async useage * chore: test should be inside description * chore: test sohuld include an expeced * chore: oxfmt --------- Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>
2026-08-19 22:24:11 +00:00 · 2026-03-08 16:22:12 +01:00
parent 9516ac21bb
commit 1849b4d39f
501 changed files with 2678 additions and 4654 deletions
@@ -46,7 +46,7 @@
 .entryIndex {
  padding-block: 0.25rem;
  display: grid;
-  grid-template-rows: 1fr 1fr 1fr;  
+  grid-template-rows: 1fr 1fr 1fr;
  justify-items: end;
  min-width: 2em;
  color: $label-gray;
@@ -1,22 +1,21 @@
-import { type HTMLProps, forwardRef, Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { TbFlagFilled } from 'react-icons/tb';
-import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
-import { closestCenter, DndContext } from '@dnd-kit/core';
+import { DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import {
  type EntryId,
+  Playback,
  type Rundown as RundownType,
+  SupportedEntry,
  isOntimeEvent,
  isOntimeGroup,
-  Playback,
-  SupportedEntry,
 } from 'ontime-types';
+import { Fragment, type HTMLProps, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { TbFlagFilled } from 'react-icons/tb';
+import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';

 import { useEntryActionsContext } from '../../common/context/EntryActionsContext';
 import { useEntryCopy } from '../../common/stores/entryCopyStore';
-import { lastMetadataKey, RundownMetadataObject } from '../../common/utils/rundownMetadata';
+import { RundownMetadataObject, lastMetadataKey } from '../../common/utils/rundownMetadata';
 import { AppMode } from '../../ontimeConfig';
-
 import QuickAddButtons from './entry-editor/quick-add-buttons/QuickAddButtons';
 import QuickAddInline from './entry-editor/quick-add-cursor/QuickAddInline';
 import { useRundownCommands } from './hooks/useRundownCommands';
@@ -1,5 +1,5 @@
-import { IoAdd } from 'react-icons/io5';
 import { SupportedEntry } from 'ontime-types';
+import { IoAdd } from 'react-icons/io5';

 import Button from '../../common/components/buttons/Button';
 import * as Editor from '../../common/components/editor-utils/EditorUtils';
@@ -1,4 +1,4 @@
-import { isOntimeDelay, isOntimeEvent, isOntimeMilestone, OntimeEntry, Playback, SupportedEntry } from 'ontime-types';
+import { OntimeEntry, Playback, SupportedEntry, isOntimeDelay, isOntimeEvent, isOntimeMilestone } from 'ontime-types';

 import RundownDelay from './rundown-delay/RundownDelay';
 import RundownEvent from './rundown-event/RundownEvent';
@@ -1,5 +1,5 @@
-import { memo } from 'react';
 import { useSessionStorage } from '@mantine/hooks';
+import { memo } from 'react';

 import * as Editor from '../../common/components/editor-utils/EditorUtils';
 import ErrorBoundary from '../../common/components/error-boundary/ErrorBoundary';
@@ -14,7 +14,6 @@ import { getIsNavigationLocked } from '../../externals';
 import { AppMode } from '../../ontimeConfig';
 import EntryEditModal from '../../views/cuesheet/cuesheet-edit-modal/EntryEditModal';
 import { EditorLayoutMode, useEditorLayout } from '../../views/editor/useEditorLayout';
-
 import RundownEntryEditor from './entry-editor/RundownEntryEditor';
 import FinderPlacement from './placements/FinderPlacement';
 import { RundownContextMenu } from './rundown-context-menu/RundownContextMenu';
@@ -1,9 +1,8 @@
 import { memo } from 'react';

 import Empty from '../../common/components/state/Empty';
-import { useRundownEditor } from '../../common/hooks/useSocket';
 import { useRundownWithMetadata } from '../../common/hooks-query/useRundown';
-
+import { useRundownEditor } from '../../common/hooks/useSocket';
 import Rundown from './Rundown';

 export default memo(RundownList);
@@ -1,8 +1,7 @@
+import { OntimeEntry, isOntimeEvent, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
 import { useMemo } from 'react';
-import { isOntimeEvent, isOntimeGroup, isOntimeMilestone, OntimeEntry } from 'ontime-types';

 import useRundown from '../../../common/hooks-query/useRundown';
-
 import EventEditor from './EventEditor';
 import GroupEditor from './GroupEditor';
 import MilestoneEditor from './MilestoneEditor';
@@ -1,11 +1,10 @@
-import { useCallback } from 'react';
 import { OntimeEvent } from 'ontime-types';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import AppLink from '../../../common/components/link/app-link/AppLink';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import useCustomFields from '../../../common/hooks-query/useCustomFields';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventEditorTimes from './composite/EventEditorTimes';
 import EventEditorTitles from './composite/EventEditorTitles';
@@ -1,4 +1,4 @@
-import { memo, PropsWithChildren } from 'react';
+import { PropsWithChildren, memo } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import { deviceAlt, deviceMod } from '../../../common/utils/deviceUtils';
@@ -1,6 +1,6 @@
-import { useCallback } from 'react';
 import { MaybeNumber, OntimeGroup } from 'ontime-types';
 import { millisToString } from 'ontime-utils';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import SwatchSelect from '../../../common/components/input/colour-input/SwatchSelect';
@@ -10,7 +10,6 @@ import useCustomFields from '../../../common/hooks-query/useCustomFields';
 import { getOffsetState } from '../../../common/utils/offset';
 import { cx, enDash, timerPlaceholder } from '../../../common/utils/styleUtils';
 import TextLikeInput from '../../../views/cuesheet/cuesheet-table/cuesheet-table-elements/TextLikeInput';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventTextArea from './composite/EventTextArea';
 import EntryEditorTextInput from './composite/EventTextInput';
@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
 import { OntimeMilestone } from 'ontime-types';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import SwatchSelect from '../../../common/components/input/colour-input/SwatchSelect';
@@ -7,7 +7,6 @@ import Input from '../../../common/components/input/input/Input';
 import AppLink from '../../../common/components/link/app-link/AppLink';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import useCustomFields from '../../../common/hooks-query/useCustomFields';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventTextArea from './composite/EventTextArea';
 import EntryEditorTextInput from './composite/EventTextInput';
@@ -1,9 +1,8 @@
+import { OntimeEntry, isOntimeEvent, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
 import { useMemo } from 'react';
-import { isOntimeEvent, isOntimeGroup, isOntimeMilestone, OntimeEntry } from 'ontime-types';

 import useRundown from '../../../common/hooks-query/useRundown';
 import { useEventSelection } from '../useEventSelection';
-
 import EventEditorFooter from './composite/EventEditorFooter';
 import EventEditor from './EventEditor';
 import EventEditorEmpty from './EventEditorEmpty';
@@ -1,9 +1,8 @@
-import { CSSProperties, Fragment } from 'react';
 import { CustomFields, OntimeEvent, OntimeGroup, OntimeMilestone } from 'ontime-types';
+import { CSSProperties, Fragment } from 'react';

 import { getAccessibleColour } from '../../../../common/utils/styleUtils';
 import { EventEditorUpdateFields } from '../EventEditor';
-
 import EventEditorImage from './EventEditorImage';
 import EventTextArea from './EventTextArea';
 import EntryEditorTextInput from './EventTextInput';
@@ -1,7 +1,7 @@
+import { EndAction, TimeStrategy, TimerType } from 'ontime-types';
+import { millisToString, parseUserTime } from 'ontime-utils';
 import { memo } from 'react';
 import { IoInformationCircle } from 'react-icons/io5';
-import { EndAction, TimerType, TimeStrategy } from 'ontime-types';
-import { millisToString, parseUserTime } from 'ontime-utils';

 import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
@@ -1,12 +1,11 @@
-import { memo } from 'react';
 import { sanitiseCue } from 'ontime-utils';
+import { memo } from 'react';

 import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
 import SwatchSelect from '../../../../common/components/input/colour-input/SwatchSelect';
 import Input from '../../../../common/components/input/input/Input';
 import Switch from '../../../../common/components/switch/Switch';
 import { useEntryActionsContext } from '../../../../common/context/EntryActionsContext';
-
 import EventTextArea from './EventTextArea';
 import EntryEditorTextInput from './EventTextInput';

@@ -27,4 +27,4 @@

 .success {
  color: $green-500;
-}
+}
@@ -1,7 +1,7 @@
+import { TimerLifeCycle, Trigger, timerLifecycleValues } from 'ontime-types';
+import { generateId } from 'ontime-utils';
 import { Fragment, useCallback, useMemo, useState } from 'react';
 import { IoAlertCircle, IoCheckmarkCircle, IoTrash } from 'react-icons/io5';
-import { TimerLifeCycle, timerLifecycleValues, Trigger } from 'ontime-types';
-import { generateId } from 'ontime-utils';

 import Button from '../../../../common/components/buttons/Button';
 import IconButton from '../../../../common/components/buttons/IconButton';
@@ -10,7 +10,6 @@ import Tag from '../../../../common/components/tag/Tag';
 import Tooltip from '../../../../common/components/tooltip/Tooltip';
 import { useEntryActionsContext } from '../../../../common/context/EntryActionsContext';
 import useAutomationSettings from '../../../../common/hooks-query/useAutomationSettings';
-
 import { eventTriggerOptions } from './eventTrigger.constants';

 import style from './EventEditorTriggers.module.scss';
@@ -1,5 +1,5 @@
-import { IoLockClosed, IoLockOpenOutline } from 'react-icons/io5';
 import { MaybeNumber } from 'ontime-types';
+import { IoLockClosed, IoLockOpenOutline } from 'react-icons/io5';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
@@ -1,7 +1,7 @@
-import { memo } from 'react';
-import { IoAdd } from 'react-icons/io5';
 import { Toolbar } from '@base-ui/react/toolbar';
 import { MaybeString, SupportedEntry } from 'ontime-types';
+import { memo } from 'react';
+import { IoAdd } from 'react-icons/io5';

 import Button from '../../../../common/components/buttons/Button';
 import { useEntryActionsContext } from '../../../../common/context/EntryActionsContext';
@@ -1,6 +1,6 @@
+import { MaybeString, SupportedEntry } from 'ontime-types';
 import { memo } from 'react';
 import { IoAdd } from 'react-icons/io5';
-import { MaybeString, SupportedEntry } from 'ontime-types';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import { DropdownMenu } from '../../../../common/components/dropdown-menu/DropdownMenu';
@@ -1,6 +1,6 @@
-import { useCallback } from 'react';
 import { type EntryId, type OntimeEntry, type Rundown, SupportedEntry } from 'ontime-types';
 import { getNextGroupNormal, getNextNormal, getPreviousGroupNormal, getPreviousNormal } from 'ontime-utils';
+import { useCallback } from 'react';

 import type { useEntryActions } from '../../../common/hooks/useEntryAction';
 import { useEntryCopy } from '../../../common/stores/entryCopyStore';
@@ -80,9 +80,9 @@ export function useRundownCommands({
      }

      clone(entryCopyId, {
-        after: above ? undefined : normalisedAtId ?? undefined,
+        after: above ? undefined : (normalisedAtId ?? undefined),
        // if we don't have a cursor add the new event on top
-        before: above ? normalisedAtId ?? undefined : undefined,
+        before: above ? (normalisedAtId ?? undefined) : undefined,
      });
    },
    [entries, flatOrder, clone, reorderEntry],
@@ -1,7 +1,7 @@
-import { Dispatch, SetStateAction, useCallback, useMemo, useRef } from 'react';
 import { DragEndEvent, DragOverEvent, DragStartEvent, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
-import { type EntryId, type Rundown, isOntimeGroup, SupportedEntry } from 'ontime-types';
+import { type EntryId, type Rundown, SupportedEntry, isOntimeGroup } from 'ontime-types';
 import { reorderArray } from 'ontime-utils';
+import { Dispatch, SetStateAction, useCallback, useMemo, useRef } from 'react';

 import type { useEntryActions } from '../../../common/hooks/useEntryAction';
 import { canDrop } from '../rundown.utils';
@@ -1,5 +1,5 @@
 import { useHotkeys } from '@mantine/hooks';
-import { type OntimeEntry, EntryId, SupportedEntry } from 'ontime-types';
+import { EntryId, type OntimeEntry, SupportedEntry } from 'ontime-types';

 import { useEntryCopy } from '../../../common/stores/entryCopyStore';
 import { useEventSelection } from '../useEventSelection';
@@ -1,5 +1,5 @@
-import { memo } from 'react';
 import { useDisclosure, useHotkeys } from '@mantine/hooks';
+import { memo } from 'react';

 import Finder from '../../../views/editor/finder/Finder';

@@ -8,5 +8,5 @@
  text-align: center;
  letter-spacing: 1px;
  max-width: 7em;
-  color: $ontime-delay-text
+  color: $ontime-delay-text;
 }
@@ -1,9 +1,8 @@
-import { KeyboardEvent, useEffect, useRef, useState } from 'react';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { KeyboardEvent, useEffect, useRef, useState } from 'react';

 import Input from '../../../common/components/input/input/Input';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
-
 import BlockRadio from './BlockRadio';

 import style from './DelayInput.module.scss';
@@ -1,14 +1,13 @@
-import { useEffect, useRef } from 'react';
-import { IoCheckmarkDone, IoClose, IoReorderTwo } from 'react-icons/io5';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { OntimeDelay } from 'ontime-types';
+import { useEffect, useRef } from 'react';
+import { IoCheckmarkDone, IoClose, IoReorderTwo } from 'react-icons/io5';

 import Button from '../../../common/components/buttons/Button';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import { useEntryCopy } from '../../../common/stores/entryCopyStore';
 import { cx } from '../../../common/utils/styleUtils';
-
 import DelayInput from './DelayInput';

 import style from './RundownDelay.module.scss';
@@ -17,7 +17,7 @@ $skip-opacity: 0.2;
    'binder ...        ...     ...';

  grid-template-columns: $block-binder-width 3rem 1fr 3rem;
-  grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem; 
+  grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem;
  align-items: center;
  padding-right: $block-clearance;
  gap: 2px;
@@ -139,7 +139,7 @@ $skip-opacity: 0.2;
 }

 .eventTimers.editMode:hover {
-  [class*="hoverLabel"] {
+  [class*='hoverLabel'] {
    opacity: 1;
    transition: opacity 0.15s 0.5s ease;
  }
@@ -1,3 +1,7 @@
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { Day, EndAction, EntryId, Playback, TimeStrategy, TimerType } from 'ontime-types';
+import { isPlaybackActive } from 'ontime-utils';
 import { MouseEvent, useEffect, useRef } from 'react';
 import {
  IoAdd,
@@ -10,10 +14,6 @@ import {
  IoUnlink,
 } from 'react-icons/io5';
 import { TbFlagFilled } from 'react-icons/tb';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { Day, EndAction, EntryId, Playback, TimerType, TimeStrategy } from 'ontime-types';
-import { isPlaybackActive } from 'ontime-utils';

 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import { useContextMenu } from '../../../common/hooks/useContextMenu';
@@ -22,7 +22,6 @@ import { deviceMod } from '../../../common/utils/deviceUtils';
 import { cx, getAccessibleColour } from '../../../common/utils/styleUtils';
 import { useEventIdSwapping } from '../useEventIdSwapping';
 import { getSelectionMode, useEventSelection } from '../useEventSelection';
-
 import RundownEventInner from './RundownEventInner';
 import RundownIndicators from './RundownIndicators';

@@ -1,3 +1,4 @@
+import { Day, EndAction, Playback, TimeStrategy, TimerType } from 'ontime-types';
 import { memo } from 'react';
 import {
  IoArrowDown,
@@ -10,7 +11,6 @@ import {
  IoTime,
 } from 'react-icons/io5';
 import { LuArrowDownToLine } from 'react-icons/lu';
-import { Day, EndAction, Playback, TimerType, TimeStrategy } from 'ontime-types';

 import Tooltip from '../../../common/components/tooltip/Tooltip';
 import { cx } from '../../../common/utils/styleUtils';
@@ -18,7 +18,6 @@ import { AppMode } from '../../../ontimeConfig';
 import TitleEditor from '../common/TitleEditor';
 import TimeInputFlow from '../time-input-flow/TimeInputFlow';
 import { useEditorFollowMode } from '../useEditorFollowMode';
-
 import RundownEventChip from './composite/RundownEventChip';
 import EventBlockPlayback from './composite/RundownEventPlayback';
 import EventBlockProgressBar from './composite/RundownEventProgressBar';
@@ -1,11 +1,11 @@
+import { Day } from 'ontime-types';
+import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND, isPlaybackActive, millisToString } from 'ontime-utils';
 import { useMemo } from 'react';
 import { IoCheckmarkCircle } from 'react-icons/io5';
-import { Day } from 'ontime-types';
-import { isPlaybackActive, MILLIS_PER_MINUTE, MILLIS_PER_SECOND, millisToString } from 'ontime-utils';

 import Tooltip from '../../../../common/components/tooltip/Tooltip';
-import { usePlayback } from '../../../../common/hooks/useSocket';
 import useReport from '../../../../common/hooks-query/useReport';
+import { usePlayback } from '../../../../common/hooks/useSocket';
 import { cx } from '../../../../common/utils/styleUtils';
 import { formatDuration, useTimeUntilExpectedStart } from '../../../../common/utils/time';

@@ -1,4 +1,4 @@
-import { memo, MouseEvent } from 'react';
+import { MouseEvent, memo } from 'react';
 import { IoPause, IoPlay, IoReload, IoRemoveCircle, IoRemoveCircleOutline } from 'react-icons/io5';

 import IconButton from '../../../../common/components/buttons/IconButton';
@@ -1,3 +1,7 @@
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { EntryId, OntimeGroup } from 'ontime-types';
+import { MILLIS_PER_MINUTE, millisToString } from 'ontime-utils';
 import { MouseEvent, useRef } from 'react';
 import {
  IoChevronDown,
@@ -7,10 +11,6 @@ import {
  IoReorderTwo,
  IoTrash,
 } from 'react-icons/io5';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { EntryId, OntimeGroup } from 'ontime-types';
-import { MILLIS_PER_MINUTE, millisToString } from 'ontime-utils';

 import IconButton from '../../../common/components/buttons/IconButton';
 import Tag from '../../../common/components/tag/Tag';
@@ -1,8 +1,8 @@
-import { memo } from 'react';
 import { Toggle } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 import { Toolbar } from '@base-ui/react/toolbar';
 import { OffsetMode } from 'ontime-types';
+import { memo } from 'react';

 import Tooltip from '../../../common/components/tooltip/Tooltip';
 import { setOffsetMode, useOffsetMode } from '../../../common/hooks/useSocket';
@@ -10,7 +10,6 @@ import { AppMode } from '../../../ontimeConfig';
 import { EditorLayoutMode, useEditorLayout } from '../../../views/editor/useEditorLayout';
 import { RundownViewMode } from '../rundown.options';
 import { useEditorFollowMode } from '../useEditorFollowMode';
-
 import RundownMenu from './RundownMenu';

 import style from './RundownHeader.module.scss';
@@ -1,7 +1,7 @@
-import { memo } from 'react';
 import { Toggle } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 import { Toolbar } from '@base-ui/react/toolbar';
+import { memo } from 'react';

 import { AppMode } from '../../../ontimeConfig';
 import { RundownViewMode } from '../rundown.options';
@@ -1,7 +1,7 @@
-import { memo, useCallback } from 'react';
-import { IoEllipsisHorizontal, IoList, IoTrash } from 'react-icons/io5';
 import { Toolbar } from '@base-ui/react/toolbar';
 import { useDisclosure } from '@mantine/hooks';
+import { memo, useCallback } from 'react';
+import { IoEllipsisHorizontal, IoList, IoTrash } from 'react-icons/io5';

 import Button from '../../../common/components/buttons/Button';
 import IconButton from '../../../common/components/buttons/IconButton';
@@ -1,8 +1,8 @@
-import { MouseEvent, useCallback, useRef } from 'react';
-import { IoReorderTwo, IoTrash } from 'react-icons/io5';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { EntryId } from 'ontime-types';
+import { MouseEvent, useCallback, useRef } from 'react';
+import { IoReorderTwo, IoTrash } from 'react-icons/io5';

 import Input from '../../../common/components/input/input/Input';
 import useReactiveTextInput from '../../../common/components/input/text-input/useReactiveTextInput';
@@ -6,7 +6,6 @@ import CuesheetDnd from '../../../views/cuesheet/cuesheet-dnd/CuesheetDnd';
 import CuesheetTable from '../../../views/cuesheet/cuesheet-table/CuesheetTable';
 import { useCuesheetPermissions } from '../../../views/cuesheet/useTablePermissions';
 import { useEditorFollowMode } from '../useEditorFollowMode';
-
 import { makeRundownColumns } from './makeRundownColumns';

 export default memo(RundownTable);
@@ -1,4 +1,4 @@
-import { EntryId, isOntimeGroup, RundownEntries, SupportedEntry } from 'ontime-types';
+import { EntryId, RundownEntries, SupportedEntry, isOntimeGroup } from 'ontime-types';

 /**
 * Creates a sortable list of entries
@@ -29,7 +29,7 @@
  left: 0;
  opacity: 0;
  border-radius: $component-border-radius-md;
-  transition: opacity 0.15s ease;  // no delay on fade out
+  transition: opacity 0.15s ease; // no delay on fade out
  pointer-events: none;
  z-index: $zindex-floating;

@@ -1,14 +1,13 @@
-import { memo } from 'react';
-import { IoAlertCircleOutline, IoLink, IoLockClosed, IoLockOpenOutline, IoUnlink } from 'react-icons/io5';
 import { TimeField, TimeStrategy } from 'ontime-types';
 import { dayInMs } from 'ontime-utils';
+import { memo } from 'react';
+import { IoAlertCircleOutline, IoLink, IoLockClosed, IoLockOpenOutline, IoUnlink } from 'react-icons/io5';

 import IconButton from '../../../common/components/buttons/IconButton';
 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import TimeInput from '../../../common/components/input/time-input/TimeInput';
 import Tooltip from '../../../common/components/tooltip/Tooltip';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
-
 import TimeInputGroup from './TimeInputGroup';

 import style from './TimeInputFlow.module.scss';
@@ -1,6 +1,6 @@
-import { useCallback, useMemo } from 'react';
 import { useSessionStorage } from '@mantine/hooks';
 import { EntryId } from 'ontime-types';
+import { useCallback, useMemo } from 'react';

 /**
 * Keeps track of which groups are collapsed
@@ -1,5 +1,5 @@
+import { EntryId, MaybeNumber, Rundown, isOntimeEvent } from 'ontime-types';
 import { MouseEvent } from 'react';
-import { EntryId, isOntimeEvent, MaybeNumber, Rundown } from 'ontime-types';
 import { create } from 'zustand';

 import { RUNDOWN } from '../../common/api/constants';
@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
 import { EntryId, MaybeString } from 'ontime-types';
+import { useCallback } from 'react';

 import { useCollapsedGroups } from './useCollapsedGroups';
 import { useEventSelection } from './useEventSelection';