@codeleap/mobile 2.3.6 → 2.3.8

package/dist/components/Calendar/index.js

@@ -1,80 +1,80 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var date_fns_1 = require("date-fns");
-// @ts-ignore
-var react_native_calendars_1 = require("react-native-calendars");
-var View_1 = require("../View");
-__exportStar(require("./style"), exports);
-__exportStar(require("./types"), exports);
-var Calendar = function (props) {
-    var _a;
-    var _b = props.variants, variants = _b === void 0 ? [] : _b, style = props.style, _c = props.styles, styles = _c === void 0 ? {} : _c, calendarProps = props.calendarProps, value = props.value, onValueChange = props.onValueChange, viewProps = __rest(props, ["variants", "style", "styles", "calendarProps", "value", "onValueChange"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Calendar', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-        rootElement: 'wrapper',
-    });
-    var isDateObject = common_1.TypeGuards.isInstance(value, Date);
-    var stringValue = isDateObject ? (0, date_fns_1.format)(value, 'yyyy/MM/dd') : value;
-    function handleChange(date) {
-        if (!onValueChange)
-            return;
-        if (isDateObject) {
-            onValueChange(new Date(date.timestamp));
-        }
-        else {
-            onValueChange(date.dateString);
-        }
-    }
-    return <View_1.View style={[variantStyles.wrapper, style]} {...viewProps}>
-    <react_native_calendars_1.Calendar onDayPress={handleChange} current={new Date(value).toISOString()} monthFormat={'MMMM yyyy'} markedDates={_a = {},
-            _a[stringValue] = { selected: true },
-            _a} theme={__assign(__assign({}, variantStyles.theme), { stylesheet: __assign({}, variantStyles) })} {...calendarProps}/>
-  </View_1.View>;
-};
-exports.Calendar = Calendar;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var date_fns_1 = require("date-fns");
+// @ts-ignore
+var react_native_calendars_1 = require("react-native-calendars");
+var View_1 = require("../View");
+__exportStar(require("./style"), exports);
+__exportStar(require("./types"), exports);
+var Calendar = function (props) {
+    var _a;
+    var _b = props.variants, variants = _b === void 0 ? [] : _b, style = props.style, _c = props.styles, styles = _c === void 0 ? {} : _c, calendarProps = props.calendarProps, value = props.value, onValueChange = props.onValueChange, viewProps = __rest(props, ["variants", "style", "styles", "calendarProps", "value", "onValueChange"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Calendar', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'wrapper',
+    });
+    var isDateObject = common_1.TypeGuards.isInstance(value, Date);
+    var stringValue = isDateObject ? (0, date_fns_1.format)(value, 'yyyy/MM/dd') : value;
+    function handleChange(date) {
+        if (!onValueChange)
+            return;
+        if (isDateObject) {
+            onValueChange(new Date(date.timestamp));
+        }
+        else {
+            onValueChange(date.dateString);
+        }
+    }
+    return <View_1.View style={[variantStyles.wrapper, style]} {...viewProps}>
+    <react_native_calendars_1.Calendar onDayPress={handleChange} current={new Date(value).toISOString()} monthFormat={'MMMM yyyy'} markedDates={_a = {},
+            _a[stringValue] = { selected: true },
+            _a} theme={__assign(__assign({}, variantStyles.theme), { stylesheet: __assign({}, variantStyles) })} {...calendarProps}/>
+  </View_1.View>;
+};
+exports.Calendar = Calendar;
 //# sourceMappingURL=index.js.map

package/dist/components/Calendar/style.d.ts

@@ -1,4 +1,4 @@
-import { TCalendarStyles } from './types';
-export declare const CalendarStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TCalendarStyles;
-};
+import { TCalendarStyles } from './types';
+export declare const CalendarStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TCalendarStyles;
+};

package/dist/components/Calendar/style.js

@@ -1,36 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createCalendarStyle = (0, common_1.createDefaultVariantFactory)();
-exports.CalendarStyles = {
-    default: createCalendarStyle(function (theme) { return ({
-        theme: {
-            backgroundColor: '#0000',
-            calendarBackground: '#0000',
-            textSectionTitleColor: theme.colors.textH,
-            textSectionTitleDisabledColor: theme.colors.disabled,
-            selectedDayBackgroundColor: theme.colors.primary,
-            selectedDayTextColor: theme.colors.white,
-            todayTextColor: theme.colors.textH,
-            dayTextColor: theme.colors.textP,
-            textDisabledColor: theme.colors.disabled,
-            dotColor: theme.colors.primary,
-            selectedDotColor: theme.colors.primary,
-            arrowColor: theme.colors.primary,
-            disabledArrowColor: theme.colors.disabled,
-            monthTextColor: theme.colors.textH,
-            indicatorColor: theme.colors.backgroundSecondary,
-            textDayFontFamily: theme.typography.fontFamily,
-            textMonthFontFamily: theme.typography.fontFamily,
-            textDayHeaderFontFamily: theme.typography.fontFamily,
-            textDayFontWeight: '400',
-            textMonthFontWeight: 'bold',
-            textDayHeaderFontWeight: '400',
-            textDayFontSize: 16,
-            textMonthFontSize: 22,
-            textDayHeaderFontSize: 15,
-        },
-    }); }),
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createCalendarStyle = (0, common_1.createDefaultVariantFactory)();
+exports.CalendarStyles = {
+    default: createCalendarStyle(function (theme) { return ({
+        theme: {
+            backgroundColor: '#0000',
+            calendarBackground: '#0000',
+            textSectionTitleColor: theme.colors.textH,
+            textSectionTitleDisabledColor: theme.colors.disabled,
+            selectedDayBackgroundColor: theme.colors.primary,
+            selectedDayTextColor: theme.colors.white,
+            todayTextColor: theme.colors.textH,
+            dayTextColor: theme.colors.textP,
+            textDisabledColor: theme.colors.disabled,
+            dotColor: theme.colors.primary,
+            selectedDotColor: theme.colors.primary,
+            arrowColor: theme.colors.primary,
+            disabledArrowColor: theme.colors.disabled,
+            monthTextColor: theme.colors.textH,
+            indicatorColor: theme.colors.backgroundSecondary,
+            textDayFontFamily: theme.typography.fontFamily,
+            textMonthFontFamily: theme.typography.fontFamily,
+            textDayHeaderFontFamily: theme.typography.fontFamily,
+            textDayFontWeight: '400',
+            textMonthFontWeight: 'bold',
+            textDayHeaderFontWeight: '400',
+            textDayFontSize: 16,
+            textMonthFontSize: 22,
+            textDayHeaderFontSize: 15,
+        },
+    }); }),
+};
 //# sourceMappingURL=style.js.map

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

@@ -1,95 +1,95 @@
-import { FilterKeys } from '@codeleap/common';
-import { Paths } from '@codeleap/common/dist/types/pathMapping';
-import { TextStyle, ViewStyle } from 'react-native';
-declare type CalendarTheme = {
-    timelineContainer?: object;
-    contentStyle?: ViewStyle;
-    event?: object;
-    eventTitle?: object;
-    eventSummary?: object;
-    eventTimes?: object;
-    line?: object;
-    verticalLine?: object;
-    nowIndicatorLine?: object;
-    nowIndicatorKnob?: object;
-    timeLabel?: object;
-    todayTextColor?: string;
-    calendarBackground?: string;
-    indicatorColor?: string;
-    textSectionTitleColor?: string;
-    textSectionTitleDisabledColor?: string;
-    dayTextColor?: string;
-    selectedDayTextColor?: string;
-    monthTextColor?: string;
-    selectedDayBackgroundColor?: string;
-    arrowColor?: string;
-    textDisabledColor?: string;
-    textInactiveColor?: string;
-    backgroundColor?: string;
-    dotColor?: string;
-    selectedDotColor?: string;
-    disabledArrowColor?: string;
-    textDayFontFamily?: TextStyle['fontFamily'];
-    textMonthFontFamily?: TextStyle['fontFamily'];
-    textDayHeaderFontFamily?: TextStyle['fontFamily'];
-    textDayFontWeight?: TextStyle['fontWeight'];
-    textMonthFontWeight?: TextStyle['fontWeight'];
-    textDayHeaderFontWeight?: TextStyle['fontWeight'];
-    textDayFontSize?: number;
-    textMonthFontSize?: number;
-    textDayHeaderFontSize?: number;
-    agendaDayTextColor?: string;
-    agendaDayNumColor?: string;
-    agendaTodayColor?: string;
-    agendaKnobColor?: string;
-    todayButtonFontFamily?: TextStyle['fontFamily'];
-    todayButtonFontWeight?: TextStyle['fontWeight'];
-    todayButtonFontSize?: number;
-    textDayStyle?: TextStyle;
-    dotStyle?: object;
-    arrowStyle?: ViewStyle;
-    todayBackgroundColor?: string;
-    disabledDotColor?: string;
-    inactiveDotColor?: string;
-    todayDotColor?: string;
-    todayButtonTextColor?: string;
-    todayButtonPosition?: string;
-    arrowHeight?: number;
-    arrowWidth?: number;
-    weekVerticalMargin?: number;
-    stylesheet?: {
-        calendar?: {
-            main?: object;
-            header?: object;
-        };
-        day?: {
-            basic?: object;
-            period?: object;
-        };
-        dot?: object;
-        marking?: object;
-        'calendar-list'?: {
-            main?: object;
-        };
-        agenda?: {
-            main?: object;
-            list?: object;
-        };
-        expandable?: {
-            main?: object;
-        };
-    };
-};
-declare type FlatStyleKeys = 'dot' | 'marking';
-declare type StyleSheetKeys = Exclude<keyof CalendarTheme['stylesheet'], FlatStyleKeys>;
-declare type ThemeObjPrimitiveKeys = FilterKeys<CalendarTheme, string | number>;
-declare type ThemeObjCompositionKeys = Exclude<keyof CalendarTheme, ThemeObjPrimitiveKeys | 'stylesheet'>;
-declare type StyleSheetObjKeys = Exclude<Paths<CalendarTheme['stylesheet']>, StyleSheetKeys>;
-export declare type CalendarStyleGen<TCSS = any> = {
-    theme?: Partial<{
-        [P in ThemeObjPrimitiveKeys]: CalendarTheme[P];
-    }>;
-} & Partial<Record<StyleSheetObjKeys | 'wrapper' | ThemeObjCompositionKeys, TCSS>>;
-export declare type CalendarComposition = keyof CalendarStyleGen;
-export declare type TCalendarStyles = CalendarStyleGen<any>;
-export {};
+import { FilterKeys } from '@codeleap/common';
+import { Paths } from '@codeleap/common/dist/types/pathMapping';
+import { TextStyle, ViewStyle } from 'react-native';
+declare type CalendarTheme = {
+    timelineContainer?: object;
+    contentStyle?: ViewStyle;
+    event?: object;
+    eventTitle?: object;
+    eventSummary?: object;
+    eventTimes?: object;
+    line?: object;
+    verticalLine?: object;
+    nowIndicatorLine?: object;
+    nowIndicatorKnob?: object;
+    timeLabel?: object;
+    todayTextColor?: string;
+    calendarBackground?: string;
+    indicatorColor?: string;
+    textSectionTitleColor?: string;
+    textSectionTitleDisabledColor?: string;
+    dayTextColor?: string;
+    selectedDayTextColor?: string;
+    monthTextColor?: string;
+    selectedDayBackgroundColor?: string;
+    arrowColor?: string;
+    textDisabledColor?: string;
+    textInactiveColor?: string;
+    backgroundColor?: string;
+    dotColor?: string;
+    selectedDotColor?: string;
+    disabledArrowColor?: string;
+    textDayFontFamily?: TextStyle['fontFamily'];
+    textMonthFontFamily?: TextStyle['fontFamily'];
+    textDayHeaderFontFamily?: TextStyle['fontFamily'];
+    textDayFontWeight?: TextStyle['fontWeight'];
+    textMonthFontWeight?: TextStyle['fontWeight'];
+    textDayHeaderFontWeight?: TextStyle['fontWeight'];
+    textDayFontSize?: number;
+    textMonthFontSize?: number;
+    textDayHeaderFontSize?: number;
+    agendaDayTextColor?: string;
+    agendaDayNumColor?: string;
+    agendaTodayColor?: string;
+    agendaKnobColor?: string;
+    todayButtonFontFamily?: TextStyle['fontFamily'];
+    todayButtonFontWeight?: TextStyle['fontWeight'];
+    todayButtonFontSize?: number;
+    textDayStyle?: TextStyle;
+    dotStyle?: object;
+    arrowStyle?: ViewStyle;
+    todayBackgroundColor?: string;
+    disabledDotColor?: string;
+    inactiveDotColor?: string;
+    todayDotColor?: string;
+    todayButtonTextColor?: string;
+    todayButtonPosition?: string;
+    arrowHeight?: number;
+    arrowWidth?: number;
+    weekVerticalMargin?: number;
+    stylesheet?: {
+        calendar?: {
+            main?: object;
+            header?: object;
+        };
+        day?: {
+            basic?: object;
+            period?: object;
+        };
+        dot?: object;
+        marking?: object;
+        'calendar-list'?: {
+            main?: object;
+        };
+        agenda?: {
+            main?: object;
+            list?: object;
+        };
+        expandable?: {
+            main?: object;
+        };
+    };
+};
+declare type FlatStyleKeys = 'dot' | 'marking';
+declare type StyleSheetKeys = Exclude<keyof CalendarTheme['stylesheet'], FlatStyleKeys>;
+declare type ThemeObjPrimitiveKeys = FilterKeys<CalendarTheme, string | number>;
+declare type ThemeObjCompositionKeys = Exclude<keyof CalendarTheme, ThemeObjPrimitiveKeys | 'stylesheet'>;
+declare type StyleSheetObjKeys = Exclude<Paths<CalendarTheme['stylesheet']>, StyleSheetKeys>;
+export declare type CalendarStyleGen<TCSS = any> = {
+    theme?: Partial<{
+        [P in ThemeObjPrimitiveKeys]: CalendarTheme[P];
+    }>;
+} & Partial<Record<StyleSheetObjKeys | 'wrapper' | ThemeObjCompositionKeys, TCSS>>;
+export declare type CalendarComposition = keyof CalendarStyleGen;
+export declare type TCalendarStyles = CalendarStyleGen<any>;
+export {};

package/dist/components/Calendar/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/components/Checkbox/index.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { ComponentVariants, StylesOf, Form } from '@codeleap/common';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-import { Switch as NativeCheckbox } from 'react-native';
-import { CheckboxStyles, CheckboxComposition } from './styles';
-export * from './styles';
-declare type NativeCheckboxProps = Omit<ComponentPropsWithRef<typeof NativeCheckbox>, 'thumbColor' | 'trackColor'>;
-declare type CheckboxProps = NativeCheckboxProps & {
-    variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
-    label?: ReactNode;
-    styles?: StylesOf<CheckboxComposition>;
-    validate?: Form.ValidatorFunctionWithoutForm | string;
-    required?: boolean;
-};
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "style" | "disabled" | "key" | "value" | "children" | "label" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "variants" | "styles" | "tintColor" | "onChange" | "required" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"> & React.RefAttributes<unknown>>;
+import * as React from 'react';
+import { ComponentVariants, StylesOf, Form } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Switch as NativeCheckbox } from 'react-native';
+import { CheckboxStyles, CheckboxComposition } from './styles';
+export * from './styles';
+declare type NativeCheckboxProps = Omit<ComponentPropsWithRef<typeof NativeCheckbox>, 'thumbColor' | 'trackColor'>;
+declare type CheckboxProps = NativeCheckboxProps & {
+    variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
+    label?: ReactNode;
+    styles?: StylesOf<CheckboxComposition>;
+    validate?: Form.ValidatorFunctionWithoutForm | string;
+    required?: boolean;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "style" | "disabled" | "key" | "value" | "children" | "label" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "variants" | "styles" | "tintColor" | "onChange" | "required" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"> & React.RefAttributes<unknown>>;