@hero-design/rn-work-uikit 1.4.0 → 1.5.0

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -24,8 +24,8 @@ exports[`TextInput when user applies custom styling should respect user-provided
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -380,8 +380,8 @@ exports[`TextInput when user chooses textarea variant should provide multiline t
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -659,8 +659,8 @@ exports[`TextInput when user encounters a disabled field should display content
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -937,8 +937,8 @@ exports[`TextInput when user encounters a read-only field should display content
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -1299,8 +1299,8 @@ exports[`TextInput when user has entered text should show the input content and
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -1661,8 +1661,8 @@ exports[`TextInput when user interacts with placeholder text starting from empty
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -1980,8 +1980,8 @@ exports[`TextInput when user needs programmatic control should provide ref metho
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -2258,8 +2258,8 @@ exports[`TextInput when user provides default values starting with pre-filled co
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -2613,8 +2613,8 @@ exports[`TextInput when user provides default values when both default and contr
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -2969,8 +2969,8 @@ exports[`TextInput when user sees a loading state should show loading indicator
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -3350,8 +3350,8 @@ exports[`TextInput when user sees a required field should indicate the field is
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -3682,8 +3682,8 @@ exports[`TextInput when user sees a textarea with character count should display
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -4081,8 +4081,8 @@ exports[`TextInput when user sees a textarea with character count should hide ch
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -4447,8 +4447,8 @@ exports[`TextInput when user sees an empty input field should display label and
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -4808,8 +4808,8 @@ exports[`TextInput when user sees an error state should display error message to
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={true}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -5185,8 +5185,8 @@ exports[`TextInput when user sees helper text should display guidance text to as
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -5504,8 +5504,8 @@ exports[`TextInput when user sees input with custom prefix and suffix elements s
     ]
   }
   themeFocused={false}
+  themeGroupStyleEnabled={false}
   themeHasError={false}
-  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"

package/src/components/TextInput/index.tsx

@@ -162,7 +162,7 @@ export const InternalTextInput = forwardRef<
       allowFontScaling = false,
       variant = 'text',
       accessibilityLabel,
-      enableGroupStyle = false,
+      groupStyleEnabled = false,
       ...nativeProps
     }: InternalTextInputProps,
     ref?: React.Ref<TextInputHandles>
@@ -292,7 +292,7 @@ export const InternalTextInput = forwardRef<
         }}
         themeFocused={isFocused}
         themeHasError={!!error}
-        themeUseGroupStyleEnabled={enableGroupStyle}
+        themeGroupStyleEnabled={groupStyleEnabled}
         testID={testID}
       >
         {/*

package/src/components/TextInput/types.ts

@@ -123,5 +123,5 @@ export interface InternalTextInputProps extends TextInputProps {
   /**
    * Whether to use the group style.
    */
-  enableGroupStyle?: boolean;
+  groupStyleEnabled?: boolean;
 }

package/src/index.ts

@@ -3,6 +3,7 @@ import TextInput from './components/TextInput';
 import Select from './components/Select';
 import DatePicker from './components/DatePicker';
 import TimePicker from './components/TimePicker';
+import FormGroup from './components/FormGroup';
 import RichTextEditor from './components/RichTextEditor';
 
 export * from '@hero-design/rn';
@@ -18,4 +19,4 @@ export {
 } from './theme';
 
 export { default as theme } from './theme';
-export { TextInput, Select, DatePicker, TimePicker, RichTextEditor };
+export { TextInput, Select, DatePicker, TimePicker, FormGroup, RichTextEditor };

package/src/utils/hooks.ts

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+
+export const useDeprecation = (message: string, cond = true) => {
+  useEffect(() => {
+    // eslint-disable-next-line no-console
+    if (cond) {
+      console.warn(message);
+    }
+  }, [message, cond]);
+};