@codeleap/mobile 1.3.0 → 1.4.1

package/dist/components/FileInput.js

@@ -1,113 +1,175 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 };
-    }
-};
-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");
-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, buttonProps = fileInputProps.buttonProps;
-    var _b = react_1.default.useState(null), file = _b[0], setFile = _b[1];
-    var logger = (0, common_1.useStyle)().logger;
-    var openFilePicker = function () { return __awaiter(void 0, 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, file: file }); }));
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _a.sent();
-                    if (documentPicker_1.DocumentPicker.isCancel(err_1)) {
-                        logger.log('User cancelled the picker.', null, 'Component');
-                    }
-                    else {
-                        throw err_1;
-                    }
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var variantStyles = (0, common_1.useComponentStyle)('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}/>
-            <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames} 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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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, buttonProps = fileInputProps.buttonProps;
+    var _d = react_1.default.useState(null), file = _d[0], setFile = _d[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();
+                        if (documentPicker_1.DocumentPicker.isCancel(err_1)) {
+                            logger.log('User cancelled the picker.', null, 'Component');
+                        }
+                        else {
+                            throw err_1;
+                        }
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
+    var handlePickerResolution = function (data) {
+        onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
+            parsePickerData(data),
+        ]);
+    };
+    var openFilePicker = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            if (type === 'image') {
+                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 () {
+                                documentPicker_1.ImageCropPicker.openCamera(mergedOptions).then(handlePickerResolution);
+                            } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[1]),
+                        __assign({ text: 'Library', onPress: function () {
+                                documentPicker_1.ImageCropPicker.openPicker(mergedOptions).then(handlePickerResolution);
+                            } }, 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 {
+                openFileSystem();
+            }
+            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}/>
+        <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/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsE;AACtE,4DAA0D;AAC1D,2CAAyJ;AAEzJ,mCAA8C;AAC9C,+BAA6B;AAC7B,yCAAwC;AAiB3B,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAA+B,UAAC,cAAc,EAAC,GAAG;IACpG,IAAA,KAA0F,cAAc,KAAzF,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,YAAY,GAA6D,cAAc,aAA3E,EAAE,QAAQ,GAAmD,cAAc,SAAjE,EAAE,MAAM,GAA2C,cAAc,OAAzD,EAAE,KAAK,GAAoC,cAAc,MAAlD,EAAE,QAAQ,GAA0B,cAAc,SAAxC,EAAE,OAAO,GAAiB,cAAc,QAA/B,EAAE,WAAW,GAAI,cAAc,YAAlB,CAAkB;IAEzG,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAA;IAErC,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAE3B,IAAM,cAAc,GAAG;;;;;;oBAEH,qBAAM,+BAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA;;oBAA1C,KAAK,GAAG,SAAkC;oBAC9C,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAC;wBACrB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;qBAClB;oBACD,OAAO,CAAC,KAAK,CAAC,CAAA;oBACd,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,MAAA,EAAC,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAA;;;;oBAE1D,IAAI,+BAAc,CAAC,QAAQ,CAAC,KAAG,CAAC,EAAE;wBAC/B,MAAM,CAAC,GAAG,CAAC,4BAA4B,EAAE,IAAI,EAAE,WAAW,CAAC,CAAA;qBAC7D;yBAAM;wBACH,MAAM,KAAG,CAAA;qBACZ;;;;;SAER,CAAA;IAED,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,WAAW,EAAE;QACjD,MAAM,QAAA;QACN,QAAQ,UAAA;KAEX,CAAC,CAAA;IAGF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC5B,cAAc,gBAAA;KACjB,CAAC,EAF6B,CAE7B,CAAC,CAAA;IAEH,IAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACrD,IAAG,IAAI,KAAK,QAAQ,EAAC;QACjB,OAAO,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CACvC;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACrD;YAAA,CAAC,eAAM,CAAE,OAAO,CAAC,CAAC,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,CAAC,CAAE,IAAI,CAAC,CAAC,SAAS,CAAE,CAAC,IAAI,CAAC,CAAE,QAAQ,IAAI,iBAAoC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,IAAI,WAAW,CAAC,EAC9K;QAAA,EAAE,WAAI,CAAC,CACN,CAAA;KACJ;IAED,OAAO,IAAI,CAAA;AACf,CAAC,CAAC,CAAA"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Icon.d.ts

@@ -1,13 +1,12 @@
-import * as React from 'react';
-import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
-export declare type IconProps = {
-    name: IconPlaceholder;
-    style?: {
-        color: string;
-        size?: string | number;
-        width?: string | number;
-        height?: string | number;
-    };
-    variants?: ComponentVariants<typeof IconStyles>['variants'];
-};
-export declare const Icon: React.FC<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>;

package/dist/components/Icon.js

@@ -1,47 +1,67 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var Icon = function (_a) {
-    var _b;
-    var name = _a.name, style = _a.style, variants = _a.variants;
-    var Theme = (0, common_1.useStyle)().Theme;
-    if (!name)
-        return null;
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var logger = (0, common_1.useStyle)().logger;
-    var variantStyles = (0, common_1.useComponentStyle)('Icon', {
-        variants: variants,
-        styles: {
-            icon: react_native_1.StyleSheet.flatten([style]),
-        }
-    });
-    if (!Component) {
-        logger.warn('Icon', "No icon found in theme for name \"".concat(name, "\""), 'Component');
-        return null;
-    }
-    return <Component style={variantStyles.icon}/>;
-};
-exports.Icon = Icon;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.IconComponent = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("./View");
+var IconComponent = function (_a) {
+    var _b;
+    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
+    var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: {
+            icon: style,
+        },
+        rootElement: 'icon',
+    });
+    if (!name) {
+        return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
+    }
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
+    if (!Component) {
+        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
+        return null;
+    }
+    return <Component {...otherProps} style={variantStyles.icon}/>;
+};
+exports.IconComponent = IconComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['name', 'style', 'variants', 'renderEmptySpace'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Icon = React.memo(exports.IconComponent, areEqual);
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA8G;AAC9G,6CAAyC;AAalC,IAAM,IAAI,GAAuB,UAAC,EAAuB;;QAAtB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtD,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,IAAI,EAAE,yBAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;SAClC;KACF,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;AAChD,CAAC,CAAA;AAnBY,QAAA,IAAI,QAmBhB"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAOyB;AACzB,6CAAyC;AACzC,+BAA6B;AAWtB,IAAM,aAAa,GAAwB,UAAC,EAA0D;;IAAxD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAK,UAAU,cAAxD,iDAA0D,CAAF;IACnG,IAAA,KAAoB,IAAA,2BAAkB,GAAE,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAA;IAE9C,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE;YACN,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;KACpE;IAED,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CACT,kDAA0C,IAAI,QAAI,EAClD,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAE,EAAC,EAClD,WAAW,CACZ,CAAA;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAG,CAAA;AACjE,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB;AAED,SAAS,QAAQ,CAAC,SAAS,EAAE,SAAS;IACpC,IAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;IAC/D,IAAM,GAAG,GAAG,IAAA,sBAAa,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC1D,OAAO,GAAG,CAAA;AACZ,CAAC;AAEY,QAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAa,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/Image.d.ts

@@ -1,16 +1,18 @@
-import * as React from 'react';
-import { ComponentVariants, ImageStyles, MobileInputFile } from "@codeleap/common";
-import { ComponentPropsWithoutRef } from "react";
-import { Image as NativeImage } from 'react-native';
-import { FastImage } from '../modules/fastImage';
-declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
-export declare type ImageProps = Omit<NativeImageProps, 'source'> & {
-    variants?: ComponentVariants<typeof ImageStyles>['variants'];
-    fast?: boolean;
-    source: NativeImageProps['source'] & {
-        priority?: keyof typeof FastImage.priority;
-    } | MobileInputFile | string;
-    resizeMode?: keyof typeof FastImage.resizeMode;
-};
-export declare const Image: React.FC<ImageProps>;
-export {};
+import * as React from 'react';
+import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
+import { ComponentPropsWithoutRef } from 'react';
+import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { FastImage } from '../modules/fastImage';
+declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
+export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
+    variants?: ComponentVariants<typeof ImageStyles>['variants'];
+    fast?: boolean;
+    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+    source: (NativeImageProps['source'] & {
+        priority?: keyof typeof FastImage.priority;
+    }) | MobileInputFile | string;
+    resizeMode?: keyof typeof FastImage.resizeMode;
+};
+export declare const ImageComponent: React.FC<ImageProps>;
+export declare const Image: React.NamedExoticComponent<ImageProps>;
+export {};

package/dist/components/Image.js

@@ -1,48 +1,54 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var fastImage_1 = require("../modules/fastImage");
-var Image = function (props) {
-    var variants = props.variants, style = props.style, fast = props.fast, resizeMode = props.resizeMode, resizeMethod = props.resizeMethod, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode", "resizeMethod"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Image', { variants: variants });
-    var styles = [variantStyles.wrapper, style];
-    if (fast) {
-        return <fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>;
-    }
-    return <react_native_1.Image style={styles} {...imageProps}/>;
-};
-exports.Image = Image;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = exports.ImageComponent = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var fastImage_1 = require("../modules/fastImage");
+var ImageComponent = function (props) {
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
+    var styles = [variantStyles.wrapper, style];
+    if (fast) {
+        return (<fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
+    }
+    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
+};
+exports.ImageComponent = ImageComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['source', 'style', 'variants', 'resizeMode', 'fast'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Image = React.memo(exports.ImageComponent, areEqual);
 //# sourceMappingURL=Image.js.map