fix: improve checkbox selection logic to handle null or undefined values

AbhishekA1509 · AbhishekA1509 · commit 3a71c9923b77 · 2024-12-26T17:07:13.000+05:30
diff --git a/src/Common/RJSF/widgets/Checkbox.tsx b/src/Common/RJSF/widgets/Checkbox.tsx
@@ -16,6 +16,7 @@
 
 import React, { ChangeEvent } from 'react'
 import { WidgetProps } from '@rjsf/utils'
+import { isNullOrUndefined } from '@Shared/Helpers'
 import Toggle from '../../Toggle/Toggle'
 
 export const Checkbox = ({
@@ -38,7 +39,7 @@ export const Checkbox = ({
         }
     }
 
-    const isSelected: boolean = typeof value === 'undefined' ? false : value
+    const isSelected: boolean = isNullOrUndefined(value) ? false : value
 
     return (
         <div>

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@`
`16`	`16`
`17`	`17`	`import React, { ChangeEvent } from 'react'`
`18`	`18`	`import { WidgetProps } from '@rjsf/utils'`
	`19`	`+import { isNullOrUndefined } from '@Shared/Helpers'`
`19`	`20`	`import Toggle from '../../Toggle/Toggle'`
`20`	`21`
`21`	`22`	`export const Checkbox = ({`
`@@ -38,7 +39,7 @@ export const Checkbox = ({`
`38`	`39`	`}`
`39`	`40`	`}`
`40`	`41`
`41`		`- const isSelected: boolean = typeof value === 'undefined' ? false : value`
	`42`	`+ const isSelected: boolean = isNullOrUndefined(value) ? false : value`
`42`	`43`
`43`	`44`	`return (`
`44`	`45`	`<div>`