Renamed nullable utils into isDefined and isUndefinedOrNull (#4402)

* Renamed nullable utils into isDefined and isUndefinedOrNull

packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx

@@ -9,7 +9,7 @@ import {
   IconX,
 } from '@/ui/display/icon';
 import { Button } from '@/ui/input/button/components/Button';
-import { isNonNullable } from '~/utils/isNonNullable';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledContainer = styled.div`
   display: flex;
@@ -133,10 +133,7 @@ export const ImageInput = ({
             ref={hiddenFileInput}
             accept="image/jpeg, image/png, image/gif" // to desired specification
             onChange={(event) => {
-              if (
-                isNonNullable(onUpload) &&
-                isNonNullable(event.target.files)
-              ) {
+              if (isDefined(onUpload) && isDefined(event.target.files)) {
                 onUpload(event.target.files[0]);
               }
             }}

packages/twenty-front/src/modules/ui/input/components/Toggle.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 import { motion } from 'framer-motion';
 
-import { isNonNullable } from '~/utils/isNonNullable';
+import { isDefined } from '~/utils/isDefined';
 
 export type ToggleSize = 'small' | 'medium';
 
@@ -58,7 +58,7 @@ export const Toggle = ({
   const handleChange = () => {
     setIsOn(!isOn);
 
-    if (isNonNullable(onChange)) {
+    if (isDefined(onChange)) {
       onChange(!isOn);
     }
   };

packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx

@@ -6,7 +6,7 @@ import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode';
 import { IconChevronDown } from '@/ui/display/icon';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
 import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
-import { isNonNullable } from '~/utils/isNonNullable';
+import { isDefined } from '~/utils/isDefined';
 
 import { CurrencyPickerHotkeyScope } from '../types/CurrencyPickerHotkeyScope';
 
@@ -77,7 +77,7 @@ export const CurrencyPickerDropdownButton = ({
 
   useEffect(() => {
     const currency = currencies.find(({ value }) => value === valueCode);
-    if (isNonNullable(currency)) {
+    if (isDefined(currency)) {
       setSelectedCurrency(currency);
     }
   }, [valueCode, currencies]);

packages/twenty-front/src/modules/ui/input/components/internal/phone/components/CountryPickerDropdownButton.tsx

@@ -9,7 +9,7 @@ import { CountryCallingCode } from 'libphonenumber-js';
 import { IconChevronDown, IconWorld } from '@/ui/display/icon';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
 import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
-import { isNonNullable } from '~/utils/isNonNullable';
+import { isDefined } from '~/utils/isDefined';
 
 import { CountryPickerHotkeyScope } from '../types/CountryPickerHotkeyScope';
 
@@ -113,7 +113,7 @@ export const CountryPickerDropdownButton = ({
 
   useEffect(() => {
     const country = countries.find(({ countryCode }) => countryCode === value);
-    if (isNonNullable(country)) {
+    if (isDefined(country)) {
       setSelectedCountry(country);
     }
   }, [countries, value]);