fix(types): add comments for ignoring ts errors, and fix a ts error w…

…ith Type assertion
adaptui · Mar 26, 2024 · a931de3 · a931de3
1 parent 452cf1c
commit a931de3
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 2 deletions.
diff --git a/src/components/checkbox/Checkbox.tsx b/src/components/checkbox/Checkbox.tsx
@@ -264,6 +264,12 @@ const RNCheckbox: React.FC<Partial<CheckboxProps>> = forwardRef<
               ),
             ),
             // - Web only - Checkbox toggle on Spacebar Press
+            /**
+             * * The TypeScript error arises due to an inconsistency between the expected ViewStyle type
+             * * and the specific styling provided for the web platform,
+             * * which includes outline and boxShadow properties not defined in the ViewStyle type.
+             */
+            // @ts-ignore
             isFocussed && !hasOnlyLabel
               ? Platform.select({
                   web: {

diff --git a/src/components/radio/Radio.tsx b/src/components/radio/Radio.tsx
@@ -173,6 +173,12 @@ const RNRadio: React.FC<Partial<RadioProps>> = forwardRef<
                   : "",
               ),
             ),
+            /**
+             * * The TypeScript error arises due to an inconsistency between the expected ViewStyle type
+             * * and the specific styling provided for the web platform,
+             * * which includes outline and boxShadow properties not defined in the ViewStyle type.
+             */
+            // @ts-ignore
             isFocussed && !hasOnlyLabel
               ? Platform.select({
                   web: {

diff --git a/src/components/select/SelectOption.tsx b/src/components/select/SelectOption.tsx
@@ -135,6 +135,12 @@ const RNSelectOption: React.FC<SelectOptionProps> = forwardRef<
                   : "",
               ),
             ),
+            /**
+             * * The TypeScript error arises due to an inconsistency between the expected ViewStyle type
+             * * and the specific styling provided for the web platform,
+             * * which includes outline and boxShadow properties not defined in the ViewStyle type.
+             */
+            // @ts-ignore
             isFocussed && !hasOnlyLabel
               ? Platform.select({
                   web: {

diff --git a/src/components/text-area/TextArea.tsx b/src/components/text-area/TextArea.tsx
@@ -1,5 +1,5 @@
 import React, { forwardRef, useMemo, useRef, useState } from "react";
-import { Platform, TextInputProps } from "react-native";
+import { Platform, TextInputProps, TextStyleAndroid } from "react-native";
 
 import { Box, BoxProps, RNTextInput, TouchableProps } from "../../primitives";
 import { getTextFontFamily, useTailwind, useTheme } from "../../theme";
@@ -236,6 +236,12 @@ const RNTextArea: React.FC<Partial<TextAreaProps>> = forwardRef<
             ),
           ),
           getTextFontFamily(textAreaTheme.size[size]?.base?.default),
+          /**
+           * * The TypeScript error arises due to an inconsistency between the expected ViewStyle type
+           * * and the specific styling provided for the web platform,
+           * * which includes outline and boxShadow properties not defined in the ViewStyle type.
+           */
+          // @ts-ignore
           isFocussedWeb.value
             ? Platform.select({
                 web: {
@@ -251,7 +257,9 @@ const RNTextArea: React.FC<Partial<TextAreaProps>> = forwardRef<
                 },
               })
             : {},
-          Platform.OS === "android" ? textAreaTheme.android : {},
+          Platform.OS === "android"
+            ? (textAreaTheme.android as TextStyleAndroid)
+            : {},
           styleAdapter(textInputStyle),
         ]}
         multiline={true}