Allow booleans.

Author: jameswilddev

react-native/components/createCreatableSelectComponent/createCreatableSelectChildrenComponent/index.tsx

@@ -11,7 +11,7 @@ import type { ControlStyle } from '../../../types/ControlStyle'
 import { createInputComponent } from '../../createInputComponent'
 import { Hitbox } from '../../Hitbox'
 
-type Instance<T extends null | number | string> = React.FunctionComponent<{
+type Instance<T extends null | boolean | number | string> = React.FunctionComponent<{
   readonly options: ReadonlyArray<{
     readonly value: T
     readonly label: string
@@ -39,7 +39,7 @@ const globalStyles = StyleSheet.create({
 })
 
 export const createCreatableSelectChildrenComponent = <
-  T extends null | number | string
+  T extends null | boolean | number | string
 >(
     controlStyle: ControlStyle
   ): Instance<T> & { readonly creatableSelectChildren: Introspection } => {

react-native/components/createCreatableSelectComponent/index.tsx

@@ -15,7 +15,7 @@ import type { CreatableSelectProps } from '../../types/CreatableSelectProps'
  * @returns            The created React component.
  */
 export function createCreatableSelectComponent<
-  T extends null | number | string
+  T extends null | boolean | number | string
 > (
   controlStyle: ControlStyle,
   rightIcon: null | SvgIcon

react-native/components/createSearchableMultiSelectComponent/createSearchableMultiSelectChildrenComponent/index.tsx

@@ -11,7 +11,7 @@ import type { ControlStyle } from '../../../types/ControlStyle'
 import { createInputComponent } from '../../createInputComponent'
 import { Hitbox } from '../../Hitbox'
 
-type Instance<T extends null | number | string> = React.FunctionComponent<{
+type Instance<T extends null | boolean | number | string> = React.FunctionComponent<{
   readonly options: ReadonlyArray<{
     readonly value: T
     readonly label: string
@@ -40,7 +40,7 @@ const globalStyles = StyleSheet.create({
 })
 
 export const createSearchableMultiSelectChildrenComponent = <
-  T extends null | number | string
+  T extends null | boolean | number | string
 >(
     controlStyle: ControlStyle
   ): Instance<T> & { readonly searchableMultiSelectChildren: Introspection } => {

react-native/components/createSearchableMultiSelectComponent/index.tsx

@@ -15,7 +15,7 @@ import type { SearchableMultiSelectProps } from '../../types/SearchableMultiSele
  * @returns            The created React component.
  */
 export function createSearchableMultiSelectComponent<
-  T extends null | number | string
+  T extends null | boolean | number | string
 > (
   controlStyle: ControlStyle,
   rightIcon: null | SvgIcon

react-native/components/createSearchableSelectComponent/createSearchableSelectChildrenComponent/index.tsx

@@ -11,7 +11,7 @@ import type { ControlStyle } from '../../../types/ControlStyle'
 import { createInputComponent } from '../../createInputComponent'
 import { Hitbox } from '../../Hitbox'
 
-type Instance<T extends null | number | string> = React.FunctionComponent<{
+type Instance<T extends null | boolean | number | string> = React.FunctionComponent<{
   readonly options: ReadonlyArray<{
     readonly value: T
     readonly label: string
@@ -37,7 +37,7 @@ const globalStyles = StyleSheet.create({
 })
 
 export const createSearchableSelectChildrenComponent = <
-  T extends null | number | string
+  T extends null | boolean | number | string
 >(
     controlStyle: ControlStyle
   ): Instance<T> & { readonly searchableSelectChildren: Introspection } => {

react-native/components/createSearchableSelectComponent/index.tsx

@@ -15,7 +15,7 @@ import type { SearchableSelectProps } from '../../types/SearchableSelectProps'
  * @returns            The created React component.
  */
 export function createSearchableSelectComponent<
-  T extends null | number | string
+  T extends null | boolean | number | string
 > (
   controlStyle: ControlStyle,
   rightIcon: null | SvgIcon

react-native/components/createSplitButtonComponent/index.tsx

@@ -157,7 +157,7 @@ const createButtonTextStyleInstance = (
   }
 }
 
-type Instance<TValue extends null | number | string> = React.FunctionComponent<
+type Instance<TValue extends null | boolean | number | string> = React.FunctionComponent<
 React.PropsWithChildren<{
   /**
      * The currently selected value.
@@ -193,7 +193,7 @@ React.PropsWithChildren<{
 })>
 >
 
-type SegmentInstance<TValue extends null | number | string> =
+type SegmentInstance<TValue extends null | boolean | number | string> =
   React.FunctionComponent<{
     /**
      * The value of the segment.
@@ -223,7 +223,7 @@ type SegmentInstance<TValue extends null | number | string> =
  */
 export const createSplitButtonComponent = <
   TType extends string,
-  TValue extends null | number | string
+  TValue extends null | boolean | number | string
 >(
     splitButtonStyle: SplitButtonStyle<TType>
   ): Instance<TValue> & {

react-native/types/CreatableSelectProps/index.tsx

@@ -2,7 +2,7 @@
  * Props to be given to creatable select components.
  * @template T The value of a listed option.
  */
-export interface CreatableSelectProps<T extends null | number | string> {
+export interface CreatableSelectProps<T extends null | boolean | number | string> {
   /**
    * When true, it will not be possible to select an option.  It will otherwise
    * be possible to do so.

react-native/types/CustomTextTableColumn/index.tsx

@@ -9,7 +9,7 @@
  */
 export interface CustomTextTableColumn<
   TKey extends string,
-  TRow extends { readonly [TKeyItem in TKey]: null | number | string },
+  TRow extends { readonly [TKeyItem in TKey]: null | boolean | number | string },
   TContext
 > {
   /**

react-native/types/KeyableTableCell/index.tsx

@@ -1,4 +1,4 @@
 /**
  * A value within a table which can be used to key a row.
  */
-export type KeyableTableCell = null | number | string
+export type KeyableTableCell = null | boolean | number | string