rn-inputforge 0.1.2 → 0.3.0

package/src/icons/Icon.tsx

@@ -14,6 +14,7 @@ export type FieldFlowIconName =
   | 'paperclip'
   | 'mic'
   | 'mapPin'
+  | 'chevronDown'
   | 'spinner';
 
 export interface FieldFlowIconProps {
@@ -296,6 +297,31 @@ export function FieldFlowIcon({ name, size = 18, color = '#6B7280', style }: Fie
           </View>
         </View>
       );
+    case 'chevronDown':
+      return (
+        <View style={[box, style]}>
+          <View
+            style={{
+              width: size * 0.55,
+              height: stroke,
+              backgroundColor: color,
+              borderRadius: stroke,
+              transform: [{ rotate: '45deg' }, { translateX: -size * 0.13 }, { translateY: -size * 0.02 }],
+              position: 'absolute',
+            }}
+          />
+          <View
+            style={{
+              width: size * 0.55,
+              height: stroke,
+              backgroundColor: color,
+              borderRadius: stroke,
+              transform: [{ rotate: '-45deg' }, { translateX: size * 0.13 }, { translateY: -size * 0.02 }],
+              position: 'absolute',
+            }}
+          />
+        </View>
+      );
     default:
       return <View style={[box, style]} />;
   }

package/src/index.ts

@@ -11,6 +11,14 @@ export type { ChatInputProps, ChatAttachmentAction, CustomChatAction } from './c
 export { KeyboardAwareFormWrapper } from './components/KeyboardAwareFormWrapper';
 export type { KeyboardAwareFormWrapperProps } from './components/KeyboardAwareFormWrapper';
 
+export { FieldFlowDropdown } from './components/FieldFlowDropdown';
+export type {
+  FieldFlowDropdownProps,
+  FieldFlowDropdownSingleProps,
+  FieldFlowDropdownMultiProps,
+  FieldFlowDropdownPresentation,
+} from './components/FieldFlowDropdown';
+
 // Theming
 export { FieldFlowThemeProvider, useFieldFlowTheme, defaultTheme, darkTheme } from './theme';
 export type { FieldFlowThemeProviderProps } from './theme';
@@ -52,6 +60,7 @@ export type {
   FieldFlowFieldType,
   FieldFlowState,
   FieldFlowRules,
+  FieldFlowOption,
   ValidationResult,
   Validator,
   FieldFlowColors,

package/src/types/index.ts

@@ -1,6 +1,14 @@
 import type { KeyboardTypeOptions, TextInputProps, TextStyle } from 'react-native';
 
 /** Every field "flavor" the core input understands out of the box. */
+export interface FieldFlowOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+  /** Optional secondary line of text shown under the label in the option list. */
+  description?: string;
+}
+
 export type FieldFlowFieldType =
   | 'text'
   | 'email'