@holper/react-native-holper-storybook 0.7.0 → 0.7.1

package/stories/UploadDocument.stories.tsx

@@ -1,179 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { useState } from 'react';
-import { Alert } from 'react-native';
-
-import { UploadDocument } from '../components';
-import { Colors } from '../configs/constants';
-
-export default {
-  title: 'UploadDocument',
-  component: UploadDocument,
-};
-
-export const Default = {
-  render: () => (
-    <UploadDocument
-      title="Foto frontal"
-      description="Foto frontal de su cedula de identidad"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir documento"
-      icon={<Ionicons name="image-outline" color={Colors.darkblue} size={50} />}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={() => {}}
-    />
-  ),
-};
-
-export const AvatarType = {
-  render: () => (
-    <UploadDocument
-      title="Avatar"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir avatar"
-      icon={<Ionicons name="happy-outline" color={Colors.darkblue} size={50} />}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={() => {}}
-      isAvatarPicker
-    />
-  ),
-};
-
-export const PreloadedFile = {
-  render: () => (
-    <UploadDocument
-      title="Foto frontal"
-      description="Foto frontal de su cedula de identidad"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir documento"
-      icon={<Ionicons name="image-outline" color={Colors.darkblue} size={50} />}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={() => {}}
-      file="https://picsum.photos/200?random=1"
-    />
-  ),
-};
-
-const CompletedComponent = () => {
-  const [value, setValue] = useState<string>();
-
-  return (
-    <UploadDocument
-      title="Foto frontal"
-      description="Foto frontal de su cedula de identidad"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir documento"
-      icon={<Ionicons name="image-outline" color={Colors.darkblue} size={50} />}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={setValue}
-      completed={value !== null}
-    />
-  );
-};
-
-export const Completed = {
-  render: CompletedComponent,
-};
-
-export const Inverted = {
-  render: () => (
-    <UploadDocument
-      inverted
-      title="Foto frontal"
-      description="Foto frontal de su cedula de identidad"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir documento"
-      icon={<Ionicons name="image-outline" color={Colors.darkblue} size={50} />}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={() => {}}
-    />
-  ),
-};
-
-export const PermissionDenied = {
-  render: () => (
-    <UploadDocument
-      title="Foto frontal"
-      description="Foto frontal de su cedula de identidad"
-      uploadButtonText="Subir"
-      reUploadButtonText="Volver a subir documento"
-      icon={<Ionicons name="image-outline" color={Colors.darkblue} size={50} />}
-      onPermissionDenied={() => {
-        Alert.alert('Permission denied', 'Permission denied');
-      }}
-      mediaModal={{
-        title: 'Seleccionar origen',
-        description: 'Selecione desde donde desea cargar el archivo',
-        confirmText: 'Cámara',
-        cancelText: 'Galería',
-      }}
-      takePicture={{
-        cameraErrorMessage: 'No access to the camera',
-        requestPermissionsMessage: 'Grant access to the camera',
-        processingPictureMessage: 'Processing',
-        repeatPictureText: 'Repeat',
-        usePictureText: 'Use',
-      }}
-      onSelectImage={() => {}}
-    />
-  ),
-};

package/stories/VirtualKeyboard.stories.tsx

@@ -1,14 +0,0 @@
-import { VirtualKeyboard } from '../components';
-
-export default {
-  title: 'Virtual Keyboard',
-  component: VirtualKeyboard,
-};
-
-export const Default = {
-  render: () => <VirtualKeyboard onPress={() => {}} />,
-};
-
-export const HideBiometrics = {
-  render: () => <VirtualKeyboard onPress={() => {}} hideBiometrics />,
-};

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    /* Bundler */
-    "jsx": "preserve",
-    "allowJs": true,
-    "resolveJsonModule": true,
-
-    /* Linting */
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noImplicitThis": true,
-    "strict": true,
-    "strictNullChecks": true,
-    "useUnknownInCatchVariables": false
-  },
-  "extends": "expo/tsconfig.base"
-}

package/utilities/ScrollView.tsx

@@ -1,19 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-import { ScrollView } from 'react-native';
-
-interface ScrollViewProps {
-  children: ReactNode;
-  styles?: StyleProp<ViewStyle>;
-  contentContainerStyle?: StyleProp<ViewStyle>;
-}
-
-export default ({ children, styles, contentContainerStyle }: ScrollViewProps) => (
-  <ScrollView
-    style={[{ paddingVertical: 42, paddingHorizontal: 20, flex: 1 }, styles]}
-    contentContainerStyle={contentContainerStyle}
-  >
-    {children}
-  </ScrollView>
-);

package/utilities/index.ts

@@ -1,2 +0,0 @@
-export { default as ScrollView } from './ScrollView';
-export { lightOrDark } from './utils';

package/utilities/utils.ts

@@ -1,29 +0,0 @@
-export const lightOrDark = (color: any) => {
-  let r: number, g: number, b: number;
-  // Check the format of the color, HEX or RGB?
-  if (color.match(/^rgb/)) {
-    // If HEX --> store the red, green, blue values in separate variables
-    color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);
-
-    r = color[1];
-    g = color[2];
-    b = color[3];
-  } else {
-    // If RGB --> Convert it to HEX: http://gist.github.com/983661
-    color = +('0x' + color.slice(1).replace(color.length < 5 && /./g, '$&$&'));
-
-    r = Math.floor(color / (256 * 256));
-    g = Math.floor(color / 256) % 256;
-    b = color % 256;
-  }
-
-  // HSP equation from http://alienryderflex.com/hsp.html
-  const hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));
-
-  // Using the HSP value, determine whether the color is light or dark
-  if (hsp > 127.5) {
-    return 'light';
-  } else {
-    return 'dark';
-  }
-};