@codeleap/mobile 4.3.9 → 5.0.0

package/dist/components/Slider/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Slider as RNSlider } from '@miblanchard/react-native-slider';
-import { StyleSheet } from 'react-native';
 import { TypeGuards } from '@codeleap/types';
 import { onUpdate } from '@codeleap/hooks';
 import { InputBase, selectInputBaseProps } from '../InputBase';
@@ -9,6 +8,9 @@ import { View } from '../View';
 import { Touchable } from '../Touchable';
 import { MobileStyleRegistry } from '../../Registry';
 import { useStylesFor } from '../../hooks';
+import { useInputBase } from '../InputBase/useInputBase';
+import { fields } from '@codeleap/form';
+import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyles';
 export * from './styles';
 export * from './types';
 const DefaultSliderTrackMark = (props) => {
@@ -27,46 +29,18 @@ export const Slider = (props) => {
         ...Slider.defaultProps,
         ...props,
     });
-    const { debounce = null, onValueChange, value, label, description, debugName, style, disabled, trackMarks, trackMarksClickable, labelClickable, updateImmediately = false, trackMarkComponent: SliderTrackMark, ...sliderProps } = others;
-    const [_value, _setValue] = updateImmediately ? [value, onValueChange] : React.useState(value);
+    const { debounce = null, field, label, description, debugName, style, disabled, trackMarks, trackMarksClickable, labelClickable, updateImmediately = false, trackMarkComponent: SliderTrackMark, value, onValueChange, ...sliderProps } = others;
+    const { fieldHandle, wrapperRef, } = useInputBase(field, fields.number, [value, onValueChange]);
+    const [_value, _setValue] = updateImmediately ? [fieldHandle?.value, fieldHandle.setValue] : React.useState(0);
     onUpdate(() => {
         if (updateImmediately)
             return;
-        if (value !== _value) {
-            _setValue(value);
+        if (fieldHandle?.value !== _value) {
+            _setValue(fieldHandle?.value);
         }
-    }, [value]);
+    }, [fieldHandle?.value]);
     const styles = useStylesFor(Slider.styleRegistryName, style);
-    const thumbStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.thumb,
-            disabled && styles['thumb:disabled'],
-        ]);
-    }, []);
-    const trackStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.track,
-            disabled && styles['track:disabled'],
-        ]);
-    }, [disabled]);
-    const selectedTrackStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.selectedTrack,
-            disabled && styles['selectedTrack:disabled'],
-        ]);
-    }, [disabled]);
-    const unselectedTrackStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.unselectedTrack,
-            disabled && styles['unselectedTrack:disabled'],
-        ]);
-    }, [disabled]);
-    const containerStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.sliderContainer,
-            disabled && styles['sliderContainer:disabled'],
-        ]);
-    }, [disabled]);
+    const partialStyles = useInputBasePartialStyles(styles, ['thumb', 'track', 'selectedTrack', 'unselectedTrack', 'sliderContainer', 'trackMark'], { disabled });
     const trackMarksHaveContent = !(TypeGuards.isArray(trackMarks) || TypeGuards.isNil(trackMarks));
     const trackMarksProp = React.useMemo(() => {
         if (!trackMarksHaveContent) {
@@ -74,30 +48,20 @@ export const Slider = (props) => {
         }
         return Object.keys(trackMarks).map((key) => Number(key));
     }, [trackMarksHaveContent]);
-    const trackMarkStyle = React.useMemo(() => {
-        return StyleSheet.flatten([
-            styles?.trackMark,
-            disabled && styles['trackMark:disabled'],
-        ]);
-    }, [disabled]);
-    return (<InputBase {..._inputBaseProps} disabled={disabled} style={styles} labelAsRow>
+    return (<InputBase {..._inputBaseProps} ref={wrapperRef} disabled={disabled} style={styles} labelAsRow>
       {label || description ? (<View style={styles.labelRow}>
-          {label ? (<Touchable onPress={() => labelClickable ? onValueChange(sliderProps?.minimumValue || minimumValue) : null} style={styles.labelBtn} debugName='slider title'>
+          {label ? (<Touchable onPress={() => labelClickable ? fieldHandle.setValue(sliderProps?.minimumValue || minimumValue) : null} style={styles.labelBtn} debugName='slider title'>
               <Text style={styles?.label} text={label}/>
             </Touchable>) : null}
-          {description ? (<Touchable onPress={() => labelClickable ? onValueChange(sliderProps?.maximumValue || maximumValue) : null} style={styles?.descriptionBtn} debugName='slider description'>
+          {description ? (<Touchable onPress={() => labelClickable ? fieldHandle.setValue(sliderProps?.maximumValue || maximumValue) : null} style={styles?.descriptionBtn} debugName='slider description'>
               <Text style={styles?.description} text={description}/>
             </Touchable>) : null}
         </View>) : null}
 
-      <RNSlider value={_value} onValueChange={_setValue} 
-    // @ts-ignore
-    thumbStyle={thumbStyle} 
-    // @ts-ignore
-    trackStyle={trackStyle} minimumTrackStyle={selectedTrackStyle} maximumTrackStyle={unselectedTrackStyle} containerStyle={containerStyle} minimumValue={minimumValue} maximumValue={maximumValue} onSlidingComplete={() => {
+      <RNSlider value={_value} onValueChange={_setValue} thumbStyle={partialStyles?.thumb} trackStyle={partialStyles?.track} minimumTrackStyle={partialStyles?.selectedTrack} maximumTrackStyle={partialStyles?.unselectedTrack} containerStyle={partialStyles?.sliderContainer} minimumValue={minimumValue} maximumValue={maximumValue} onSlidingComplete={() => {
             if (updateImmediately)
                 return;
-            onValueChange(_value);
+            fieldHandle.setValue(_value);
         }} disabled={disabled} {...sliderProps} trackMarks={trackMarksProp}/>
       {trackMarksProp ? (<View style={styles?.trackMarkWrapper}>
             {trackMarksProp.map((_, idx) => {
@@ -108,16 +72,13 @@ export const Slider = (props) => {
                 else if (idx === trackMarksProp.length - 1) {
                     idxStyle = styles?.lastTrackMark;
                 }
-                const style = [
-                    trackMarkStyle,
-                    idxStyle,
-                ];
+                const style = [partialStyles?.trackMark, idxStyle];
                 if (!trackMarksHaveContent) {
-                    return <SliderTrackMark index={idx} style={style} key={idx} onPress={() => trackMarksClickable ? onValueChange(trackMarksProp[idx]) : null}/>;
+                    return <SliderTrackMark index={idx} style={style} key={idx} onPress={() => trackMarksClickable ? fieldHandle.setValue(trackMarksProp[idx]) : null}/>;
                 }
                 const relativeValue = trackMarksProp[idx];
                 const content = trackMarks[relativeValue];
-                return <SliderTrackMark index={idx} content={content} style={style} key={idx} onPress={() => trackMarksClickable ? onValueChange(trackMarksProp[idx]) : null}/>;
+                return <SliderTrackMark index={idx} content={content} style={style} key={idx} onPress={() => trackMarksClickable ? fieldHandle.setValue(trackMarksProp[idx]) : null}/>;
             })}
           </View>) : null}
     </InputBase>);

package/dist/components/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Slider/types.d.ts

@@ -2,22 +2,24 @@
 import { SliderComposition } from './styles';
 import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
 import { InputBaseProps } from '../InputBase';
-import { StyledProp } from '@codeleap/styles';
+import { ICSS, StyledProp } from '@codeleap/styles';
+import { NumberField } from '@codeleap/form';
 export type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange' | 'style'>> & Pick<InputBaseProps, 'disabled' | 'debugName' | 'description' | 'label'> & {
     debounce?: number | null;
-    trackMarklabels: string[];
-    value: number | number[];
-    onValueChange: (val: number | number[]) => void;
+    trackMarklabels?: string[];
     trackMarks?: RNSliderProps['trackMarks'] | Record<number, string>;
     trackMarksClickable?: boolean;
     labelClickable?: boolean;
     trackMarkComponent?: React.ComponentType<TrackMarkProps>;
     style?: StyledProp<SliderComposition>;
     updateImmediately?: boolean;
+    field?: NumberField<any>;
+    value?: number | number[];
+    onValueChange?: (value: number | number[]) => void;
 };
 export type TrackMarkProps = {
     index: number;
     content?: string | React.ReactNode;
-    style?: any;
+    style?: ICSS | ICSS[];
     onPress?: () => void;
 };

package/dist/components/SortablePhotos/index.js

@@ -2,17 +2,19 @@ import { useNestedStylesByKey } from '@codeleap/styles';
 import { FileInput } from '../FileInput';
 import { Icon } from '../Icon';
 import { Image } from '../Image';
-import { Dimensions, View } from 'react-native';
-import { DragSortableView } from 'react-native-drag-sort';
+import { View } from 'react-native';
 import { useSortablePhotos } from './useSortablePhotos';
 import { useStylesFor } from '../../hooks';
 import { MobileStyleRegistry } from '../../Registry';
 import { ActivityIndicator } from '../ActivityIndicator';
+import Sortable from 'react-native-sortables';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { useCallback } from 'react';
 export * from './styles';
 export * from './types';
 const DefaultItem = (props) => {
-    const { photo, width, height, styles, emptyIcon } = props;
-    return (<View style={[{ width, height }, styles.photoWrapper]}>
+    const { photo, styles, emptyIcon } = props;
+    return (<View style={styles.photoWrapper}>
       {!!photo?.filename
             ? <Image resizeMode='cover' source={{ uri: photo?.file }} style={styles.photoImage}/>
             : <Icon name={emptyIcon} style={styles.photoEmptyIcon}/>}
@@ -27,38 +29,36 @@ const defaultGetFilename = (file) => {
     }
     return new Date().toISOString();
 };
-const screenWidth = Dimensions.get('screen').width;
 export const SortablePhotos = (props) => {
     const allProps = {
         ...SortablePhotos.defaultProps,
         ...props,
     };
-    const { numColumns, renderPhoto: RenderItem, gap, multiple, pickerConfig, emptyIcon, disableDragDropEmptyItems, itemWidth: _itemWidth, itemHeight: _itemHeight, width: _parentWidth, style, loading, ...rest } = allProps;
+    const { numColumns, renderPhoto: RenderItem, gap, multiple, pickerConfig, emptyIcon, style, loading, ...rest } = allProps;
     const styles = useStylesFor(SortablePhotos.styleRegistryName, style);
     const loaderStyles = useNestedStylesByKey('loader', styles);
-    const { input, handlePressPhoto, numberPhotosMissing, emptyIndexes, onChangePhotosOrder, data, } = useSortablePhotos(allProps);
-    const defaultParentWidth = screenWidth - (gap * 2);
-    const defaultItemWidth = (defaultParentWidth / numColumns) - gap;
-    const itemWidth = _itemWidth ?? defaultItemWidth;
-    const itemHeight = _itemHeight ?? itemWidth;
-    const parentWidth = _parentWidth ?? defaultParentWidth;
-    const childrenMargin = gap / 2;
+    const { input, handlePressPhoto, numberPhotosMissing, enabledDragDrop, onChangePhotosOrder, data, } = useSortablePhotos(allProps);
     const fileInputPickerOptions = {
         ...SortablePhotos.defaultProps.pickerConfig,
         ...pickerConfig,
         multiple,
         maxFiles: numberPhotosMissing,
     };
+    const renderItem = useCallback(({ item, index }) => (<Sortable.Pressable onPress={() => handlePressPhoto(item, index)}>
+      <RenderItem photo={item} order={index} styles={styles} emptyIcon={emptyIcon}/>
+    </Sortable.Pressable>), [handlePressPhoto]);
     if (loading) {
         return (<View style={[styles.wrapper, styles['wrapper:loading']]}>
         <ActivityIndicator style={loaderStyles}/>
       </View>);
     }
-    return (<View style={styles.wrapper}>
+    return <GestureHandlerRootView>
+    <View style={styles.wrapper}>
       <FileInput mode='hidden' ref={input.ref} pickerOptions={fileInputPickerOptions}/>
 
-      <DragSortableView dataSource={data} childrenHeight={itemHeight} childrenWidth={itemWidth} parentWidth={parentWidth} marginChildrenBottom={childrenMargin} marginChildrenLeft={childrenMargin} marginChildrenRight={childrenMargin} marginChildrenTop={childrenMargin} onDataChange={onChangePhotosOrder} onClickItem={handlePressPhoto} fixedItems={disableDragDropEmptyItems ? emptyIndexes : undefined} {...rest} renderItem={(item, order) => (<RenderItem width={itemWidth} height={itemHeight} photo={item} order={order} styles={styles} emptyIcon={emptyIcon}/>)}/>
-    </View>);
+      <Sortable.Grid columns={numColumns} columnGap={gap} rowGap={gap} sortEnabled={enabledDragDrop} showDropIndicator {...rest} data={data} renderItem={renderItem} onDragEnd={({ data }) => onChangePhotosOrder(data)}/>
+    </View>
+  </GestureHandlerRootView>;
 };
 SortablePhotos.styleRegistryName = 'SortablePhotos';
 SortablePhotos.elements = ['wrapper', 'photo', 'loader'];
@@ -71,8 +71,7 @@ SortablePhotos.defaultProps = {
     numColumns: 3,
     renderPhoto: DefaultItem,
     multiple: true,
-    disableDragDropEmptyItems: true,
-    gap: 16,
+    gap: 8,
     emptyIcon: 'plus',
     modalTitle: 'Photos',
     modalBody: null,

package/dist/components/SortablePhotos/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SortablePhotos/types.d.ts

@@ -1,15 +1,17 @@
 import { AppIcon, ICSS, StyledProp } from '@codeleap/styles';
 import { ReactElement } from 'react';
 import { SortablePhotosComposition } from './styles';
+import { type SortableGridProps } from 'react-native-sortables';
 export type SortablePhoto = {
     filename: string | null;
     file: string | null;
 };
+export type WithId<T extends SortablePhoto> = T & {
+    key: string;
+};
 export type SortableItemProps<T extends SortablePhoto> = {
     photo: T;
     order: number;
-    height: number;
-    width: number;
     styles: Record<SortablePhotosComposition, ICSS>;
     emptyIcon: AppIcon;
 };
@@ -20,29 +22,17 @@ export type SortablePhotosPickerConfig = {
     compressImageQuality?: number;
     showCropFrame?: boolean;
 };
-export type SortablePhotosProps<T extends SortablePhoto> = {
+export type SortablePhotosProps<T extends SortablePhoto> = Omit<SortableGridProps<T>, 'data' | 'columns'> & {
     numColumns?: number;
     numPhotos?: number;
     renderPhoto?: (props: SortableItemProps<T>) => ReactElement;
     photos: T[];
     onChangePhotos: (newPhotos: T[]) => void;
     gap?: number;
-    itemHeight?: number;
-    itemWidth?: number;
-    width?: number;
     onPressPhoto?: (data: T[], photo: T, order: number) => void;
-    onDragStart?: (fromIndex: number) => void;
-    onDragEnd?: (fromIndex: number, toIndex: number) => void;
-    keyExtractor?: (photo: T, order: number) => any;
-    delayLongPress?: number;
     pickerConfig?: SortablePhotosPickerConfig;
     multiple?: boolean;
-    maxScale?: number;
-    minOpacity?: number;
-    scaleDuration?: number;
-    slideDuration?: number;
     emptyIcon?: AppIcon;
-    disableDragDropEmptyItems?: boolean;
     style?: StyledProp<SortablePhotosComposition>;
     modalTitle?: string;
     modalBody?: string;

package/dist/components/SortablePhotos/useSortablePhotos.d.ts

@@ -1,21 +1,24 @@
 /// <reference types="react" />
 /// <reference types="react-native-image-crop-picker" />
 import { FileInputImageSource } from '../FileInput';
-import { SortablePhoto, SortablePhotosProps } from './types';
+import { SortablePhoto, SortablePhotosProps, WithId } from './types';
 export declare const useSortablePhotos: <T extends SortablePhoto>(props: SortablePhotosProps<T>) => {
     input: {
-        openFilePicker: (imageSource?: FileInputImageSource, options?: Partial<import("react-native-image-crop-picker").Options>) => Promise<import("@codeleap/form/src/types").AnyFile[]>;
+        openFilePicker: (imageSource?: FileInputImageSource, options?: Partial<import("react-native-image-crop-picker").Options>) => Promise<import("../FileInput").FileResult[]>;
         ref: import("react").MutableRefObject<import("../FileInput").FileInputRef>;
     };
-    handlePressPhoto: (currentData: T[], photo: T, order: number) => void;
+    handlePressPhoto: (photo: T, order: number) => void;
     handleDeletePhoto: (photo: T, order: number) => void;
     handleOpenPicker: (pickerType: FileInputImageSource, photo: T, order: number) => Promise<any>;
-    sortPhotos: (_unorderedPhotos: T[]) => {
-        sortedPhotos: T[];
-        newPhotos: T[];
+    sortPhotos: (_unorderedPhotos: WithId<T>[]) => {
+        sortedPhotos: (T & {
+            key: string;
+        })[];
+        newPhotos: any[];
     };
     numberPhotosMissing: number;
-    onChangePhotosOrder: (newData: T[]) => void;
+    onChangePhotosOrder: (newData: WithId<T>[]) => void;
     emptyIndexes: any[];
-    data: T[];
+    data: WithId<T>[];
+    enabledDragDrop: boolean;
 };

package/dist/components/SortablePhotos/useSortablePhotos.js

@@ -16,12 +16,12 @@ export const useSortablePhotos = (props) => {
             const currentLength = currentPhotos?.length ?? 0;
             const length = Math.abs(numPhotos - currentLength);
             const fillPhotos = Array(length).fill({ filename: null, file: null });
-            const newPhotos = currentPhotos.concat(fillPhotos);
+            const newPhotos = currentPhotos.concat(fillPhotos).map((photo, idx) => ({ ...photo, key: idx + '-photo' }));
             setData(newPhotos);
-            onChangePhotos(currentPhotos);
+            onChangePhotos(assignOrder(currentPhotos));
         }
     }, [loading]);
-    const { emptyIndexes, numberPhotosMissing } = useMemo(() => {
+    const { emptyIndexes, numberPhotosMissing, enabledDragDrop } = useMemo(() => {
         const copyPhotos = [...data];
         const emptyIndexes = copyPhotos.reduce((indexes, photo, index) => {
             if (!photo?.filename) {
@@ -30,21 +30,26 @@ export const useSortablePhotos = (props) => {
             return indexes;
         }, []);
         const numberPhotosMissing = emptyIndexes?.length;
+        const enabledDragDrop = numberPhotosMissing < numPhotos - 1;
         return {
             emptyIndexes,
             numberPhotosMissing,
+            enabledDragDrop,
         };
     }, [JSON.stringify(data)]);
+    const assignOrder = (photos) => {
+        return photos.map((photo, idx) => ({ ...photo, order: idx }));
+    };
     const sortPhotos = (_unorderedPhotos) => {
         const unorderedPhotos = [..._unorderedPhotos];
-        const [newPhotos, emptyPhotos] = unorderedPhotos.reduce(([newPhotos, emptyPhotos], photo) => {
-            !!photo?.filename ? newPhotos.push(photo) : emptyPhotos.push(photo);
-            return [newPhotos, emptyPhotos];
-        }, [[], []]);
-        const sortedPhotos = newPhotos.concat(emptyPhotos);
+        const newPhotos = unorderedPhotos.filter(photo => !!photo?.filename);
+        const sortedPhotos = unorderedPhotos.map((photo, index) => ({
+            ...(newPhotos[index] ?? { file: null, filename: null }),
+            key: photo?.key
+        }));
         return {
             sortedPhotos,
-            newPhotos,
+            newPhotos: assignOrder(newPhotos),
         };
     };
     const handleOpenPicker = async (pickerType, photo, order) => {
@@ -96,7 +101,7 @@ export const useSortablePhotos = (props) => {
         };
         onChange(newPhotos);
     };
-    const handlePressPhoto = (currentData, photo, order) => {
+    const handlePressPhoto = (photo, order) => {
         SortableAlert.custom({
             title: modalTitle,
             body: modalBody,
@@ -106,9 +111,10 @@ export const useSortablePhotos = (props) => {
                 !!photo?.filename && { text: modalDeleteText, onPress: () => handleDeletePhoto(photo, order) },
             ],
             // @ts-expect-error
+            closable: true,
             isRow: false,
         });
-        onPressPhoto?.(currentData, photo, order);
+        onPressPhoto?.(data, photo, order);
     };
     const onChangePhotosOrder = (newData) => {
         onChange(newData);
@@ -123,6 +129,7 @@ export const useSortablePhotos = (props) => {
         onChangePhotosOrder,
         emptyIndexes,
         data,
+        enabledDragDrop,
     };
 };
 //# sourceMappingURL=useSortablePhotos.js.map

package/dist/components/SortablePhotos/useSortablePhotos.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortablePhotos.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/useSortablePhotos.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSortablePhotos.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/useSortablePhotos.ts"],"names":[],"mappings":"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"}

package/dist/components/Switch/index.js

@@ -5,6 +5,8 @@ import { useAnimatedVariantStyles } from '../..';
 import { Touchable } from '../Touchable';
 import { MobileStyleRegistry } from '../../Registry';
 import { useStylesFor } from '../../hooks';
+import { useInputBase } from '../InputBase/useInputBase';
+import { fields } from '@codeleap/form';
 export * from './styles';
 export * from './types';
 const reversedOrder = [...InputBaseDefaultOrder].reverse();
@@ -13,8 +15,9 @@ export const Switch = (props) => {
         ...Switch.defaultProps,
         ...props,
     });
-    const { style, value, disabled, debugName, onValueChange, switchOnLeft, } = others;
+    const { style, disabled, debugName, switchOnLeft, field, forceError, value, onValueChange, } = others;
     const styles = useStylesFor(Switch.styleRegistryName, style);
+    const { fieldHandle, validation, wrapperRef, } = useInputBase(field, fields.boolean, [value, onValueChange]);
     const trackAnimation = useAnimatedVariantStyles({
         variantStyles: styles,
         animatedProperties: ['track:off', 'track:disabled', 'track:on', 'track:disabled-on', 'track:disabled-off'],
@@ -23,15 +26,15 @@ export const Switch = (props) => {
             'worklet';
             let disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['track:disabled-on'] : styles['track:disabled-off'];
+                disabledStyle = fieldHandle?.value ? styles['track:disabled-on'] : styles['track:disabled-off'];
             }
-            const style = value ? styles['track:on'] : styles['track:off'];
+            const style = fieldHandle?.value ? styles['track:on'] : styles['track:off'];
             return {
                 ...style,
                 ...disabledStyle,
             };
         },
-        dependencies: [value, disabled],
+        dependencies: [fieldHandle?.value, disabled],
     });
     const thumbAnimation = useAnimatedVariantStyles({
         variantStyles: styles,
@@ -41,21 +44,22 @@ export const Switch = (props) => {
             'worklet';
             let disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
+                disabledStyle = fieldHandle?.value ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
             }
-            const style = value ? styles['thumb:on'] : styles['thumb:off'];
+            const style = fieldHandle?.value ? styles['thumb:on'] : styles['thumb:off'];
             return {
                 ...style,
                 ...disabledStyle,
             };
         },
-        dependencies: [value, disabled],
+        dependencies: [fieldHandle?.value, disabled],
     });
     // @ts-expect-error
     const _switchOnLeft = switchOnLeft ?? styles?.__props?.switchOnLeft;
-    return <InputBase {...inputBaseProps} debugName={debugName} wrapper={Touchable} style={styles} wrapperProps={{
+    const hasError = validation.showError || forceError;
+    return <InputBase {...inputBaseProps} ref={wrapperRef} debugName={debugName} wrapper={Touchable} error={hasError ? validation.message || forceError : null} style={styles} wrapperProps={{
             onPress: () => {
-                onValueChange(!value);
+                fieldHandle.setValue(!fieldHandle?.value);
             },
             disabled,
             rippleDisabled: true,

package/dist/components/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Switch/types.d.ts

@@ -1,9 +1,12 @@
 import { StyledProp } from '@codeleap/styles';
 import { InputBaseProps } from '../InputBase';
 import { SwitchComposition } from './styles';
+import { BooleanField } from '@codeleap/form';
 export type SwitchProps = Omit<InputBaseProps, 'style'> & {
-    value: boolean;
-    onValueChange: (value: boolean) => void;
+    field?: BooleanField<any>;
     style?: StyledProp<SwitchComposition>;
     switchOnLeft?: boolean;
+    forceError?: boolean;
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
 };