style: fix linting rules

Author: dbtools-antcampo

templates/node-react-todo/eslint.config.mjs

@@ -39,7 +39,9 @@ export default [
       ...reactPlugin.configs.flat.recommended.rules,
       ...reactPlugin.configs.flat["jsx-runtime"].rules,
       ...reactHooksPlugin.configs.recommended.rules,
-      ...reactRefreshPlugin.configs.vite.rules
+      ...reactRefreshPlugin.configs.vite.rules,
+      // The rule recommends migrating to TS or using propTypes (deprecated in React v15.5.0 https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-proptypes-and-defaultprops)
+      "react/prop-types": "off"
     }
   },
   {

templates/node-react-todo/src/components/ToDoListFilter.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-import { toast } from 'react-toastify';
 import completed from '../images/completed.png'
 import uncompleted from '../images/uncompleted.png'
 import all from '../images/all.png'

templates/node-react-todo/src/components/ToDoListInput.jsx

@@ -4,7 +4,6 @@
 ** All rights reserved
 ** Licensed under the Universal Permissive License v 1.0 as shown at https://oss.oracle.com/licenses/upl/
 */
-import React from 'react';
 import { toast } from 'react-toastify';
 
 import { createTask, updateTask } from '../api/rest-service.js';

templates/node-react-todo/src/components/TodoList.jsx

@@ -4,12 +4,12 @@
 ** All rights reserved
 ** Licensed under the Universal Permissive License v 1.0 as shown at https://oss.oracle.com/licenses/upl/
 */
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ToastContainer, toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import './style.css';
-import { convertCharsToBooleans, convertBooleansToChars } from '../utils/utils';
-import { getTasks, createTask, updateTask, deleteTask } from '../api/rest-service';
+import { convertCharsToBooleans } from '../utils/utils';
+import { getTasks } from '../api/rest-service';
 import { TodoListInput } from './ToDoListInput';
 import { TodoListFilter } from './ToDoListFilter';
 import { TodoListItems } from './TodoListItems';

templates/node-react-todo/src/components/TodoListFooter.jsx

@@ -4,7 +4,6 @@
 ** All rights reserved
 ** Licensed under the Universal Permissive License v 1.0 as shown at https://oss.oracle.com/licenses/upl/
 */
-import React from 'react';
 import { toast } from 'react-toastify';
 
 import { updateTask, deleteTask } from '../api/rest-service';

templates/node-react-todo/src/components/TodoListItems.jsx

@@ -4,7 +4,6 @@
 ** All rights reserved
 ** Licensed under the Universal Permissive License v 1.0 as shown at https://oss.oracle.com/licenses/upl/
 */
-import React from 'react';
 import { toast } from 'react-toastify';
 
 import { updateTask, deleteTask } from '../api/rest-service';

templates/node-react-todo/src/utils/utils.js

@@ -9,7 +9,7 @@ export const convertBooleansToChars = (data) => {
         return data.map(item => {
             const convertedItem = {};
             for (const key in item) {
-                if (item.hasOwnProperty(key) && typeof item[key] === 'boolean') {
+                if (Object.prototype.hasOwnProperty.call(item, key) && typeof item[key] === 'boolean') {
                     if (typeof item[key] === 'boolean') {
                         convertedItem[key] = item[key] === true ? 'Y' : 'N';
                     } else {
@@ -22,7 +22,7 @@ export const convertBooleansToChars = (data) => {
     } else {
         const convertedItem = {};
         for (const key in data) {
-            if (data.hasOwnProperty(key)) {
+            if (Object.prototype.hasOwnProperty.call(data, key)) {
                 if (typeof data[key] === 'boolean') {
                     convertedItem[key] = data[key] === true ? 'Y' : 'N';
                 } else {
@@ -41,7 +41,7 @@ export const convertCharsToBooleans = (data) => {
         return data.map(item => {
             const convertedItem = {};
             for (const key in item) {
-                if (item.hasOwnProperty(key)) {
+                if (Object.prototype.hasOwnProperty.call(item, key)) {
                     if (item[key] === 'Y') convertedItem[key] = true;
                     else if (item[key] === 'N') convertedItem[key] = false;
                     else convertedItem[key] = item[key];
@@ -54,7 +54,7 @@ export const convertCharsToBooleans = (data) => {
     else {
         const convertedItem = {};
         for (const key in data) {
-            if (data.hasOwnProperty(key)) {
+            if (Object.prototype.hasOwnProperty.call(data, key)) {
                 if (data[key] === 'Y') convertedItem[key] = true;
                 else if (data[key] === 'N') convertedItem[key] = false;
                 else convertedItem[key] = data[key];