@codeleap/mobile 1.4.2 → 1.5.0

package/dist/components/FileInput.js

@@ -1,175 +1,175 @@
-"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;
-});
+"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/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>;

package/dist/components/Icon.js

@@ -1,67 +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;
-};
-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);
+"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/Image.d.ts

@@ -1,18 +1,18 @@
-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 {};
+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 {};