react-native-mantine 0.7.0 → 0.9.0

package/lib/typescript/module/src/hooks/use-form/types.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Form field validation function
+ */
+export type FormValidator<T> = (value: T) => string | null;
+/**
+ * Form validation rules
+ */
+export type FormValidationRules<Values> = {
+    [K in keyof Values]?: FormValidator<Values[K]> | FormValidator<Values[K]>[];
+};
+/**
+ * Form errors
+ */
+export type FormErrors<Values = Record<string, any>> = Partial<Record<keyof Values, string>>;
+/**
+ * Form touched state
+ */
+export type FormTouched<Values = Record<string, any>> = Partial<Record<keyof Values, boolean>>;
+/**
+ * Form dirty state
+ */
+export type FormDirty<Values = Record<string, any>> = Partial<Record<keyof Values, boolean>>;
+/**
+ * Form field status
+ */
+export interface FormFieldStatus {
+    hasError: boolean;
+    isTouched: boolean;
+    isDirty: boolean;
+}
+/**
+ * Props to be spread on input components
+ */
+export interface FormInputProps<T = any> {
+    value: T;
+    onChange?: (value: T) => void;
+    onChangeText?: (text: string) => void;
+    error?: string;
+    onBlur?: () => void;
+}
+/**
+ * Form submit handler
+ */
+export type FormSubmitHandler<Values> = (values: Values, event?: any) => void | Promise<void>;
+/**
+ * useForm hook input parameters
+ */
+export interface UseFormInput<Values = Record<string, any>> {
+    /** Initial form values */
+    initialValues?: Values;
+    /** Initial form errors */
+    initialErrors?: FormErrors<Values>;
+    /** Initial touched state */
+    initialTouched?: FormTouched<Values>;
+    /** Initial dirty state */
+    initialDirty?: FormDirty<Values>;
+    /** Form validation rules */
+    validate?: FormValidationRules<Values>;
+    /** Clear input error on change */
+    clearInputErrorOnChange?: boolean;
+    /** Validate input on change */
+    validateInputOnChange?: boolean;
+    /** Validate input on blur */
+    validateInputOnBlur?: boolean;
+    /** Transform values before submit */
+    transformValues?: (values: Values) => any;
+}
+/**
+ * useForm hook return type
+ */
+export interface UseFormReturnType<Values = Record<string, any>> {
+    /** Current form values */
+    values: Values;
+    /** Current form errors */
+    errors: FormErrors<Values>;
+    /** Current touched state */
+    touched: FormTouched<Values>;
+    /** Current dirty state */
+    dirty: FormDirty<Values>;
+    /** Set a single field value */
+    setFieldValue: <K extends keyof Values>(field: K, value: Values[K]) => void;
+    /** Set multiple values */
+    setValues: (values: Partial<Values>) => void;
+    /** Set a single field error */
+    setFieldError: <K extends keyof Values>(field: K, error: string | null) => void;
+    /** Set multiple errors */
+    setErrors: (errors: FormErrors<Values>) => void;
+    /** Clear a specific field error */
+    clearFieldError: <K extends keyof Values>(field: K) => void;
+    /** Clear all errors */
+    clearErrors: () => void;
+    /** Reset form to initial values */
+    reset: () => void;
+    /** Validate a specific field */
+    validateField: <K extends keyof Values>(field: K) => boolean;
+    /** Validate entire form */
+    validate: () => boolean;
+    /** Check if form is valid */
+    isValid: () => boolean;
+    /** Check if form is dirty */
+    isDirty: () => boolean;
+    /** Get field status */
+    getFieldStatus: <K extends keyof Values>(field: K) => FormFieldStatus;
+    /** Get props to spread on input component */
+    getInputProps: <K extends keyof Values>(field: K, options?: {
+        type?: 'input' | 'checkbox' | 'radio' | 'select';
+        withError?: boolean;
+        withFocus?: boolean;
+    }) => FormInputProps<Values[K]>;
+    /** Handle form submit */
+    onSubmit: (handleSubmit: FormSubmitHandler<Values>) => (event?: any) => void | Promise<void>;
+    /** Reset touched state */
+    resetTouched: () => void;
+    /** Reset dirty state */
+    resetDirty: () => void;
+    /** Mark field as touched */
+    setFieldTouched: <K extends keyof Values>(field: K, touched?: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/src/hooks/use-form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/use-form/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/hooks/use-form/useForm.d.ts

@@ -0,0 +1,30 @@
+import type { UseFormInput, UseFormReturnType } from './types';
+/**
+ * Form state management hook for React Native
+ *
+ * @example
+ * ```tsx
+ * const form = useForm({
+ *   initialValues: {
+ *     email: '',
+ *     password: '',
+ *   },
+ *   validate: {
+ *     email: isEmail('Invalid email'),
+ *     password: minLength(6, 'Password must be at least 6 characters'),
+ *   },
+ * });
+ *
+ * return (
+ *   <View>
+ *     <TextInput {...form.getInputProps('email')} />
+ *     <TextInput {...form.getInputProps('password')} />
+ *     <Button onPress={form.onSubmit((values) => console.log(values))}>
+ *       Submit
+ *     </Button>
+ *   </View>
+ * );
+ * ```
+ */
+export declare function useForm<Values extends Record<string, any> = Record<string, any>>({ initialValues, initialErrors, initialTouched, initialDirty, validate: validationRules, clearInputErrorOnChange, validateInputOnChange, validateInputOnBlur, transformValues, }?: UseFormInput<Values>): UseFormReturnType<Values>;
+//# sourceMappingURL=useForm.d.ts.map

package/lib/typescript/module/src/hooks/use-form/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/use-form/useForm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAQV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA4DjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAChF,aAA4B,EAC5B,aAAkB,EAClB,cAAmB,EACnB,YAAiB,EACjB,QAAQ,EAAE,eAAe,EACzB,uBAA8B,EAC9B,qBAA6B,EAC7B,mBAA2B,EAC3B,eAA4C,GAC7C,GAAE,YAAY,CAAC,MAAM,CAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAuUvD"}

package/lib/typescript/module/src/hooks/use-form/validators.d.ts

@@ -0,0 +1,41 @@
+import type { FormValidator } from './types';
+/**
+ * Built-in validators
+ */
+/**
+ * Validates that a value is not empty
+ */
+export declare const isNotEmpty: (message?: string) => FormValidator<any>;
+/**
+ * Validates minimum length
+ */
+export declare const minLength: (min: number, message?: string) => FormValidator<string>;
+/**
+ * Validates maximum length
+ */
+export declare const maxLength: (max: number, message?: string) => FormValidator<string>;
+/**
+ * Validates that value matches a pattern
+ */
+export declare const matches: (pattern: RegExp, message?: string) => FormValidator<string>;
+/**
+ * Validates email format
+ */
+export declare const isEmail: (message?: string) => FormValidator<string>;
+/**
+ * Validates minimum value
+ */
+export declare const min: (minValue: number, message?: string) => FormValidator<number>;
+/**
+ * Validates maximum value
+ */
+export declare const max: (maxValue: number, message?: string) => FormValidator<number>;
+/**
+ * Validates that value is in a range
+ */
+export declare const inRange: (minValue: number, maxValue: number, message?: string) => FormValidator<number>;
+/**
+ * Validates that value is in a list
+ */
+export declare const isInArray: <T>(array: T[], message?: string) => FormValidator<T>;
+//# sourceMappingURL=validators.d.ts.map

package/lib/typescript/module/src/hooks/use-form/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/use-form/validators.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,gBAAkC,KAAG,aAAa,CAAC,GAAG,CAahF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GACpB,KAAK,MAAM,EACX,UAAU,MAAM,KACf,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GACpB,KAAK,MAAM,EACX,UAAU,MAAM,KACf,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAClB,SAAS,MAAM,EACf,gBAA0B,KACzB,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,gBAAyB,KAAG,aAAa,CAAC,MAAM,CAGvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,GACd,UAAU,MAAM,EAChB,UAAU,MAAM,KACf,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,GACd,UAAU,MAAM,EAChB,UAAU,MAAM,KACf,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAClB,UAAU,MAAM,EAChB,UAAU,MAAM,EAChB,UAAU,MAAM,KACf,aAAa,CAAC,MAAM,CAQtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,EACzB,OAAO,CAAC,EAAE,EACV,gBAAyB,KACxB,aAAa,CAAC,CAAC,CAOjB,CAAC"}

package/lib/typescript/module/src/index.d.ts

@@ -1,5 +1,6 @@
 export * from './theme';
 export * from './components';
+export * from './hooks';
 export type * from './theme/theme';
 export type * from './theme/types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-mantine",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Make Mantine Accessable on React Native",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/Group/index.tsx

@@ -1,4 +1,5 @@
 import type { ViewStyle } from 'react-native';
+import type React from 'react';
 
 import { BoxView } from '../BoxView';
 import type { ViewProps } from '../BoxView';

package/src/components/Radio/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { Pressable, Animated } from 'react-native';
+import React, { forwardRef, useEffect, useRef, createContext, useContext } from 'react';
+import { Pressable, Animated, View } from 'react-native';
 import { BoxView } from '../BoxView';
 import { Text } from '../Text';
 import type { DefaultProps, MantineColor, MantineSize } from '../../theme/types';
@@ -36,6 +36,44 @@ export interface RadioProps extends DefaultProps {
   wrapperStyle?: any;
 }
 
+export interface RadioGroupProps {
+  /** Current selected value */
+  value?: string;
+
+  /** Called when value changes */
+  onChange?: (value: string) => void;
+
+  /** Radio group children */
+  children: React.ReactNode;
+
+  /** Radio group name for accessibility */
+  name?: string;
+
+  /** Radio size for all children */
+  size?: MantineSize;
+
+  /** Radio color for all children */
+  color?: MantineColor;
+
+  /** Wrapper style */
+  style?: any;
+
+  /** Spacing between radio buttons */
+  spacing?: number;
+}
+
+interface RadioGroupContextValue {
+  value?: string;
+  onChange?: (value: string) => void;
+  size?: MantineSize;
+  color?: MantineColor;
+  name?: string;
+}
+
+const RadioGroupContext = createContext<RadioGroupContextValue | undefined>(undefined);
+
+const useRadioGroupContext = () => useContext(RadioGroupContext);
+
 const sizes = {
   xs: rem(14),
   sm: rem(18),
@@ -103,20 +141,28 @@ const defaultProps: Partial<RadioProps> = {
   disabled: false,
 };
 
-export const Radio = forwardRef<any, RadioProps>((props, ref) => {
+const RadioComponent = forwardRef<any, RadioProps>((props, ref) => {
+  const groupContext = useRadioGroupContext();
+
   const {
     label,
-    size,
-    color,
+    size: propSize,
+    color: propColor,
     value,
-    checked,
-    onChange,
+    checked: propChecked,
+    onChange: propOnChange,
     disabled,
     style,
     wrapperStyle,
     ...others
   } = useComponentDefaultProps('Radio', defaultProps, props);
 
+  // Use group context if available, otherwise use props
+  const size = propSize || groupContext?.size || defaultProps.size;
+  const color = propColor || groupContext?.color || defaultProps.color;
+  const checked = groupContext ? groupContext.value === value : propChecked;
+  const onChange = groupContext?.onChange || propOnChange;
+
   const { styles, sx } = useStyles({ size, color, disabled }, { name: 'Radio' }) as any;
 
   const scaleAnim = useRef(new Animated.Value(checked ? 1 : 0)).current;
@@ -158,6 +204,7 @@ export const Radio = forwardRef<any, RadioProps>((props, ref) => {
       style={sx(styles.root, wrapperStyle)}
       accessibilityRole="radio"
       accessibilityState={{ checked }}
+      hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
       {...others}
     >
       {radioContent}
@@ -166,4 +213,48 @@ export const Radio = forwardRef<any, RadioProps>((props, ref) => {
   );
 });
 
-Radio.displayName = 'Radio';
+RadioComponent.displayName = 'Radio';
+
+const RadioGroup = forwardRef<View, RadioGroupProps>((props, ref) => {
+  const {
+    value,
+    onChange,
+    children,
+    name,
+    size,
+    color,
+    style,
+    spacing = 12,
+  } = props;
+
+  const contextValue: RadioGroupContextValue = {
+    value,
+    onChange,
+    size,
+    color,
+    name,
+  };
+
+  return (
+    <RadioGroupContext.Provider value={contextValue}>
+      <View ref={ref} style={style}>
+        {React.Children.map(children, (child, index) => {
+          if (!React.isValidElement(child)) {
+            return child;
+          }
+          return (
+            <View key={index} style={{ marginBottom: index < React.Children.count(children) - 1 ? spacing : 0 }}>
+              {child}
+            </View>
+          );
+        })}
+      </View>
+    </RadioGroupContext.Provider>
+  );
+});
+
+RadioGroup.displayName = 'RadioGroup';
+
+export const Radio = Object.assign(RadioComponent, {
+  Group: RadioGroup,
+});

package/src/components/Switch/index.tsx

@@ -19,15 +19,15 @@ export interface SwitchProps extends DefaultProps {
   /** Label position */
   labelPosition?: 'left' | 'right';
 
-  /** Checked state */
+  /** Checked state (controlled component) */
   checked?: boolean;
 
-  /** Default checked state */
-  defaultChecked?: boolean;
-
   /** Called when switch state changes */
   onChange?: (value: boolean) => void;
 
+  /** Disabled state */
+  disabled?: boolean;
+
   /** Additional styles */
   style?: any;
 
@@ -78,7 +78,7 @@ const defaultProps: Partial<SwitchProps> = {
   size: 'md',
   color: 'blue',
   labelPosition: 'right',
-  checked: false,
+  disabled: false,
 };
 
 export const Switch = forwardRef<any, SwitchProps>((props, ref) => {
@@ -89,6 +89,7 @@ export const Switch = forwardRef<any, SwitchProps>((props, ref) => {
     labelPosition,
     checked,
     onChange,
+    disabled,
     style,
     wrapperStyle,
   } = useComponentDefaultProps('Switch', defaultProps, props);
@@ -97,7 +98,9 @@ export const Switch = forwardRef<any, SwitchProps>((props, ref) => {
   const { styles, sx } = useStyles({ labelPosition, size }, { name: 'Switch' }) as any;
 
   const handleChange = (value: boolean) => {
-    onChange?.(value);
+    if (!disabled) {
+      onChange?.(value);
+    }
   };
 
   const colorKey = color || theme.primaryColor;
@@ -126,6 +129,7 @@ export const Switch = forwardRef<any, SwitchProps>((props, ref) => {
       trackColor={trackColor}
       thumbColor={thumbColor}
       ios_backgroundColor={trackColor.false}
+      disabled={disabled}
       style={sx(styles.switch, style)}
     />
   );

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from './useCachedResources';
+export * from './use-form';

package/src/hooks/use-form/index.ts

@@ -0,0 +1,3 @@
+export { useForm } from './useForm';
+export * from './types';
+export * from './validators';

package/src/hooks/use-form/types.ts

@@ -0,0 +1,169 @@
+/**
+ * Form field validation function
+ */
+export type FormValidator<T> = (value: T) => string | null;
+
+/**
+ * Form validation rules
+ */
+export type FormValidationRules<Values> = {
+  [K in keyof Values]?: FormValidator<Values[K]> | FormValidator<Values[K]>[];
+};
+
+/**
+ * Form errors
+ */
+export type FormErrors<Values = Record<string, any>> = Partial<
+  Record<keyof Values, string>
+>;
+
+/**
+ * Form touched state
+ */
+export type FormTouched<Values = Record<string, any>> = Partial<
+  Record<keyof Values, boolean>
+>;
+
+/**
+ * Form dirty state
+ */
+export type FormDirty<Values = Record<string, any>> = Partial<
+  Record<keyof Values, boolean>
+>;
+
+/**
+ * Form field status
+ */
+export interface FormFieldStatus {
+  hasError: boolean;
+  isTouched: boolean;
+  isDirty: boolean;
+}
+
+/**
+ * Props to be spread on input components
+ */
+export interface FormInputProps<T = any> {
+  value: T;
+  onChange?: (value: T) => void;
+  onChangeText?: (text: string) => void;
+  error?: string;
+  onBlur?: () => void;
+}
+
+/**
+ * Form submit handler
+ */
+export type FormSubmitHandler<Values> = (
+  values: Values,
+  event?: any
+) => void | Promise<void>;
+
+/**
+ * useForm hook input parameters
+ */
+export interface UseFormInput<Values = Record<string, any>> {
+  /** Initial form values */
+  initialValues?: Values;
+
+  /** Initial form errors */
+  initialErrors?: FormErrors<Values>;
+
+  /** Initial touched state */
+  initialTouched?: FormTouched<Values>;
+
+  /** Initial dirty state */
+  initialDirty?: FormDirty<Values>;
+
+  /** Form validation rules */
+  validate?: FormValidationRules<Values>;
+
+  /** Clear input error on change */
+  clearInputErrorOnChange?: boolean;
+
+  /** Validate input on change */
+  validateInputOnChange?: boolean;
+
+  /** Validate input on blur */
+  validateInputOnBlur?: boolean;
+
+  /** Transform values before submit */
+  transformValues?: (values: Values) => any;
+}
+
+/**
+ * useForm hook return type
+ */
+export interface UseFormReturnType<Values = Record<string, any>> {
+  /** Current form values */
+  values: Values;
+
+  /** Current form errors */
+  errors: FormErrors<Values>;
+
+  /** Current touched state */
+  touched: FormTouched<Values>;
+
+  /** Current dirty state */
+  dirty: FormDirty<Values>;
+
+  /** Set a single field value */
+  setFieldValue: <K extends keyof Values>(field: K, value: Values[K]) => void;
+
+  /** Set multiple values */
+  setValues: (values: Partial<Values>) => void;
+
+  /** Set a single field error */
+  setFieldError: <K extends keyof Values>(field: K, error: string | null) => void;
+
+  /** Set multiple errors */
+  setErrors: (errors: FormErrors<Values>) => void;
+
+  /** Clear a specific field error */
+  clearFieldError: <K extends keyof Values>(field: K) => void;
+
+  /** Clear all errors */
+  clearErrors: () => void;
+
+  /** Reset form to initial values */
+  reset: () => void;
+
+  /** Validate a specific field */
+  validateField: <K extends keyof Values>(field: K) => boolean;
+
+  /** Validate entire form */
+  validate: () => boolean;
+
+  /** Check if form is valid */
+  isValid: () => boolean;
+
+  /** Check if form is dirty */
+  isDirty: () => boolean;
+
+  /** Get field status */
+  getFieldStatus: <K extends keyof Values>(field: K) => FormFieldStatus;
+
+  /** Get props to spread on input component */
+  getInputProps: <K extends keyof Values>(
+    field: K,
+    options?: {
+      type?: 'input' | 'checkbox' | 'radio' | 'select';
+      withError?: boolean;
+      withFocus?: boolean;
+    }
+  ) => FormInputProps<Values[K]>;
+
+  /** Handle form submit */
+  onSubmit: (
+    handleSubmit: FormSubmitHandler<Values>
+  ) => (event?: any) => void | Promise<void>;
+
+  /** Reset touched state */
+  resetTouched: () => void;
+
+  /** Reset dirty state */
+  resetDirty: () => void;
+
+  /** Mark field as touched */
+  setFieldTouched: <K extends keyof Values>(field: K, touched?: boolean) => void;
+}