@codeleap/mobile 1.4.2 → 1.5.0

package/dist/utils/OSAlert.js

@@ -1,142 +1,142 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint no-restricted-imports: 'off' */
-/* eslint prefer-const: 'off' */
-var react_native_1 = require("react-native");
-var currentAlerts = {};
-function generateAlertID(from) {
-    return [
-        from.type,
-        from.title,
-        from.body,
-    ].join('-');
-}
-function shouldShowAlert(args, type) {
-    var alertId = generateAlertID(__assign(__assign({}, args), { type: type }));
-    if (!Object.keys(currentAlerts).includes(alertId)) {
-        currentAlerts[alertId] = true;
-        return alertId;
-    }
-    return '';
-}
-function popAlert(id) {
-    delete currentAlerts[id];
-}
-function ask(_a) {
-    var title = _a.title, body = _a.body, _b = _a.options, options = _b === void 0 ? null : _b;
-    if (!title) {
-        title = 'Quick quetion';
-    }
-    OSAlert({
-        title: title,
-        body: body,
-        options: options,
-    });
-}
-function warn(args) {
-    var id = shouldShowAlert(args, 'warn');
-    if (!id)
-        return;
-    var title = args.title, body = args.body, onAccept = args.onAccept, onReject = args.onReject;
-    if (!title) {
-        title = 'Hang on';
-    }
-    if (!body) {
-        body = 'Are you sure?';
-    }
-    if (!onReject) {
-        onReject = function () { return null; };
-    }
-    OSAlert({
-        title: title,
-        body: body,
-        options: [
-            {
-                text: 'Cancel',
-                onPress: function () {
-                    popAlert(id);
-                    onReject();
-                },
-            },
-            {
-                text: 'OK',
-                style: 'destructive',
-                onPress: function () {
-                    popAlert(id);
-                    onAccept === null || onAccept === void 0 ? void 0 : onAccept();
-                },
-            },
-        ],
-    });
-}
-function info(args) {
-    var id = shouldShowAlert(args, 'info');
-    if (!id)
-        return;
-    var title = args.title, body = args.body, _a = args.onDismiss, onDismiss = _a === void 0 ? function () { return null; } : _a;
-    if (!title) {
-        title = 'FYI';
-    }
-    OSAlert({
-        title: title,
-        body: body,
-        options: [
-            {
-                text: 'OK',
-                onPress: function () {
-                    popAlert(id);
-                    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-                },
-            },
-        ],
-    });
-}
-function OSError(args) {
-    var id = shouldShowAlert(args, 'error');
-    if (!id)
-        return;
-    var title = args.title, body = args.body;
-    if (!title) {
-        title = 'Whoops!';
-    }
-    if (!body) {
-        body = 'Something went wrong';
-    }
-    OSAlert({
-        title: title,
-        body: body,
-        options: [
-            {
-                text: 'OK',
-                onPress: function () {
-                    var _a;
-                    popAlert(id);
-                    (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
-                },
-            },
-        ],
-    });
-}
-function OSAlert(params) {
-    react_native_1.Alert.alert(params.title, params.body, params.options, {
-        cancelable: false,
-    });
-}
-exports.default = {
-    ask: ask,
-    warn: warn,
-    info: info,
-    error: OSError,
-};
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint no-restricted-imports: 'off' */
+/* eslint prefer-const: 'off' */
+var react_native_1 = require("react-native");
+var currentAlerts = {};
+function generateAlertID(from) {
+    return [
+        from.type,
+        from.title,
+        from.body,
+    ].join('-');
+}
+function shouldShowAlert(args, type) {
+    var alertId = generateAlertID(__assign(__assign({}, args), { type: type }));
+    if (!Object.keys(currentAlerts).includes(alertId)) {
+        currentAlerts[alertId] = true;
+        return alertId;
+    }
+    return '';
+}
+function popAlert(id) {
+    delete currentAlerts[id];
+}
+function ask(_a) {
+    var title = _a.title, body = _a.body, _b = _a.options, options = _b === void 0 ? null : _b;
+    if (!title) {
+        title = 'Quick quetion';
+    }
+    OSAlert({
+        title: title,
+        body: body,
+        options: options,
+    });
+}
+function warn(args) {
+    var id = shouldShowAlert(args, 'warn');
+    if (!id)
+        return;
+    var title = args.title, body = args.body, onAccept = args.onAccept, onReject = args.onReject;
+    if (!title) {
+        title = 'Hang on';
+    }
+    if (!body) {
+        body = 'Are you sure?';
+    }
+    if (!onReject) {
+        onReject = function () { return null; };
+    }
+    OSAlert({
+        title: title,
+        body: body,
+        options: [
+            {
+                text: 'Cancel',
+                onPress: function () {
+                    popAlert(id);
+                    onReject();
+                },
+            },
+            {
+                text: 'OK',
+                style: 'destructive',
+                onPress: function () {
+                    popAlert(id);
+                    onAccept === null || onAccept === void 0 ? void 0 : onAccept();
+                },
+            },
+        ],
+    });
+}
+function info(args) {
+    var id = shouldShowAlert(args, 'info');
+    if (!id)
+        return;
+    var title = args.title, body = args.body, _a = args.onDismiss, onDismiss = _a === void 0 ? function () { return null; } : _a;
+    if (!title) {
+        title = 'FYI';
+    }
+    OSAlert({
+        title: title,
+        body: body,
+        options: [
+            {
+                text: 'OK',
+                onPress: function () {
+                    popAlert(id);
+                    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                },
+            },
+        ],
+    });
+}
+function OSError(args) {
+    var id = shouldShowAlert(args, 'error');
+    if (!id)
+        return;
+    var title = args.title, body = args.body;
+    if (!title) {
+        title = 'Whoops!';
+    }
+    if (!body) {
+        body = 'Something went wrong';
+    }
+    OSAlert({
+        title: title,
+        body: body,
+        options: [
+            {
+                text: 'OK',
+                onPress: function () {
+                    var _a;
+                    popAlert(id);
+                    (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
+                },
+            },
+        ],
+    });
+}
+function OSAlert(params) {
+    react_native_1.Alert.alert(params.title, params.body, params.options, {
+        cancelable: false,
+    });
+}
+exports.default = {
+    ask: ask,
+    warn: warn,
+    info: info,
+    error: OSError,
+};
 //# sourceMappingURL=OSAlert.js.map

package/dist/utils/misc.d.ts

@@ -1,2 +1,2 @@
-import { MobileInputFile } from '@codeleap/common';
-export declare const stringToFile: (str: string) => MobileInputFile;
+import { MobileInputFile } from '@codeleap/common';
+export declare const stringToFile: (str: string) => MobileInputFile;

package/dist/utils/misc.js

@@ -1,26 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringToFile = void 0;
-var common_1 = require("@codeleap/common");
-var stringToFile = function (str) {
-    if (!str) {
-        return {
-            file: null,
-            preview: null,
-        };
-    }
-    var fileData = (0, common_1.parseFilePathData)(str);
-    var data = {
-        name: fileData.name,
-        type: 'image/' + fileData.extension,
-        size: 1000,
-        uri: str,
-        fileCopyUri: str,
-    };
-    return {
-        file: data,
-        preview: data.uri,
-    };
-};
-exports.stringToFile = stringToFile;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringToFile = void 0;
+var common_1 = require("@codeleap/common");
+var stringToFile = function (str) {
+    if (!str) {
+        return {
+            file: null,
+            preview: null,
+        };
+    }
+    var fileData = (0, common_1.parseFilePathData)(str);
+    var data = {
+        name: fileData.name,
+        type: 'image/' + fileData.extension,
+        size: 1000,
+        uri: str,
+        fileCopyUri: str,
+    };
+    return {
+        file: data,
+        preview: data.uri,
+    };
+};
+exports.stringToFile = stringToFile;
 //# sourceMappingURL=misc.js.map

package/dist/utils/styles.d.ts

@@ -1 +1 @@
-export declare function useLogStyles(): (name: any, styles: any) => void;
+export declare function useLogStyles(): (name: any, styles: any) => void;

package/dist/utils/styles.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogStyles = void 0;
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-function useLogStyles() {
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    return function (name, styles) {
-        logger.debug.blue(name, JSON.stringify(react_native_1.StyleSheet.flatten(styles), null, 2), 'Component Styles');
-    };
-}
-exports.useLogStyles = useLogStyles;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogStyles = void 0;
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+function useLogStyles() {
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    return function (name, styles) {
+        logger.debug.blue(name, JSON.stringify(react_native_1.StyleSheet.flatten(styles), null, 2), 'Component Styles');
+    };
+}
+exports.useLogStyles = useLogStyles;
 //# sourceMappingURL=styles.js.map

package/package.json

@@ -1,40 +1,40 @@
-{
-  "name": "@codeleap/mobile",
-  "version": "1.4.2",
-  "main": "src/index.ts",
-  "repository": "https://github.com/codeleap-uk/internal-libs-monorepo/tree/master/packages/mobile",
-  "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
-  "license": "UNLICENSED",
-  "devDependencies": {
-    "@codeleap/config": "*",
-    "@types/react-native": "^0.66.15",
-    "@types/react-window": "^1.8.5",
-    "typescript": "^4.5.5"
-  },
-  "scripts": {
-    "build": "tsc --build",
-    "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\"",
-    "publish": "npm publish"
-  },
-  "peerDependencies": {
-    "@codeleap/common": "*",
-    "@react-navigation/bottom-tabs": "^6.0.9",
-    "@react-navigation/drawer": "^6.1.8",
-    "@react-navigation/native": "^6.0.6",
-    "@react-navigation/native-stack": "^6.2.5",
-    "@react-navigation/stack": "^6.1.1",
-    "react": "*",
-    "react-native": "*",
-    "react-native-fast-image": "^8.5.11",
-    "react-native-gesture-handler": "^2.2.0",
-    "react-native-image-crop-picker": "*"
-  },
-  "dependencies": {
-    "@miblanchard/react-native-slider": "^2.1.0",
-    "lottie-ios": "3.2.3",
-    "lottie-react-native": "^5.0.1",
-    "react-native-animatable": "^1.3.3",
-    "react-native-keyboard-aware-scroll-view": "^0.9.5",
-    "react-native-pose": "^0.9.1"
-  }
-}
+{
+  "name": "@codeleap/mobile",
+  "version": "1.5.0",
+  "main": "src/index.ts",
+  "repository": "git@github.com:codeleap-uk/codeleap-lib.git",
+  "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
+  "license": "UNLICENSED",
+  "devDependencies": {
+    "@codeleap/config": "*",
+    "@types/react-native": "^0.66.15",
+    "@types/react-window": "^1.8.5",
+    "typescript": "^4.5.5"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\"",
+    "publish": "npm publish"
+  },
+  "peerDependencies": {
+    "@codeleap/common": "*",
+    "@react-navigation/bottom-tabs": "^6.0.9",
+    "@react-navigation/drawer": "^6.1.8",
+    "@react-navigation/native": "^6.0.6",
+    "@react-navigation/native-stack": "^6.2.5",
+    "@react-navigation/stack": "^6.1.1",
+    "react": "*",
+    "react-native": "*",
+    "react-native-fast-image": "^8.5.11",
+    "react-native-gesture-handler": "^2.2.0",
+    "react-native-image-crop-picker": "*"
+  },
+  "dependencies": {
+    "@miblanchard/react-native-slider": "^2.1.0",
+    "lottie-ios": "3.2.3",
+    "lottie-react-native": "^5.0.1",
+    "react-native-animatable": "^1.3.3",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-pose": "^0.9.1"
+  }
+}

package/src/components/ActivityIndicator.tsx

@@ -1,46 +1,46 @@
-import * as React from 'react'
-import { ComponentPropsWithoutRef, forwardRef } from 'react'
-import { ActivityIndicator as Indicator, StyleSheet } from 'react-native'
-import {
-  ActivityIndicatorComposition,
-  ActivityIndicatorStyles,
-  useDefaultComponentStyle,
-  ComponentVariants,
-  useCodeleapContext,
-} from '@codeleap/common'
-import { StylesOf } from '../types/utility'
-
-export type ActivityIndicatorProps = ComponentPropsWithoutRef<
-  typeof Indicator
-> & {
-  variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants']
-  styles?: StylesOf<ActivityIndicatorComposition>
-}
-
-export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
-  (activityIndicatorProps, ref) => {
-    const { variants = [], style, styles: propStyles, ...props } = activityIndicatorProps
-
-    const variantStyles = useDefaultComponentStyle('ActivityIndicator', {
-      variants,
-      transform: StyleSheet.flatten,
-      styles: propStyles,
-    })
-
-    const { Theme } = useCodeleapContext()
-
-    const styles = StyleSheet.flatten([variantStyles.wrapper, style])
-    const color = styles?.color || Theme.colors.gray
-    const size = styles?.height || styles?.width || 'large'
-
-    return (
-      <Indicator
-        size={size}
-        ref={ref}
-        color={color}
-        style={styles}
-        {...props}
-      />
-    )
-  },
-)
+import * as React from 'react'
+import { ComponentPropsWithoutRef, forwardRef } from 'react'
+import { ActivityIndicator as Indicator, StyleSheet } from 'react-native'
+import {
+  ActivityIndicatorComposition,
+  ActivityIndicatorStyles,
+  useDefaultComponentStyle,
+  ComponentVariants,
+  useCodeleapContext,
+} from '@codeleap/common'
+import { StylesOf } from '../types/utility'
+
+export type ActivityIndicatorProps = ComponentPropsWithoutRef<
+  typeof Indicator
+> & {
+  variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants']
+  styles?: StylesOf<ActivityIndicatorComposition>
+}
+
+export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
+  (activityIndicatorProps, ref) => {
+    const { variants = [], style, styles: propStyles, ...props } = activityIndicatorProps
+
+    const variantStyles = useDefaultComponentStyle('ActivityIndicator', {
+      variants,
+      transform: StyleSheet.flatten,
+      styles: propStyles,
+    })
+
+    const { Theme } = useCodeleapContext()
+
+    const styles = StyleSheet.flatten([variantStyles.wrapper, style])
+    const color = styles?.color || Theme.colors.gray
+    const size = styles?.height || styles?.width || 'large'
+
+    return (
+      <Indicator
+        size={size}
+        ref={ref}
+        color={color}
+        style={styles}
+        {...props}
+      />
+    )
+  },
+)

package/src/components/Animated.tsx

@@ -1,34 +1,34 @@
-import { onUpdate } from '@codeleap/common'
-import React, { useRef } from 'react'
-
-import posed from 'react-native-pose'
-import { Touchable } from './Touchable'
-import { View } from './View'
-const Components = {
-  Touchable,
-  View,
-}
-
-const PosedComponents = Object.fromEntries(
-  Object.entries(Components).map(([key, Render]) => [key, posed(Render)]),
-)
-
-type AnimatedComponents = typeof Components
-type CP = keyof AnimatedComponents
-
-type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
-  component: T
-  config: CFG
-  pose: keyof CFG
-  initialPose?: keyof CFG
-} & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>
-
-export const Animated = <T extends CP, CFG = any>({
-  config,
-  component,
-  ...props
-}: AnimatedProps<T, CFG>) => {
-  const Component = useRef(PosedComponents[component](config)).current
-
-  return <Component withParent={false} {...props} />
-}
+import { onUpdate } from '@codeleap/common'
+import React, { useRef } from 'react'
+
+import posed from 'react-native-pose'
+import { Touchable } from './Touchable'
+import { View } from './View'
+const Components = {
+  Touchable,
+  View,
+}
+
+const PosedComponents = Object.fromEntries(
+  Object.entries(Components).map(([key, Render]) => [key, posed(Render)]),
+)
+
+type AnimatedComponents = typeof Components
+type CP = keyof AnimatedComponents
+
+type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
+  component: T
+  config: CFG
+  pose: keyof CFG
+  initialPose?: keyof CFG
+} & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>
+
+export const Animated = <T extends CP, CFG = any>({
+  config,
+  component,
+  ...props
+}: AnimatedProps<T, CFG>) => {
+  const Component = useRef(PosedComponents[component](config)).current
+
+  return <Component withParent={false} {...props} />
+}