fix lint

Author: Tucchhaa

apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts

@@ -80,8 +80,8 @@ export class AppComponent {
     };
   }
 
-  getMovieById = (id: number | undefined): MovieData | undefined => id
-    ? query(this.moviesData).filter(['id', '=', id]).toArray()[0]
+  getMovieById = (id: number | undefined): MovieData | null => id
+    ? query(this.moviesData).filter(['id', '=', id]).toArray()[0] ?? null
     : null;
 
   getEditorStylingMode = (): 'filled' | 'outlined' => {
@@ -139,7 +139,7 @@ export class AppComponent {
   };
 
   onMovieValueChanged = (e: DxSelectBoxTypes.ValueChangedEvent): void => {
-    const form = this.formInstance!;
+    const form = this.formInstance;
     const movie = this.getMovieById(e.value);
     this.currentSelectedMovie = movie;
 

apps/demos/Demos/Scheduler/Templates/React/App.tsx

@@ -25,7 +25,7 @@ const views: SchedulerTypes.ViewType[] = ['day', 'week', 'timelineDay'];
 const groups = ['theatreId'];
 
 const getMovieById = (id: number | undefined): MovieResource | null => id
-  ? query(moviesData).filter(['id', '=', id]).toArray()[0]
+  ? query(moviesData).filter(['id', '=', id]).toArray()[0] ?? null
   : null;
 
 const getEditorStylingMode = (): 'filled' | 'outlined' => {
@@ -56,7 +56,7 @@ const App = () => {
   }), [onPopupOptionChanged]);
 
   const updateEndDate = useCallback((movie: MovieResource): void => {
-    const form = formInstanceRef.current!;
+    const form = formInstanceRef.current;
     const formData = form.option('formData');
     const { startDate } = formData;
 
@@ -67,7 +67,7 @@ const App = () => {
   }, []);
 
   const onFormInitialized = useCallback((e: FormTypes.InitializedEvent) => {
-    const form = e.component!;
+    const form = e.component;
     formInstanceRef.current = form;
 
     form.on('fieldDataChanged', (fieldEvent: FormTypes.FieldDataChangedEvent) => {
@@ -83,7 +83,7 @@ const App = () => {
   }, [updateEndDate]);
 
   const onMovieValueChanged = useCallback((e: SelectBoxTypes.ValueChangedEvent) => {
-    const form = formInstanceRef.current!;
+    const form = formInstanceRef.current;
     const movie = getMovieById(e.value);
 
     if (movie) {

apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx

@@ -10,14 +10,14 @@ type MovieInfoContainerProps = {
 };
 
 const getMovieById = (id: number | undefined): MovieResource | null => id
-  ? query(moviesData).filter(['id', '=', id]).toArray()[0]
+  ? query(moviesData).filter(['id', '=', id]).toArray()[0] ?? null
   : null;
 
 const MovieInfoContainer: React.FC<MovieInfoContainerProps> = ({ formInstanceRef }) => {
   const [movie, setMovie] = useState<MovieResource | null>(null);
 
   useEffect(() => {
-    const form = formInstanceRef.current!;
+    const form = formInstanceRef.current;
     const formData = form.option('formData');
 
     const currentMovie = getMovieById(formData.movieId);

apps/demos/Demos/Scheduler/Templates/ReactJs/App.js

@@ -15,7 +15,8 @@ import { data, moviesData, theatreData } from './data.js';
 const currentDate = new Date(2025, 3, 27);
 const views = ['day', 'week', 'timelineDay'];
 const groups = ['theatreId'];
-const getMovieById = (id) => (id ? query(moviesData).filter(['id', '=', id]).toArray()[0] : null);
+const getMovieById = (id) =>
+  id ? query(moviesData).filter(['id', '=', id]).toArray()[0] ?? null : null;
 const getEditorStylingMode = () => {
   const isMaterialOrFluent = document.querySelector('.dx-theme-fluent, .dx-theme-material');
   return isMaterialOrFluent ? 'filled' : 'outlined';

apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js

@@ -2,7 +2,8 @@ import React, { useState, useEffect } from 'react';
 import { query } from 'devextreme-react/common/data';
 import { moviesData } from './data.js';
 
-const getMovieById = (id) => (id ? query(moviesData).filter(['id', '=', id]).toArray()[0] : null);
+const getMovieById = (id) =>
+  id ? query(moviesData).filter(['id', '=', id]).toArray()[0] ?? null : null;
 const MovieInfoContainer = ({ formInstanceRef }) => {
   const [movie, setMovie] = useState(null);
   useEffect(() => {

apps/demos/Demos/Scheduler/Templates/Vue/App.vue

@@ -119,17 +119,16 @@ const scheduler = ref<DxScheduler['instance']>();
 const currentDate = new Date(2025, 3, 27);
 const dataSource = data;
 
-const currentMovie = ref<MovieResource | null | undefined>(null);
+const currentMovie = ref<MovieResource | null>(null);
 const formInstance = ref<dxForm | null>(null);
 
 const onContentReady = (e: DxSchedulerTypes.ContentReadyEvent) => {
   scheduler.value = e.component;
 };
 
-const getMovieById = (resourceId: number): MovieResource | undefined =>
-  query(moviesData)
-    .filter(['id', '=', resourceId])
-    .toArray()[0];
+const getMovieById = (id: number | undefined): MovieResource | null => id
+  ? query(moviesData).filter(['id', '=', id]).toArray()[0] ?? null
+  : null;
 
 const getEditorStylingMode = (): 'filled' | 'outlined' => {
   const isMaterialOrFluent = document.querySelector('.dx-theme-fluent, .dx-theme-material');