@codeleap/mobile 1.9.25 → 1.9.28

package/dist/components/FileInput.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-import { ButtonProps } from './Button';
-import OSAlert from '../utils/OSAlert';
-import { Options } from 'react-native-image-crop-picker';
-import { DocumentPickerOptions } from '../modules/types/documentPicker';
-export declare type FileInputRef = {
-    openFilePicker: (string?: 'camera' | 'library') => void;
-};
-export declare type FileInputProps = {
-    label?: string;
-    iconName?: IconPlaceholder;
-    styles?: StylesOf<FileInputComposition>;
-    mode: 'hidden' | 'button';
-    variants?: ComponentVariants<typeof FileInputStyles>['variants'];
-    onFileSelect(files: MobileInputFile[]): void;
-    options?: DocumentPickerOptions<any>;
-    buttonProps?: ButtonProps;
-    ref?: FileInputRef;
-    placeholder?: string;
-    type?: 'image' | 'anyFile';
-    alertProps?: Parameters<typeof OSAlert.ask>[0];
-    pickerOptions?: Partial<Options>;
-    required?: boolean;
-    onOpenCamera?: (resolve: (() => void)) => Promise<void>;
-    onOpenFileSystem?: (resolve: (() => void)) => Promise<void>;
-    onOpenGallery?: (resolve: (() => void)) => Promise<void>;
-    onError?: (error: any) => void;
-};
-export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "onError" | "placeholder" | "type" | "options" | "required" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions" | "onOpenCamera" | "onOpenFileSystem" | "onOpenGallery"> & React.RefAttributes<FileInputRef>>;
+import React from 'react';
+import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+import { ButtonProps } from './Button';
+import OSAlert from '../utils/OSAlert';
+import { Options } from 'react-native-image-crop-picker';
+import { DocumentPickerOptions } from '../modules/types/documentPicker';
+export declare type FileInputRef = {
+    openFilePicker: (string?: 'camera' | 'library') => void;
+};
+export declare type FileInputProps = {
+    label?: string;
+    iconName?: IconPlaceholder;
+    styles?: StylesOf<FileInputComposition>;
+    mode: 'hidden' | 'button';
+    variants?: ComponentVariants<typeof FileInputStyles>['variants'];
+    onFileSelect(files: MobileInputFile[]): void;
+    options?: DocumentPickerOptions<any>;
+    buttonProps?: ButtonProps;
+    ref?: FileInputRef;
+    placeholder?: string;
+    type?: 'image' | 'anyFile';
+    alertProps?: Parameters<typeof OSAlert.ask>[0];
+    pickerOptions?: Partial<Options>;
+    required?: boolean;
+    onOpenCamera?: (resolve: (() => void)) => Promise<void>;
+    onOpenFileSystem?: (resolve: (() => void)) => Promise<void>;
+    onOpenGallery?: (resolve: (() => void)) => Promise<void>;
+    onError?: (error: any) => void;
+};
+export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "onError" | "placeholder" | "type" | "options" | "required" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions" | "onOpenCamera" | "onOpenFileSystem" | "onOpenGallery"> & React.RefAttributes<FileInputRef>>;

package/dist/components/FileInput.js

@@ -1,231 +1,231 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = void 0;
-var react_1 = __importStar(require("react"));
-var documentPicker_1 = require("../modules/documentPicker");
-var common_1 = require("@codeleap/common");
-var Button_1 = require("./Button");
-var View_1 = require("./View");
-var TextInput_1 = require("./TextInput");
-var OSAlert_1 = __importDefault(require("../utils/OSAlert"));
-var pickerDefaults = {
-    width: 300,
-    height: 400,
-    cropping: true,
-};
-function parsePickerData(data) {
-    var filePathData = (0, common_1.parseFilePathData)(data.path);
-    var d = {
-        name: filePathData.name,
-        size: data.size,
-        type: data.mime,
-        uri: data.path,
-        fileCopyUri: data.path,
-    };
-    return {
-        file: d,
-        preview: data.path,
-    };
-}
-exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
-    var _a = fileInputProps.mode, mode = _a === void 0 ? 'hidden' : _a, onFileSelect = fileInputProps.onFileSelect, iconName = fileInputProps.iconName, styles = fileInputProps.styles, label = fileInputProps.label, variants = fileInputProps.variants, options = fileInputProps.options, _b = fileInputProps.type, type = _b === void 0 ? 'image' : _b, alertProps = fileInputProps.alertProps, _c = fileInputProps.placeholder, placeholder = _c === void 0 ? 'Select a file' : _c, pickerOptions = fileInputProps.pickerOptions, required = fileInputProps.required, buttonProps = fileInputProps.buttonProps, _d = fileInputProps.onOpenCamera, onOpenCamera = _d === void 0 ? null : _d, _e = fileInputProps.onOpenGallery, onOpenGallery = _e === void 0 ? null : _e, _f = fileInputProps.onOpenFileSystem, onOpenFileSystem = _f === void 0 ? null : _f, onError = fileInputProps.onError;
-    var _g = react_1.default.useState(null), file = _g[0], setFile = _g[1];
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    function openFileSystem() {
-        return __awaiter(this, void 0, void 0, function () {
-            var files, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, documentPicker_1.DocumentPicker.pick(options)];
-                    case 1:
-                        files = _a.sent();
-                        if (!Array.isArray(files)) {
-                            files = [files];
-                        }
-                        setFile(files);
-                        onFileSelect(files.map(function (file) { return ({ preview: file.uri, file: file }); }));
-                        return [3 /*break*/, 3];
-                    case 2:
-                        err_1 = _a.sent();
-                        handleError(err_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function handleError(err) {
-        var warn = documentPicker_1.DocumentPicker.isCancel(err) || String(err).includes('Error: User cancelled');
-        if (warn) {
-            // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
-            logger.warn(err);
-            console.warn(err);
-        }
-        else {
-            // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
-            logger.error(err);
-            console.warn(err);
-            if (onError) {
-                onError(err);
-            }
-            else {
-                OSAlert_1.default.error({
-                    title: 'Error',
-                    body: err.message,
-                });
-            }
-        }
-    }
-    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
-    var handlePickerResolution = function (data) {
-        onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
-            parsePickerData(data),
-        ]);
-    };
-    var onPress = function (open, options) {
-        if (open == 'fs') {
-            openFileSystem();
-        }
-        else {
-            var call = open === 'camera' ? 'openCamera' : 'openPicker';
-            documentPicker_1.ImageCropPicker[call](__assign(__assign({}, mergedOptions), (options || {}))).then(handlePickerResolution);
-        }
-    };
-    var openFilePicker = function (imageSource) {
-        if (imageSource === void 0) { imageSource = null; }
-        return __awaiter(void 0, void 0, void 0, function () {
-            var _a, _b;
-            return __generator(this, function (_c) {
-                if (type === 'image') {
-                    if (imageSource === 'camera') {
-                        onPress('camera');
-                    }
-                    else if (imageSource === 'library') {
-                        onPress('library');
-                    }
-                    else {
-                        OSAlert_1.default.ask(__assign(__assign({ title: 'Change Image', body: 'Do you want to take a new picture or select an existing one?' }, alertProps), { options: [
-                                __assign({ text: ((_b = (_a = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || 'Camera', onPress: function () {
-                                        if (onOpenCamera) {
-                                            onOpenCamera(function () { return onPress('camera'); });
-                                        }
-                                        else {
-                                            onPress('camera');
-                                        }
-                                    } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[1]),
-                                __assign({ text: 'Library', onPress: function () {
-                                        if (onOpenGallery) {
-                                            onOpenGallery(function () { return onPress('library'); });
-                                        }
-                                        else {
-                                            onPress('library');
-                                        }
-                                    } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[2]),
-                                __assign({ text: 'Cancel', style: 'cancel', onPress: function () { } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[0]),
-                            ] }));
-                    }
-                }
-                else {
-                    if (onOpenFileSystem) {
-                        onOpenFileSystem(function () { return onPress('fs'); });
-                    }
-                    else {
-                        onPress('fs');
-                    }
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('FileInput', {
-        styles: styles,
-        variants: variants,
-    });
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        openFilePicker: openFilePicker,
-    }); });
-    var filenames = file ? file.map(function (f) { return f.name; }) : '';
-    if (mode === 'button') {
-        return (<View_1.View style={variantStyles.wrapper}>
-        <TextInput_1.InputLabel label={label} style={variantStyles.label} required={required}/>
-        <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames || placeholder} debugName={'Open file picker'} icon={iconName || 'fileInputButton'} variants={filenames ? '' : 'icon'} {...buttonProps}/>
-      </View_1.View>);
-    }
-    return null;
-});
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
+var react_1 = __importStar(require("react"));
+var documentPicker_1 = require("../modules/documentPicker");
+var common_1 = require("@codeleap/common");
+var Button_1 = require("./Button");
+var View_1 = require("./View");
+var TextInput_1 = require("./TextInput");
+var OSAlert_1 = __importDefault(require("../utils/OSAlert"));
+var pickerDefaults = {
+    width: 300,
+    height: 400,
+    cropping: true,
+};
+function parsePickerData(data) {
+    var filePathData = (0, common_1.parseFilePathData)(data.path);
+    var d = {
+        name: filePathData.name,
+        size: data.size,
+        type: data.mime,
+        uri: data.path,
+        fileCopyUri: data.path,
+    };
+    return {
+        file: d,
+        preview: data.path,
+    };
+}
+exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
+    var _a = fileInputProps.mode, mode = _a === void 0 ? 'hidden' : _a, onFileSelect = fileInputProps.onFileSelect, iconName = fileInputProps.iconName, styles = fileInputProps.styles, label = fileInputProps.label, variants = fileInputProps.variants, options = fileInputProps.options, _b = fileInputProps.type, type = _b === void 0 ? 'image' : _b, alertProps = fileInputProps.alertProps, _c = fileInputProps.placeholder, placeholder = _c === void 0 ? 'Select a file' : _c, pickerOptions = fileInputProps.pickerOptions, required = fileInputProps.required, buttonProps = fileInputProps.buttonProps, _d = fileInputProps.onOpenCamera, onOpenCamera = _d === void 0 ? null : _d, _e = fileInputProps.onOpenGallery, onOpenGallery = _e === void 0 ? null : _e, _f = fileInputProps.onOpenFileSystem, onOpenFileSystem = _f === void 0 ? null : _f, onError = fileInputProps.onError;
+    var _g = react_1.default.useState(null), file = _g[0], setFile = _g[1];
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    function openFileSystem() {
+        return __awaiter(this, void 0, void 0, function () {
+            var files, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, documentPicker_1.DocumentPicker.pick(options)];
+                    case 1:
+                        files = _a.sent();
+                        if (!Array.isArray(files)) {
+                            files = [files];
+                        }
+                        setFile(files);
+                        onFileSelect(files.map(function (file) { return ({ preview: file.uri, file: file }); }));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        handleError(err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function handleError(err) {
+        var warn = documentPicker_1.DocumentPicker.isCancel(err) || String(err).includes('Error: User cancelled');
+        if (warn) {
+            // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
+            logger.warn(err);
+            console.warn(err);
+        }
+        else {
+            // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
+            logger.error(err);
+            console.warn(err);
+            if (onError) {
+                onError(err);
+            }
+            else {
+                OSAlert_1.default.error({
+                    title: 'Error',
+                    body: err.message,
+                });
+            }
+        }
+    }
+    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
+    var handlePickerResolution = function (data) {
+        onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
+            parsePickerData(data),
+        ]);
+    };
+    var onPress = function (open, options) {
+        if (open == 'fs') {
+            openFileSystem();
+        }
+        else {
+            var call = open === 'camera' ? 'openCamera' : 'openPicker';
+            documentPicker_1.ImageCropPicker[call](__assign(__assign({}, mergedOptions), (options || {}))).then(handlePickerResolution);
+        }
+    };
+    var openFilePicker = function (imageSource) {
+        if (imageSource === void 0) { imageSource = null; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                if (type === 'image') {
+                    if (imageSource === 'camera') {
+                        onPress('camera');
+                    }
+                    else if (imageSource === 'library') {
+                        onPress('library');
+                    }
+                    else {
+                        OSAlert_1.default.ask(__assign(__assign({ title: 'Change Image', body: 'Do you want to take a new picture or select an existing one?' }, alertProps), { options: [
+                                __assign({ text: ((_b = (_a = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || 'Camera', onPress: function () {
+                                        if (onOpenCamera) {
+                                            onOpenCamera(function () { return onPress('camera'); });
+                                        }
+                                        else {
+                                            onPress('camera');
+                                        }
+                                    } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[1]),
+                                __assign({ text: 'Library', onPress: function () {
+                                        if (onOpenGallery) {
+                                            onOpenGallery(function () { return onPress('library'); });
+                                        }
+                                        else {
+                                            onPress('library');
+                                        }
+                                    } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[2]),
+                                __assign({ text: 'Cancel', style: 'cancel', onPress: function () { } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[0]),
+                            ] }));
+                    }
+                }
+                else {
+                    if (onOpenFileSystem) {
+                        onOpenFileSystem(function () { return onPress('fs'); });
+                    }
+                    else {
+                        onPress('fs');
+                    }
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('FileInput', {
+        styles: styles,
+        variants: variants,
+    });
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: openFilePicker,
+    }); });
+    var filenames = file ? file.map(function (f) { return f.name; }) : '';
+    if (mode === 'button') {
+        return (<View_1.View style={variantStyles.wrapper}>
+        <TextInput_1.InputLabel label={label} style={variantStyles.label} required={required}/>
+        <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames || placeholder} debugName={'Open file picker'} icon={iconName || 'fileInputButton'} variants={filenames ? '' : 'icon'} {...buttonProps}/>
+      </View_1.View>);
+    }
+    return null;
+});
 //# sourceMappingURL=FileInput.js.map

package/dist/components/Gap.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewProps } from './View';
+declare type GapProps = ViewProps & {
+    value: number;
+    defaultProps?: any;
+};
+export declare const Gap: React.FC<GapProps>;
+export {};

package/dist/components/Gap.js

@@ -0,0 +1,60 @@
+"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 __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.Gap = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var View_1 = require("./View");
+var Gap = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, _c = _a.defaultProps, defaultProps = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "value", "defaultProps"]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var horizontal = (_b = props.variants) === null || _b === void 0 ? void 0 : _b.includes('row');
+    return (<View_1.View {...props}>
+      {react_1.default.Children.toArray(children).map(function (Element, idx, childArr) {
+            if (react_1.default.isValidElement(Element)) {
+                var props_1 = __assign(__assign({}, Element.props), defaultProps);
+                var spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical';
+                switch (idx) {
+                    case 0:
+                        spacingFunction = horizontal ? 'marginRight' : 'marginBottom';
+                        break;
+                    case childArr.length - 1:
+                        spacingFunction = horizontal ? 'marginLeft' : 'marginTop';
+                        break;
+                    default:
+                        break;
+                }
+                props_1.style = [props_1.style, Theme.spacing[spacingFunction](value / 2)];
+                return react_1.default.cloneElement(Element, props_1);
+            }
+            return Element;
+        })}
+    </View_1.View>);
+};
+exports.Gap = Gap;
+//# sourceMappingURL=Gap.js.map

package/dist/components/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../src/components/Gap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAqD;AACrD,+BAAwC;AAQjC,IAAM,GAAG,GAAsB,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA9C,qCAAgD,CAAF;IAC3E,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,QAAQ,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAClD,OAAO,CACL,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CACd;MAAA,CACE,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,EAAE,QAAQ;YAC1D,IAAI,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBACjC,IAAM,OAAK,yBAAQ,OAAO,CAAC,KAAK,GAAK,YAAY,CAAE,CAAA;gBAEnD,IAAI,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAA;gBACxE,QAAQ,GAAG,EAAE;oBACX,KAAK,CAAC;wBACJ,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAA;wBAC7D,MAAK;oBACP,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;wBACtB,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAA;wBACzD,MAAK;oBACP;wBACE,MAAK;iBACR;gBACD,OAAK,CAAC,KAAK,GAAG,CAAC,OAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;gBACtE,OAAO,eAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAK,CAAC,CAAA;aAC1C;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAEN;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,GAAG,OA6Bf"}

package/dist/components/Icon.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
-export declare type IconProps = {
-    name: IconPlaceholder;
-    style?: any;
-    color?: string;
-    variants?: ComponentVariants<typeof IconStyles>['variants'];
-    renderEmptySpace?: boolean;
-    size?: number;
-};
-export declare const IconComponent: React.FC<IconProps>;
-export declare const Icon: React.NamedExoticComponent<IconProps>;
+import * as React from 'react';
+import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
+export declare type IconProps = {
+    name: IconPlaceholder;
+    style?: any;
+    color?: string;
+    variants?: ComponentVariants<typeof IconStyles>['variants'];
+    renderEmptySpace?: boolean;
+    size?: number;
+};
+export declare const IconComponent: React.FC<IconProps>;
+export declare const Icon: React.NamedExoticComponent<IconProps>;