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-20 06:29:07 +00:00 · 2026-03-08 16:22:12 +01:00
parent 9516ac21bb
commit 1849b4d39f
501 changed files with 2678 additions and 4654 deletions
@@ -8,9 +8,9 @@
  display: grid;
  grid-template-rows: 3.5rem auto auto 1fr;
  grid-template-areas:
-          'overview'
-          'progress'
-          'settings'
-          'table';
+    'overview'
+    'progress'
+    'settings'
+    'table';
  color: $ui-white;
 }
@@ -1,5 +1,5 @@
-import { IoApps } from 'react-icons/io5';
 import { useDisclosure } from '@mantine/hooks';
+import { IoApps } from 'react-icons/io5';

 import IconButton from '../../common/components/buttons/IconButton';
 import NavigationMenu from '../../common/components/navigation-menu/NavigationMenu';
@@ -8,7 +8,6 @@ import { useEntryActions } from '../../common/hooks/useEntryAction';
 import { useWindowTitle } from '../../common/hooks/useWindowTitle';
 import { getIsNavigationLocked } from '../../externals';
 import CuesheetOverview from '../../features/overview/CuesheetOverview';
-
 import EntryEditModal from './cuesheet-edit-modal/EntryEditModal';
 import CuesheetProgress from './cuesheet-progress/CuesheetProgress';
 import CuesheetTableWrapper from './CuesheetTableWrapper';
@@ -3,7 +3,6 @@ import { memo, use, useMemo } from 'react';
 import EmptyPage from '../../common/components/state/EmptyPage';
 import { PresetContext } from '../../common/context/PresetContext';
 import useCustomFields from '../../common/hooks-query/useCustomFields';
-
 import CuesheetDnd from './cuesheet-dnd/CuesheetDnd';
 import { makeCuesheetColumns } from './cuesheet-table/cuesheet-table-elements/cuesheetColsFactory';
 import CuesheetTable from './cuesheet-table/CuesheetTable';
@@ -1,5 +1,4 @@
 import ProtectRoute from '../../common/components/protect-route/ProtectRoute';
-
 import CuesheetPage from './CuesheetPage';

 export default function ProtectedCuesheet() {
@@ -1,14 +1,14 @@
-import { PropsWithChildren } from 'react';
 import {
-  closestCorners,
  DndContext,
  DragEndEvent,
  PointerSensor,
  TouchSensor,
+  closestCorners,
  useSensor,
  useSensors,
 } from '@dnd-kit/core';
 import { ColumnDef } from '@tanstack/react-table';
+import { PropsWithChildren } from 'react';

 import type { ExtendedEntry } from '../../../common/utils/rundownMetadata';
 import { useColumnOrder } from '../cuesheet-table/useColumnManager';
@@ -2,7 +2,6 @@ import { memo } from 'react';

 import Modal from '../../../common/components/modal/Modal';
 import CuesheetEntryEditor from '../../../features/rundown/entry-editor/CuesheetEventEditor';
-
 import { useEditModal } from './useEditModal';

 export default memo(EntryEditModal);
@@ -1,6 +1,6 @@
 import MultiPartProgressBar from '../../../common/components/multi-part-progress-bar/MultiPartProgressBar';
-import { useProgressData } from '../../../common/hooks/useSocket';
 import useViewSettings from '../../../common/hooks-query/useViewSettings';
+import { useProgressData } from '../../../common/hooks/useSocket';

 import styles from './CuesheetProgress.module.scss';

@@ -1,3 +1,6 @@
+import { useTableNav } from '@table-nav/react';
+import { ColumnDef, Table, getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import { OntimeEntry, TimeField, isOntimeDelay, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
 import { ComponentProps, memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import {
  ContextProp,
@@ -7,22 +10,18 @@ import {
  TableVirtuoso,
  TableVirtuosoHandle,
 } from 'react-virtuoso';
-import { useTableNav } from '@table-nav/react';
-import { ColumnDef, getCoreRowModel, Table, useReactTable } from '@tanstack/react-table';
-import { isOntimeDelay, isOntimeGroup, isOntimeMilestone, OntimeEntry, TimeField } from 'ontime-types';

 import EmptyPage from '../../../common/components/state/EmptyPage';
 import EmptyTableBody from '../../../common/components/state/EmptyTableBody';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
-import { useSelectedEventId } from '../../../common/hooks/useSocket';
 import { useFlatRundownWithMetadata } from '../../../common/hooks-query/useRundown';
+import { useSelectedEventId } from '../../../common/hooks/useSocket';
 import type { ExtendedEntry } from '../../../common/utils/rundownMetadata';
-import { usePersistedRundownOptions } from '../../../features/rundown/rundown.options';
 import EditorTableSettings from '../../../features/rundown/rundown-table/EditorTableSettings';
+import { usePersistedRundownOptions } from '../../../features/rundown/rundown.options';
 import { useEventSelection } from '../../../features/rundown/useEventSelection';
 import { AppMode } from '../../../ontimeConfig';
 import { usePersistedCuesheetOptions } from '../cuesheet.options';
-
 import { CuesheetHeader, SortableCuesheetHeader } from './cuesheet-table-elements/CuesheetHeader';
 import DelayRow from './cuesheet-table-elements/DelayRow';
 import EventRow from './cuesheet-table-elements/EventRow';
@@ -252,7 +251,6 @@ export default function CuesheetTable({ columns, cuesheetMode, tableRoot, setCue
  );
 }

-
 interface CuesheetVirtuosoContext {
  columnSizeVars: { [key: string]: number };
  cursor: string | null;
@@ -1,12 +1,11 @@
+import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
+import { HeaderGroup, flexRender } from '@tanstack/react-table';
 import { CSSProperties } from 'react';
-import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';
-import { flexRender, HeaderGroup } from '@tanstack/react-table';

 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';
 import { getAccessibleColour } from '../../../../common/utils/styleUtils';
 import { AppMode } from '../../../../ontimeConfig';
 import { usePersistedCuesheetOptions } from '../../cuesheet.options';
-
 import { Draggable, SortableCell, TableCell } from './SortableCell';

 import style from '../CuesheetTable.module.scss';
@@ -1,5 +1,5 @@
-import { memo, PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { PropsWithChildren, memo, useCallback, useEffect, useRef, useState } from 'react';

 import SingleLineCell from './SingleLineCell';
 import TextLikeInput from './TextLikeInput';
@@ -1,8 +1,8 @@
-import { CSSProperties, useMemo } from 'react';
-import { IoEllipsisHorizontal } from 'react-icons/io5';
-import { flexRender, Table } from '@tanstack/react-table';
+import { Table, flexRender } from '@tanstack/react-table';
 import { EntryId, OntimeEntry, RGBColour, SupportedEntry } from 'ontime-types';
 import { colourToHex, cssOrHexToColour } from 'ontime-utils';
+import { CSSProperties, useMemo } from 'react';
+import { IoEllipsisHorizontal } from 'react-icons/io5';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';
@@ -1,7 +1,7 @@
+import { Table, flexRender } from '@tanstack/react-table';
+import { EntryId, SupportedEntry } from 'ontime-types';
 import { CSSProperties } from 'react';
 import { IoEllipsisHorizontal } from 'react-icons/io5';
-import { flexRender, Table } from '@tanstack/react-table';
-import { EntryId, SupportedEntry } from 'ontime-types';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';
@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
-import { IoEllipsisHorizontal } from 'react-icons/io5';
-import { flexRender, Table } from '@tanstack/react-table';
+import { Table, flexRender } from '@tanstack/react-table';
 import { EntryId, SupportedEntry } from 'ontime-types';
 import { colourToHex, cssOrHexToColour } from 'ontime-utils';
+import { CSSProperties } from 'react';
+import { IoEllipsisHorizontal } from 'react-icons/io5';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';
@@ -1,7 +1,7 @@
-import { CSSProperties, ReactNode } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { Header } from '@tanstack/react-table';
+import { CSSProperties, ReactNode } from 'react';

 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';

@@ -1,4 +1,4 @@
-import { forwardRef, HTMLAttributes, memo, PropsWithChildren, useImperativeHandle, useRef } from 'react';
+import { HTMLAttributes, PropsWithChildren, forwardRef, memo, useImperativeHandle, useRef } from 'react';

 import { cx } from '../../../../common/utils/styleUtils';

@@ -1,8 +1,7 @@
-import { memo, PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';
 import { parseUserTime } from 'ontime-utils';
+import { PropsWithChildren, memo, useCallback, useEffect, useRef, useState } from 'react';

 import { formatTime } from '../../../../common/utils/time';
-
 import SingleLineCell from './SingleLineCell';
 import TextLikeInput from './TextLikeInput';

@@ -1,14 +1,13 @@
-import { useCallback } from 'react';
 import { CellContext, ColumnDef } from '@tanstack/react-table';
-import { CustomFields, isOntimeDelay, isOntimeEvent, TimeStrategy, URLPreset } from 'ontime-types';
+import { CustomFields, TimeStrategy, URLPreset, isOntimeDelay, isOntimeEvent } from 'ontime-types';
 import { millisToString } from 'ontime-utils';
+import { useCallback } from 'react';

 import DelayIndicator from '../../../../common/components/delay-indicator/DelayIndicator';
 import type { ExtendedEntry } from '../../../../common/utils/rundownMetadata';
 import { formatDuration, formatTime } from '../../../../common/utils/time';
 import { AppMode } from '../../../../ontimeConfig';
 import { getCuesheetColumnAccessPolicy } from '../../cuesheet.policies';
-
 import DurationInput from './DurationInput';
 import EditableImage from './EditableImage';
 import FlagCell from './FlagCell';
@@ -1,12 +1,11 @@
+import { SupportedEntry } from 'ontime-types';
 import { memo } from 'react';
 import { IoAdd, IoArrowDown, IoArrowUp, IoDuplicateOutline, IoOptions, IoTrash } from 'react-icons/io5';
-import { SupportedEntry } from 'ontime-types';

 import { PositionedDropdownMenu } from '../../../../common/components/dropdown-menu/DropdownMenu';
 import { useEntryActionsContext } from '../../../../common/context/EntryActionsContext';
 import { useEditModal } from '../../cuesheet-edit-modal/useEditModal';
 import { useCuesheetPermissions } from '../../useTablePermissions';
-
 import { useCuesheetTableMenu } from './useCuesheetTableMenu';

 export default memo(TableMenu);
@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
-import { IoBookOutline, IoChevronDown, IoOptions } from 'react-icons/io5';
 import { Popover } from '@base-ui/react/popover';
 import { Toggle } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 import { Toolbar } from '@base-ui/react/toolbar';
 import type { Column } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { IoBookOutline, IoChevronDown, IoOptions } from 'react-icons/io5';

 import Button from '../../../../common/components/buttons/Button';
 import Checkbox from '../../../../common/components/checkbox/Checkbox';
@@ -15,7 +15,6 @@ import { cx } from '../../../../common/utils/styleUtils';
 import { AppMode } from '../../../../ontimeConfig';
 import { CuesheetOptions, usePersistedCuesheetOptions } from '../../cuesheet.options';
 import { useCuesheetPermissions } from '../../useTablePermissions';
-
 import CuesheetShareModal from './CuesheetShareModal';

 import style from './CuesheetTableSettings.module.scss';
@@ -1,6 +1,6 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useLocalStorage } from '@mantine/hooks';
 import { ColumnDef, ColumnSizingState, Updater } from '@tanstack/react-table';
+import { useCallback, useEffect, useMemo, useState } from 'react';

 import { debounce } from '../../../common/utils/debounce';
 import { makeStageKey } from '../../../common/utils/localStorage';
@@ -1,7 +1,6 @@
 import { URLPreset } from 'ontime-types';

 import { AppMode } from '../../ontimeConfig';
-
 import type { CuesheetPermissions } from './useTablePermissions';

 function getPermissionKeys(permission: string | undefined): Set<string> {
@@ -1,10 +1,9 @@
-import { useCallback, useEffect, useMemo } from 'react';
 import { useSessionStorage } from '@mantine/hooks';
 import { URLPreset } from 'ontime-types';
+import { useCallback, useEffect, useMemo } from 'react';

 import { sessionScope } from '../../externals';
 import { AppMode, sessionKeys } from '../../ontimeConfig';
-
 import { getCuesheetPermissionsPolicy } from './cuesheet.policies';
 import { useCuesheetPermissions } from './useTablePermissions';