@codeleap/mobile 4.1.0 → 4.2.1

package/dist/components/FileInput/types.d.ts

@@ -0,0 +1,23 @@
+import { AnyRef, FormTypes } from '@codeleap/common';
+import { DocumentPickerOptions } from 'react-native-document-picker';
+import { Options } from 'react-native-image-crop-picker';
+import { OSAlert } from '../../utils';
+export type FileInputImageSource = 'camera' | 'library' | 'fs';
+export type FileResult = FormTypes.AnyFile;
+export type FileInputRef = {
+    openFilePicker: (source?: FileInputImageSource, options?: Partial<Options>) => Promise<FileResult[]>;
+};
+export type FileInputProps = {
+    mode: 'hidden' | 'button';
+    onFileSelect?: (files: FileResult[]) => void;
+    options?: DocumentPickerOptions<any>;
+    ref?: AnyRef<FileInputRef>;
+    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;
+};

package/dist/components/FileInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/FileInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/FileInput/types.ts"],"names":[],"mappings":""}

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,5 @@
+import { GridProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Grid: StyledComponentWithProps<GridProps>;

package/dist/components/Grid/index.js

@@ -0,0 +1,110 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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.Grid = void 0;
+var react_1 = __importStar(require("react"));
+var View_1 = require("../View");
+var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
+var RefreshControl_1 = require("../RefreshControl");
+var List_1 = require("../List");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var RenderSeparator = function (props) {
+    return <View_1.View style={props.separatorStyles}/>;
+};
+exports.Grid = (0, react_1.forwardRef)(function (flatGridProps, ref) {
+    var _a, _b;
+    var _c = __assign(__assign({}, exports.Grid.defaultProps), flatGridProps), style = _c.style, onRefresh = _c.onRefresh, refreshing = _c.refreshing, placeholder = _c.placeholder, _d = _c.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, spacing = _c.spacing, numColumns = _c.numColumns, RenderItem = _c.renderItem, props = __rest(_c, ["style", "onRefresh", "refreshing", "placeholder", "refreshControlProps", "spacing", "numColumns", "renderItem"]);
+    var themeSpacing = (0, styles_1.useTheme)(function (store) { var _a; return (_a = store.current) === null || _a === void 0 ? void 0 : _a.spacing; });
+    var styles = (0, hooks_1.useStylesFor)(exports.Grid.styleRegistryName, style);
+    var renderItem = (0, react_1.useCallback)(function (data) {
+        var _a, _b, _c, _d;
+        if (!RenderItem)
+            return null;
+        var listLength = ((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        var isFirst = data.index === 0;
+        var isLast = data.index === listLength - 1;
+        var isOnly = isFirst && isLast;
+        var idx = data.index + 1;
+        var isLastInRow = !isFirst && idx % (numColumns) === 0;
+        var isFirstInRow = isFirst || data.index % numColumns === 0;
+        var isOnlyInRow = !isFirstInRow && !isLastInRow;
+        var gap = (_b = themeSpacing === null || themeSpacing === void 0 ? void 0 : themeSpacing.marginRight) === null || _b === void 0 ? void 0 : _b.call(themeSpacing, spacing / 2);
+        if (isLastInRow)
+            gap = (_c = themeSpacing === null || themeSpacing === void 0 ? void 0 : themeSpacing.marginLeft) === null || _c === void 0 ? void 0 : _c.call(themeSpacing, spacing / 2);
+        else if (isOnlyInRow)
+            gap = (_d = themeSpacing === null || themeSpacing === void 0 ? void 0 : themeSpacing.marginHorizontal) === null || _d === void 0 ? void 0 : _d.call(themeSpacing, spacing / 2);
+        var _itemProps = { isFirst: isFirst, isLast: isLast, isOnly: isOnly, isFirstInRow: isFirstInRow, isLastInRow: isLastInRow, isOnlyInRow: isOnlyInRow };
+        return (<View_1.View style={[styles.itemWrapper, gap]}>
+        <RenderItem {...data} {..._itemProps}/>
+      </View_1.View>);
+    }, [RenderItem, (_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.length]);
+    var separatorStyles = __assign({ height: (_b = themeSpacing === null || themeSpacing === void 0 ? void 0 : themeSpacing.value) === null || _b === void 0 ? void 0 : _b.call(themeSpacing, spacing) }, styles.separator);
+    var separator = (props === null || props === void 0 ? void 0 : props.separators) || (!!spacing ? <RenderSeparator separatorStyles={separatorStyles}/> : null);
+    var refreshControl = !!onRefresh && <RefreshControl_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} {...refreshControlProps}/>;
+    return (<List_1.List 
+    // @ts-expect-error
+    ref={ref} {...props} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} ListHeaderComponentStyle={styles.header} ListFooterComponentStyle={styles.footer} ItemSeparatorComponent={separator} refreshControl={refreshControl} style={styles.wrapper} contentContainerStyle={[styles.content, props === null || props === void 0 ? void 0 : props.contentContainerStyle]} showsVerticalScrollIndicator={false} numColumns={numColumns} renderItem={renderItem}/>);
+});
+exports.Grid.styleRegistryName = 'Grid';
+exports.Grid.elements = ['wrapper', 'content', 'separator', 'header', 'refreshControl', 'itemWrapper', 'footer'];
+exports.Grid.rootElement = 'wrapper';
+exports.Grid.withVariantTypes = function (styles) {
+    return exports.Grid;
+};
+exports.Grid.defaultProps = {
+    keyboardShouldPersistTaps: 'handled',
+    refreshControlProps: {},
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Grid);
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Grid/styles.d.ts

@@ -0,0 +1,2 @@
+import { ListComposition } from '../List';
+export type GridComposition = ListComposition | 'itemWrapper' | 'footer';

package/dist/components/Grid/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Grid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":""}

package/dist/components/Grid/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { StyledProp } from '@codeleap/styles';
+import { FlatListProps, AugmentedRenderItemInfo, ListItem } from '../List';
+import { GridComposition } from './styles';
+export type GridAugmentedRenderItemInfo<T> = AugmentedRenderItemInfo<T> & {
+    isFirstInRow: boolean;
+    isLastInRow: boolean;
+    isOnlyInRow: boolean;
+};
+export type GridProps<T extends ListItem = ListItem> = Omit<FlatListProps<T>, 'style' | 'renderItem'> & {
+    spacing?: number;
+    itemDimension?: number;
+    renderItem: (data: GridAugmentedRenderItemInfo<T>) => React.ReactElement;
+    style?: StyledProp<GridComposition>;
+};

package/dist/components/Grid/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Grid/types.ts"],"names":[],"mappings":""}

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IconProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const IconComponent: (props: IconProps) => JSX.Element;
+export declare const Icon: StyledComponentWithProps<IconProps>;

package/dist/components/Icon/index.js

@@ -0,0 +1,96 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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.Icon = exports.IconComponent = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var Badge_1 = require("../Badge");
+var View_1 = require("../View");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var IconComponent = function (props) {
+    var _a, _b, _c, _d;
+    var _e = __assign(__assign({}, exports.Icon.defaultProps), props), name = _e.name, style = _e.style, badge = _e.badge, _f = _e.badgeProps, badgeProps = _f === void 0 ? {} : _f, _g = _e.wrapperProps, wrapperProps = _g === void 0 ? {} : _g, source = _e.source, otherProps = __rest(_e, ["name", "style", "badge", "badgeProps", "wrapperProps", "source"]);
+    var icons = (0, styles_1.useTheme)(function (store) { var _a; return (_a = store.current) === null || _a === void 0 ? void 0 : _a.icons; });
+    var styles = (0, hooks_1.useStylesFor)(exports.Icon.styleRegistryName, style);
+    var Component = icons === null || icons === void 0 ? void 0 : icons[name];
+    if (!name && !source) {
+        return null;
+    }
+    if (!Component) {
+        return null;
+    }
+    if (badge || common_1.TypeGuards.isNumber(badge)) {
+        var badgeStyles = (0, styles_1.useNestedStylesByKey)('badge', styles);
+        var sized = {
+            // @ts-expect-error
+            height: ((_a = styles.icon) === null || _a === void 0 ? void 0 : _a.size) || ((_b = styles.icon) === null || _b === void 0 ? void 0 : _b.height) || (props === null || props === void 0 ? void 0 : props.size),
+            // @ts-expect-error
+            width: ((_c = styles.icon) === null || _c === void 0 ? void 0 : _c.size) || ((_d = styles.icon) === null || _d === void 0 ? void 0 : _d.width) || (props === null || props === void 0 ? void 0 : props.size),
+        };
+        return <View_1.View {...wrapperProps} style={[sized, styles.iconBadgeWrapper]}>
+      <Component {...otherProps} style={styles.icon} source={source}/>
+      <Badge_1.Badge style={badgeStyles} badge={badge} {...badgeProps}/>
+    </View_1.View>;
+    }
+    return <Component {...otherProps} style={styles.icon} source={source}/>;
+};
+exports.IconComponent = IconComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['name', 'style', 'renderEmptySpace', 'badgeProps', 'badge'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Icon = react_1.default.memo(exports.IconComponent, areEqual);
+exports.Icon.styleRegistryName = 'Icon';
+exports.Icon.elements = ['icon', 'iconBadgeWrapper', 'badge'];
+exports.Icon.rootElement = 'icon';
+exports.Icon.defaultProps = {
+    badge: false,
+};
+exports.Icon.withVariantTypes = function (styles) {
+    return exports.Icon;
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Icon);
+//# sourceMappingURL=index.js.map

package/dist/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Icon/styles.d.ts

@@ -0,0 +1,2 @@
+import { BadgeComposition } from '../Badge';
+export type IconComposition = 'icon' | 'iconBadgeWrapper' | `badge${Capitalize<BadgeComposition>}`;

package/dist/components/Icon/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Icon/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Icon/styles.ts"],"names":[],"mappings":""}

package/dist/components/Icon/types.d.ts

@@ -0,0 +1,12 @@
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { BadgeComponentProps } from '../Badge';
+import { ViewProps } from '../View';
+import { IconComposition } from './styles';
+export type IconProps = BadgeComponentProps & {
+    name: AppIcon;
+    style?: StyledProp<IconComposition>;
+    color?: string;
+    wrapperProps?: ViewProps;
+    size?: number;
+    source?: string;
+};

package/dist/components/Icon/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":""}

package/dist/components/Image/index.d.ts

@@ -0,0 +1,5 @@
+import { ImageProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Image: StyledComponentWithProps<ImageProps>;

package/dist/components/Image/index.js

@@ -0,0 +1,151 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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.Image = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var Spotlight_1 = require("../ImageView/Spotlight");
+var Touchable_1 = require("../Touchable");
+var utils_1 = require("../../utils");
+var LoadingOverlay_1 = require("../LoadingOverlay");
+var react_native_fast_image_1 = __importDefault(require("@d11/react-native-fast-image"));
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.Image = react_1.default.memo(function (props) {
+    var _a;
+    var _b = __assign(__assign({}, exports.Image.defaultProps), props), style = _b.style, fast = _b.fast, _c = _b.spotlight, spotlight = _c === void 0 ? null : _c, resizeMode = _b.resizeMode, source = _b.source, withLoadingOverlay = _b.withLoadingOverlay, maintainAspectRatio = _b.maintainAspectRatio, imageProps = __rest(_b, ["style", "fast", "spotlight", "resizeMode", "source", "withLoadingOverlay", "maintainAspectRatio"]);
+    var _d = react_1.default.useState(false), loading = _d[0], setLoading = _d[1];
+    var styles = (0, hooks_1.useStylesFor)(exports.Image.styleRegistryName, style);
+    var imSource = source;
+    if ((0, utils_1.isFile)(imSource)) {
+        imSource = (0, utils_1.toMultipartFile)(imSource);
+    }
+    else if (common_1.TypeGuards.isString(source)) {
+        imSource = { uri: source };
+    }
+    var spotlightActions = (0, Spotlight_1.useImageSpotlight)(spotlight, props.source);
+    var Wrapper = !!spotlight ? Touchable_1.Touchable : function (_a) {
+        var children = _a.children;
+        return <>{children}</>;
+    };
+    var wrapperProps = {
+        onPress: spotlightActions.onImagePressed,
+        debugName: "Press spotlight image ".concat(props.source),
+        style: styles.touchable,
+        android_ripple: null,
+    };
+    var aspectRatioStyle = react_1.default.useMemo(function () {
+        if (!maintainAspectRatio || !imSource)
+            return null;
+        try {
+            // @ts-ignore
+            var assetSource = react_native_1.Image.resolveAssetSource(imSource);
+            var aspectRatio = assetSource.width / assetSource.height;
+            if (Number.isNaN(aspectRatio)) {
+                return null;
+            }
+            return {
+                aspectRatio: aspectRatio,
+            };
+        }
+        catch (e) {
+            return null;
+        }
+    }, [maintainAspectRatio, imSource]);
+    var loadEndedEarly = react_1.default.useRef(false);
+    var loadProps = react_1.default.useRef({
+        onLoadStart: function () {
+            if (withLoadingOverlay) {
+                setTimeout(function () {
+                    if (!loadEndedEarly.current) {
+                        setLoading(true);
+                    }
+                }, 60);
+            }
+        }, onLoadEnd: function () {
+            loadEndedEarly.current = true;
+            if (withLoadingOverlay)
+                setLoading(false);
+        },
+    });
+    var Loading = common_1.TypeGuards.isFunction(withLoadingOverlay) ? withLoadingOverlay : LoadingOverlay_1.LoadingOverlay;
+    var showLoading = !!withLoadingOverlay;
+    var overlayStyle = (0, styles_1.useNestedStylesByKey)('overlay', styles);
+    var loadingElement = react_1.default.useMemo(function () {
+        return showLoading ? (<Loading visible={loading} style={overlayStyle}/>) : null;
+    }, [showLoading, loading]);
+    if (fast) {
+        return (<Wrapper {...wrapperProps}>
+        <react_native_fast_image_1.default style={[aspectRatioStyle, styles.wrapper]} 
+        // @ts-ignore
+        tintColor={(_a = styles === null || styles === void 0 ? void 0 : styles.wrapper) === null || _a === void 0 ? void 0 : _a.tintColor} 
+        // @ts-ignore
+        source={imSource} resizeMode={react_native_fast_image_1.default.resizeMode[resizeMode || 'contain']} {...loadProps.current} {...imageProps}/>
+        {loadingElement}
+      </Wrapper>);
+    }
+    return (<Wrapper {...wrapperProps}>
+      <react_native_1.Image resizeMode={resizeMode} source={imSource} {...imageProps} {...loadProps.current} style={[aspectRatioStyle, styles.wrapper]}/>
+
+      {loadingElement}
+    </Wrapper>);
+}, function (prevProps, nextProps) {
+    var equal = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: ['source', 'style', 'resizeMode', 'fast'] });
+    return equal;
+});
+exports.Image.styleRegistryName = 'Image';
+exports.Image.elements = ['wrapper', 'touchable', 'overlay'];
+exports.Image.rootElement = 'wrapper';
+exports.Image.withVariantTypes = function (styles) {
+    return exports.Image;
+};
+exports.Image.defaultProps = {
+    fast: true,
+    resizeMode: 'contain',
+    withLoadingOverlay: false,
+    maintainAspectRatio: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Image);
+//# sourceMappingURL=index.js.map

package/dist/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Image/styles.d.ts

@@ -0,0 +1,2 @@
+import { LoadingOverlayComposition } from '../LoadingOverlay';
+export type ImageComposition = 'wrapper' | 'touchable' | `overlay${Capitalize<LoadingOverlayComposition>}`;

package/dist/components/Image/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Image/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Image/styles.ts"],"names":[],"mappings":""}

package/dist/components/Image/types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { LoadingOverlayProps } from '../LoadingOverlay';
+import FastImage, { Source } from '@d11/react-native-fast-image';
+import { ImageProps as RNImageProps } from 'react-native';
+import { ImageComposition } from './styles';
+import { StyledProp } from '@codeleap/styles';
+import { FormTypes } from '@codeleap/common';
+export type ImageProps = Omit<RNImageProps, 'source' | 'style'> & {
+    fast?: boolean;
+    style?: StyledProp<ImageComposition>;
+    source: Source | FormTypes.AnyFile;
+    resizeMode?: keyof typeof FastImage.resizeMode;
+    spotlight?: string;
+    maintainAspectRatio?: boolean;
+    withLoadingOverlay?: boolean | ((props: LoadingOverlayProps) => JSX.Element);
+};

package/dist/components/Image/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Image/types.ts"],"names":[],"mappings":""}

package/dist/components/ImageView/Spotlight.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { ImageViewProps } from './component';
+import { ImageProps } from '../Image';
+import { ImageURISource, ImageRequireSource } from 'react-native';
+type ImageSource = ImageURISource | ImageRequireSource;
+type TImage = {
+    source: ImageSource;
+    created: number;
+    id: string;
+};
+export declare const SpotlightProvider: React.FC<React.PropsWithChildren<any>>;
+export declare function useSpotlight(name: string): {
+    images: TImage[];
+    currentIndex: number;
+    set(img: ImageSource, id?: string): string;
+    remove(id: string): void;
+    open(id: string): void;
+    close(): void;
+    clear(): void;
+};
+export declare const useImageSpotlight: (name: string | null, src: ImageProps['source']) => {
+    onImagePressed: () => void;
+};
+export type SpotlightHeaderComponent = {
+    imageIndex: number;
+    spotlight: ReturnType<typeof useSpotlight>;
+};
+export type SpootlightFooterComponent = React.ComponentType<{
+    imageIndex: number;
+    imagesLength: number;
+    spotlight: ReturnType<typeof useSpotlight>;
+}>;
+type FooterComponentProps = SpotlightHeaderComponent;
+export type SpotlightProps = {
+    name?: string;
+    HeaderComponent?: (props: SpotlightHeaderComponent) => JSX.Element;
+    FooterComponent?: (props: FooterComponentProps) => JSX.Element;
+    showFooter?: boolean;
+} & ImageViewProps;
+export declare const Spotlight: (props: SpotlightProps) => JSX.Element;
+export {};