SegmentedControl - Added preset prop to api.json and export to SegmntedControlPresets

src/components/segmentedControl/index.tsx

@@ -22,7 +22,7 @@ const TIMING_CONFIG = {
   easing: Easing.bezier(0.33, 1, 0.68, 1)
 };
 
-export enum Presets {
+export enum SegmentedControlPreset {
   DEFAULT = 'default',
   FORM = 'form'
 }
@@ -94,7 +94,7 @@ export type SegmentedControlProps = {
   /**
    * Preset type
    */
-  preset?: Presets | `${Presets}`;
+  preset?: SegmentedControlPreset | `${SegmentedControlPreset}`;
   /**
    * SegmentedControl label
    */
@@ -290,9 +290,9 @@ const styles = StyleSheet.create({
   }
 });
 interface StaticMembers {
-  presets: typeof Presets;
+  presets: typeof SegmentedControlPreset;
 }
 
 SegmentedControl.displayName = 'SegmentedControl';
-SegmentedControl.presets = Presets;
+SegmentedControl.presets = SegmentedControlPreset;
 export default asBaseComponent<SegmentedControlProps, StaticMembers>(SegmentedControl);

src/components/segmentedControl/segmentedControl.api.json

@@ -94,6 +94,11 @@
       "name": "labelProps",
       "type": "TextProps",
       "description": "Pass props for the SegmentedControl label"
+    },
+    {
+      "name":"preset",
+      "type": "SegmentedControlPreset",
+      "description": "Preset of the SegmentedControl [default, form]"
     }
   ],
   "snippet": [

src/components/segmentedControl/useSegmentedControlPreset.ts

@@ -1,4 +1,4 @@
-import type {SegmentedControlProps, Presets} from './';
+import type {SegmentedControlProps, SegmentedControlPreset} from './';
 import {BorderRadiuses, Colors} from '../../style/';
 import {SegmentProps} from './segment';
 import type {ColorValue} from 'react-native';
@@ -26,7 +26,7 @@ const useSegmentedControlPreset = (props: SegmentedControlProps): useSegmentedCo
   return presetProps;
 };
 
-const defaultsPresetsProps: Record<`${Presets}`, Omit<useSegmentedControlPresetProps, 'segments'>> = {
+const defaultsPresetsProps: Record<`${SegmentedControlPreset}`, Omit<useSegmentedControlPresetProps, 'segments'>> = {
   default: {
     activeColor: DEFAULT_ACTIVE_COLOR,
     borderRadius: BorderRadiuses.br100,

src/index.ts

@@ -134,7 +134,8 @@ export {default as SectionsWheelPicker, SectionsWheelPickerProps} from './compon
 export {
   default as SegmentedControl,
   SegmentedControlProps,
-  SegmentedControlItemProps
+  SegmentedControlItemProps,
+  SegmentedControlPreset
 } from './components/segmentedControl';
 // @ts-expect-error
 export {default as SharedTransition} from './components/sharedTransition';