@codeleap/mobile 1.5.4 → 1.8.0

package/src/components/Slider/types.ts

@@ -1,25 +1,25 @@
-import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common'
-import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types'
-import { StylesOf } from '../../types/utility'
-import { ViewProps } from '../View'
-export type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
-    debounce?: number
-    labels: string[]
-    value: number
-    valueOverThumb?: boolean
-    showMarks?: boolean
-    onValueChange: (val: number) => void
-    label: Form.Label
-    formatTooltip?: (val: number) => React.ReactNode
-    variants?: ComponentVariants<typeof SliderStyles>['variants']
-    styles?: StylesOf<SliderComposition>
-    style?: ViewProps['style']
-    tooltipVisibilityWindow?: number
-}
-
-export type SliderMarkProps = {
-    sliderProps: SliderProps
-    index: number
-    styles: SliderProps['styles']
-    variantStyles: SliderProps['styles']
-}
+import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common'
+import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types'
+import { StylesOf } from '../../types/utility'
+import { ViewProps } from '../View'
+export type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
+    debounce?: number
+    labels: string[]
+    value: number
+    valueOverThumb?: boolean
+    showMarks?: boolean
+    onValueChange: (val: number) => void
+    label: Form.Label
+    formatTooltip?: (val: number) => React.ReactNode
+    variants?: ComponentVariants<typeof SliderStyles>['variants']
+    styles?: StylesOf<SliderComposition>
+    style?: ViewProps['style']
+    tooltipVisibilityWindow?: number
+}
+
+export type SliderMarkProps = {
+    sliderProps: SliderProps
+    index: number
+    styles: SliderProps['styles']
+    variantStyles: SliderProps['styles']
+}

package/src/components/Switch.tsx

@@ -1,81 +1,81 @@
-import * as React from 'react'
-import {
-  SwitchStyles,
-  SwitchComposition,
-  ComponentVariants,
-  useDefaultComponentStyle,
-  StylesOf,
-  useCodeleapContext,
-  FormTypes,
-  useValidate,
-} from '@codeleap/common'
-import { ComponentPropsWithRef, forwardRef, ReactNode } from 'react'
-import { StyleSheet, Switch as NativeSwitch } from 'react-native'
-import { InputLabel, FormError } from './TextInput'
-import { View } from './View'
-
-type NativeSwitchProps = Omit<
-  ComponentPropsWithRef<typeof NativeSwitch>,
-  'thumbColor' | 'trackColor'
->
-type SwitchProps = NativeSwitchProps & {
-  variants?: ComponentVariants<typeof SwitchStyles>['variants']
-  label?: ReactNode
-  styles?: StylesOf<SwitchComposition>
-  validate?: FormTypes.ValidatorFunctionWithoutForm | string
-}
-
-export const Switch = forwardRef<NativeSwitch, SwitchProps>(
-  (switchProps, ref) => {
-    const {
-      variants = [],
-      style = {},
-      styles = {},
-      validate,
-      label,
-      value,
-      ...props
-    } = switchProps
-
-    const variantStyles = useDefaultComponentStyle('Switch', {
-      variants,
-    })
-    const { error, showError } = useValidate(switchProps.value, validate)
-    function getStyles(key: SwitchComposition) {
-      return [
-        variantStyles[key],
-        styles[key],
-        key === 'wrapper' ? style : {},
-        showError ? variantStyles[key + ':error'] : {},
-        showError ? styles[key + ':error'] : {},
-        value ? variantStyles[key + ':on'] : {},
-        value ? styles[key + ':on'] : {},
-        switchProps.disabled ? variantStyles[key + ':disabled'] : {},
-        switchProps.disabled ? styles[key + ':disabled'] : {},
-      ]
-    }
-
-    const inputStyles = getStyles('input')
-
-    const { color, backgroundColor } = StyleSheet.flatten(inputStyles)
-    const { Theme } = useCodeleapContext()
-
-    const thumbColor = color || Theme.colors.primary
-    const trackColor = backgroundColor || Theme.colors.gray
-    return (
-      <View style={getStyles('wrapper')}>
-        <View style={getStyles('inputWrapper')}>
-          <NativeSwitch
-            thumbColor={thumbColor}
-            trackColor={{ false: trackColor, true: trackColor }}
-            ios_backgroundColor={trackColor}
-            value={value}
-            {...props}
-          />
-          <InputLabel label={label} style={getStyles('label')} />
-        </View>
-        <FormError message={error.message} style={getStyles('error')} />
-      </View>
-    )
-  },
-) as React.FC<SwitchProps>
+import * as React from 'react'
+import {
+  SwitchStyles,
+  SwitchComposition,
+  ComponentVariants,
+  useDefaultComponentStyle,
+  StylesOf,
+  useCodeleapContext,
+  FormTypes,
+  useValidate,
+} from '@codeleap/common'
+import { ComponentPropsWithRef, forwardRef, ReactNode } from 'react'
+import { StyleSheet, Switch as NativeSwitch } from 'react-native'
+import { InputLabel, FormError } from './TextInput'
+import { View } from './View'
+
+type NativeSwitchProps = Omit<
+  ComponentPropsWithRef<typeof NativeSwitch>,
+  'thumbColor' | 'trackColor'
+>
+type SwitchProps = NativeSwitchProps & {
+  variants?: ComponentVariants<typeof SwitchStyles>['variants']
+  label?: ReactNode
+  styles?: StylesOf<SwitchComposition>
+  validate?: FormTypes.ValidatorFunctionWithoutForm | string
+}
+
+export const Switch = forwardRef<NativeSwitch, SwitchProps>(
+  (switchProps, ref) => {
+    const {
+      variants = [],
+      style = {},
+      styles = {},
+      validate,
+      label,
+      value,
+      ...props
+    } = switchProps
+
+    const variantStyles = useDefaultComponentStyle('Switch', {
+      variants,
+    })
+    const { error, showError } = useValidate(switchProps.value, validate)
+    function getStyles(key: SwitchComposition) {
+      return [
+        variantStyles[key],
+        styles[key],
+        key === 'wrapper' ? style : {},
+        showError ? variantStyles[key + ':error'] : {},
+        showError ? styles[key + ':error'] : {},
+        value ? variantStyles[key + ':on'] : {},
+        value ? styles[key + ':on'] : {},
+        switchProps.disabled ? variantStyles[key + ':disabled'] : {},
+        switchProps.disabled ? styles[key + ':disabled'] : {},
+      ]
+    }
+
+    const inputStyles = getStyles('input')
+
+    const { color, backgroundColor } = StyleSheet.flatten(inputStyles)
+    const { Theme } = useCodeleapContext()
+
+    const thumbColor = color || Theme.colors.primary
+    const trackColor = backgroundColor || Theme.colors.gray
+    return (
+      <View style={getStyles('wrapper')}>
+        <View style={getStyles('inputWrapper')}>
+          <NativeSwitch
+            thumbColor={thumbColor}
+            trackColor={{ false: trackColor, true: trackColor }}
+            ios_backgroundColor={trackColor}
+            value={value}
+            {...props}
+          />
+          <InputLabel label={label} style={getStyles('label')} />
+        </View>
+        <FormError message={error.message} style={getStyles('error')} />
+      </View>
+    )
+  },
+) as React.FC<SwitchProps>

package/src/components/Text.tsx

@@ -1,30 +1,30 @@
-import * as React from 'react'
-import { ComponentPropsWithoutRef, forwardRef } from 'react'
-import {
-  ComponentVariants,
-  useDefaultComponentStyle,
-  BaseViewProps,
-  TextStyles,
-} from '@codeleap/common'
-import { Text as NativeText } from 'react-native'
-
-export type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
-  text?: string
-  variants?: ComponentVariants<typeof TextStyles>['variants']
-} & BaseViewProps
-
-export const Text = forwardRef<NativeText, TextProps>((textProps, ref) => {
-  const { variants = [], text, style, ...props } = textProps
-
-  const variantStyles = useDefaultComponentStyle('Text', {
-    variants,
-    rootElement: 'text',
-  })
-
-  const styles = [variantStyles.text, style]
-  return (
-    <NativeText {...props} style={styles} ref={ref}>
-      {text}
-    </NativeText>
-  )
-})
+import * as React from 'react'
+import { ComponentPropsWithoutRef, forwardRef } from 'react'
+import {
+  ComponentVariants,
+  useDefaultComponentStyle,
+  BaseViewProps,
+  TextStyles,
+} from '@codeleap/common'
+import { Text as NativeText } from 'react-native'
+
+export type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
+  text?: string
+  variants?: ComponentVariants<typeof TextStyles>['variants']
+} & BaseViewProps
+
+export const Text = forwardRef<NativeText, TextProps>((textProps, ref) => {
+  const { variants = [], text, style, ...props } = textProps
+
+  const variantStyles = useDefaultComponentStyle('Text', {
+    variants,
+    rootElement: 'text',
+  })
+
+  const styles = [variantStyles.text, style]
+  return (
+    <NativeText {...props} style={styles} ref={ref}>
+      {text}
+    </NativeText>
+  )
+})