@codeleap/mobile 1.9.31 → 2.0.0

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

@@ -0,0 +1,54 @@
+export declare type ImageComposition = 'wrapper' | 'touchable';
+export declare const ImageStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    round: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+};

package/dist/components/Image/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createImageStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createImageStyle(function () { return ({ wrapper: styles, touchable: styles }); }); });
+exports.ImageStyles = __assign(__assign({}, presets), { default: createImageStyle(function () { return ({
+        wrapper: {},
+    }); }), round: createImageStyle(function () { return ({
+        wrapper: {
+            borderRadius: 100,
+        },
+    }); }) });
+//# 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":";;;;;;;;;;;;;;AAAA,2CAA8E;AAG9E,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAxC,CAAwC,CAAC,EAAhE,CAAgE,CAC1G,CAAA;AAEY,QAAA,WAAW,yBACnB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC/B,OAAO,EAAE,EAAE;KACZ,CAAC,EAF8B,CAE9B,CAAC,EAEH,KAAK,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC7B,OAAO,EAAE;YACP,YAAY,EAAE,GAAG;SAClB;KACF,CAAC,EAJ4B,CAI5B,CAAC,IACJ"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ImageSource } from 'react-native-image-viewing/dist/@types';
+import { ImageProps } from '../Image';
+declare type TImage = {
+    source: ImageSource;
+    created: number;
+    id: string;
+};
+export declare const SpotlightProvider: React.FC;
+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 declare const Spotlight: ({ name }: {
+    name: any;
+}) => JSX.Element;
+export {};

package/dist/components/ImageView/Spotlight.js

@@ -0,0 +1,155 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spotlight = exports.useImageSpotlight = exports.useSpotlight = exports.SpotlightProvider = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_uuid_1 = __importDefault(require("react-native-uuid"));
+var component_1 = require("./component");
+var SpotlightCtx = react_1.default.createContext({});
+var SpotlightProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)({}), spotlights = _b[0], setSpotlights = _b[1];
+    var _c = (0, react_1.useState)({}), indexes = _c[0], setIndexes = _c[1];
+    var ctxValue = {
+        spotlights: spotlights,
+        setSpotlights: setSpotlights,
+        indexes: indexes,
+        setIndexes: setIndexes,
+    };
+    return <SpotlightCtx.Provider value={ctxValue}>
+    {children}
+  </SpotlightCtx.Provider>;
+};
+exports.SpotlightProvider = SpotlightProvider;
+function useSpotlight(name) {
+    var ctx = (0, react_1.useContext)(SpotlightCtx);
+    var imList = Object.values(ctx.spotlights[name] || {})
+        .sort(function (a, b) { return a.created - b.created; });
+    return {
+        images: imList,
+        currentIndex: ctx.indexes[name],
+        set: function (img, id) {
+            var newId = id || react_native_uuid_1.default.v4();
+            ctx.setSpotlights(function (prev) {
+                var _a;
+                var images = __assign({}, prev[name]);
+                if (id !== null) {
+                    images[id] = __assign(__assign({}, images[id]), { source: img });
+                }
+                else {
+                    var now = Date.now();
+                    images[newId] = {
+                        created: now,
+                        id: newId,
+                        source: img,
+                    };
+                }
+                return __assign(__assign({}, prev), (_a = {}, _a[name] = images, _a));
+            });
+            return newId;
+        },
+        remove: function (id) {
+            ctx.setSpotlights(function (prev) {
+                var _a;
+                var images = __assign({}, prev[name]);
+                delete images[id];
+                return __assign(__assign({}, prev), (_a = {}, _a[name] = images, _a));
+            });
+        },
+        open: function (id) {
+            var newIdx = imList.findIndex(function (x) { return x.id === id; });
+            ctx.setIndexes(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = newIdx, _a)));
+            });
+        },
+        close: function () {
+            ctx.setIndexes(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = undefined, _a)));
+            });
+        },
+        clear: function () {
+            ctx.setIndexes(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = undefined, _a)));
+            });
+            ctx.setSpotlights(function (prev) {
+                var _a;
+                return __assign(__assign({}, prev), (_a = {}, _a[name] = {}, _a));
+            });
+        },
+    };
+}
+exports.useSpotlight = useSpotlight;
+var useImageSpotlight = function (name, src) {
+    var _a = (0, react_1.useState)(null), id = _a[0], setId = _a[1];
+    var spotlight = useSpotlight(name);
+    var imSource = common_1.TypeGuards.isString(src) ? { uri: src } : src;
+    var prevSource = (0, common_1.usePrevious)(imSource);
+    (0, common_1.onUpdate)(function () {
+        if (!name)
+            return;
+        if ((0, common_1.deepEqual)(prevSource, imSource))
+            return;
+        setId(spotlight.set(imSource, id));
+    }, [src, id]);
+    (0, common_1.useUnmount)(function () {
+        if (!name)
+            return;
+        spotlight.remove(id);
+    });
+    return {
+        onImagePressed: function () {
+            spotlight.open(id);
+        },
+    };
+};
+exports.useImageSpotlight = useImageSpotlight;
+var Spotlight = function (_a) {
+    var name = _a.name;
+    var spotlight = useSpotlight(name);
+    (0, common_1.useUnmount)(function () {
+        spotlight.clear();
+    });
+    return <component_1.ImageView imageIndex={spotlight.currentIndex} images={spotlight.images.map(function (x) { return x.source; })} keyExtractor={function (_, index) { return index.toString(); }} onRequestClose={spotlight.close} visible={typeof spotlight.currentIndex !== 'undefined'}/>;
+};
+exports.Spotlight = Spotlight;
+//# sourceMappingURL=Spotlight.js.map

package/dist/components/ImageView/Spotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.js","sourceRoot":"","sources":["../../../src/components/ImageView/Spotlight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,2CAAuG;AAGvG,wEAAoC;AACpC,yCAAuC;AAoBvC,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAC,EAAmB,CAAC,CAAA;AAEtD,IAAM,iBAAiB,GAAY,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7C,IAAA,KAA8B,IAAA,gBAAQ,EAA8B,EAAE,CAAC,EAAtE,UAAU,QAAA,EAAE,aAAa,QAA6C,CAAA;IACvE,IAAA,KAAwB,IAAA,gBAAQ,EAA2B,EAAE,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAA;IACpE,IAAM,QAAQ,GAAiB;QAC7B,UAAU,YAAA;QACV,aAAa,eAAA;QACb,OAAO,SAAA;QACP,UAAU,YAAA;KACX,CAAA;IAED,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAC5C;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;AAC1B,CAAC,CAAA;AAbY,QAAA,iBAAiB,qBAa7B;AAED,SAAgB,YAAY,CAAC,IAAY;IACvC,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAEpC,IAAM,MAAM,GACV,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACtC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,EAArB,CAAqB,CAAC,CAAA;IAE1C,OAAO;QACL,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC;QAC/B,GAAG,EAAH,UAAI,GAAgB,EAAE,EAAW;YAC/B,IAAM,KAAK,GAAG,EAAE,IAAI,2BAAI,CAAC,EAAE,EAAY,CAAA;YACvC,GAAG,CAAC,aAAa,CAAC,UAAC,IAAI;;gBACrB,IAAM,MAAM,gBAAQ,IAAI,CAAC,IAAI,CAAC,CAAE,CAAA;gBAEhC,IAAI,EAAE,KAAK,IAAI,EAAE;oBACf,MAAM,CAAC,EAAE,CAAC,yBACL,MAAM,CAAC,EAAE,CAAC,KACb,MAAM,EAAE,GAAG,GACZ,CAAA;iBACF;qBAAM;oBACL,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;oBAEtB,MAAM,CAAC,KAAK,CAAC,GAAG;wBACd,OAAO,EAAE,GAAG;wBACZ,EAAE,EAAE,KAAK;wBACT,MAAM,EAAE,GAAG;qBACZ,CAAA;iBACF;gBAED,6BACK,IAAI,gBACN,IAAI,IAAG,MAAM,OACf;YACH,CAAC,CAAC,CAAA;YAEF,OAAO,KAAK,CAAA;QACd,CAAC;QACD,MAAM,EAAN,UAAO,EAAU;YACf,GAAG,CAAC,aAAa,CAAC,UAAC,IAAI;;gBACrB,IAAM,MAAM,gBAAQ,IAAI,CAAC,IAAI,CAAC,CAAE,CAAA;gBAChC,OAAO,MAAM,CAAC,EAAE,CAAC,CAAA;gBACjB,6BACK,IAAI,gBACN,IAAI,IAAG,MAAM,OACf;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,EAAJ,UAAK,EAAU;YACb,IAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,CAAA;YACjD,GAAG,CAAC,UAAU,CAAC,UAAC,IAAI;;gBAAK,OAAA,uBACpB,IAAI,gBACN,IAAI,IAAG,MAAM,OACd;YAHuB,CAGvB,CAAC,CAAA;QACL,CAAC;QACD,KAAK;YAEH,GAAG,CAAC,UAAU,CAAC,UAAC,IAAI;;gBAAK,OAAA,uBACpB,IAAI,gBACN,IAAI,IAAG,SAAS,OACjB;YAHuB,CAGvB,CAAC,CAAA;QACL,CAAC;QACD,KAAK;YACH,GAAG,CAAC,UAAU,CAAC,UAAC,IAAI;;gBAAK,OAAA,uBACpB,IAAI,gBACN,IAAI,IAAG,SAAS,OACjB;YAHuB,CAGvB,CAAC,CAAA;YACH,GAAG,CAAC,aAAa,CAAC,UAAC,IAAI;;gBAErB,6BACK,IAAI,gBACN,IAAI,IAAG,EAAE,OACX;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;AACH,CAAC;AA5ED,oCA4EC;AAEM,IAAM,iBAAiB,GAAG,UAAC,IAAmB,EAAE,GAAyB;IACxE,IAAA,KAAc,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA3B,EAAE,QAAA,EAAE,KAAK,QAAkB,CAAA;IAClC,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IACpC,IAAM,QAAQ,GAAG,mBAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAuB,CAAA;IAClF,IAAM,UAAU,GAAG,IAAA,oBAAW,EAAC,QAAQ,CAAC,CAAA;IAExC,IAAA,iBAAQ,EAAC;QACP,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,IAAA,kBAAS,EAAC,UAAU,EAAE,QAAQ,CAAC;YAAE,OAAM;QAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAEb,IAAA,mBAAU,EAAC;QACT,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,cAAc,EAAE;YACd,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACpB,CAAC;KACF,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,iBAAiB,qBAsB7B;AAEM,IAAM,SAAS,GAAG,UAAC,EAAQ;QAAN,IAAI,UAAA;IAC9B,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IACpC,IAAA,mBAAU,EAAC;QACT,SAAS,CAAC,KAAK,EAAE,CAAA;IACnB,CAAC,CAAC,CAAA;IACF,OAAO,CAAC,qBAAS,CACf,UAAU,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CACnC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC,CAC5C,YAAY,CAAC,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,CAAC,CAC7C,cAAc,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC,YAAY,KAAK,WAAW,CAAC,EAEvD,CAAA;AACJ,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { PropsOf } from '@codeleap/common';
+import _ImageView from 'react-native-image-viewing';
+export declare type ImageViewProps = PropsOf<typeof _ImageView>;
+export declare const ImageView: React.FC<ImageViewProps>;

package/dist/components/ImageView/component.js

@@ -0,0 +1,54 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageView = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+// @ts-ignore
+var react_native_image_viewing_1 = __importDefault(require("react-native-image-viewing"));
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var FooterComponent = function (_a) {
+    var imageIndex = _a.imageIndex, imagesLength = _a.imagesLength;
+    return (<View_1.View variants={['marginBottom:5', 'alignCenter']}>
+    <Text_1.Text text={imageIndex + 1 + '/' + imagesLength}/>
+  </View_1.View>);
+};
+var ImageView = function (props) {
+    (0, common_1.onUpdate)(function () {
+        react_native_1.StatusBar.setHidden(props.visible);
+        // StatusBar.setBarStyle(`${props.visible ? 'light' : 'dark'}-content`)
+    }, [props.visible]);
+    return (<react_native_image_viewing_1.default doubleTapToZoomEnabled={false} FooterComponent={function (_a) {
+        var imageIndex = _a.imageIndex;
+        return <FooterComponent imageIndex={imageIndex} imagesLength={props.images.length}/>;
+    }} presentationStyle={'overFullScreen'} {...props}/>);
+};
+exports.ImageView = ImageView;
+//# sourceMappingURL=component.js.map

package/dist/components/ImageView/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/ImageView/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,2CAAoD;AAEpD,aAAa;AACb,0FAAmD;AACnD,6CAAwC;AACxC,gCAA8B;AAC9B,gCAA8B;AAO9B,IAAM,eAAe,GAAwB,UAAC,EAA4B;QAA1B,UAAU,gBAAA,EAAE,YAAY,kBAAA;IAAO,OAAA,CAC7E,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAChD;IAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,YAAY,CAAC,EAClD;EAAA,EAAE,WAAI,CAAC,CACR;AAJ8E,CAI9E,CAAA;AAIM,IAAM,SAAS,GAA6B,UAAC,KAAK;IACvD,IAAA,iBAAQ,EAAC;QACP,wBAAS,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAClC,uEAAuE;IACzE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,CAAC,oCAAU,CACT,sBAAsB,CAAC,CAAC,KAAK,CAAC,CAC9B,eAAe,CAAC,CAAC,UAAC,EAAc;YAAZ,UAAU,gBAAA;QAAO,OAAA,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;IAA7E,CAA6E,CAAC,CACnH,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CACpC,IAAI,KAAK,CAAC,EACV,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,SAAS,aAcrB"}

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

@@ -0,0 +1,2 @@
+export * from './Spotlight';
+export * from './component';

package/dist/components/ImageView/index.js

@@ -0,0 +1,19 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Spotlight"), exports);
+__exportStar(require("./component"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImageView/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,8CAA2B"}

package/dist/components/List/PaginationIndicator.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { ComponentVariants } from '@codeleap/common';
+import { ViewStyle } from 'react-native';
+import { StylesOf } from '../../types';
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export declare type PaginationIndicatorComposition = 'text' | `loader${Capitalize<ActivityIndicatorComposition>}`;
+export declare const PaginationIndicatorStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+};
+export declare type PaginationIndicatorProps = {
+    isFetching?: boolean;
+    noMoreItemsText: React.ReactChild;
+    hasMore?: boolean;
+    activityIndicator?: JSX.Element;
+    styles?: StylesOf<PaginationIndicatorComposition>;
+    style?: ViewStyle;
+} & ComponentVariants<typeof PaginationIndicatorStyles>;
+export declare const PaginationIndicator: (props: PaginationIndicatorProps) => JSX.Element;

package/dist/components/List/PaginationIndicator.js

@@ -0,0 +1,51 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginationIndicator = exports.PaginationIndicatorStyles = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var Text_1 = require("../Text");
+var createPaginationIndicatorStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createPaginationIndicatorStyle(function () { return ({ loaderWrapper: style, text: style }); }); });
+exports.PaginationIndicatorStyles = __assign(__assign({}, presets), { default: createPaginationIndicatorStyle(function (theme) {
+        return {
+            loaderWrapper: __assign(__assign({}, theme.presets.center), theme.spacing.marginVertical(3)),
+            text: __assign(__assign(__assign(__assign({}, (0, common_1.assignTextStyle)('h4')(theme).text), theme.presets.textCenter), theme.spacing.marginVertical(3)), theme.presets.fullWidth),
+        };
+    }) });
+var PaginationIndicator = function (props) {
+    var hasMore = props.hasMore, isFetching = props.isFetching, noMoreItemsText = props.noMoreItemsText, style = props.style, activityIndicator = props.activityIndicator, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:PaginationIndicator', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var loaderStyles = (0, common_1.getNestedStylesByKey)('loader', variantStyles);
+    if (isFetching) {
+        return activityIndicator || <ActivityIndicator_1.ActivityIndicator style={style} styles={loaderStyles}/>;
+    }
+    if (!hasMore) {
+        if (common_1.TypeGuards.isString(noMoreItemsText) || common_1.TypeGuards.isNumber(noMoreItemsText)) {
+            return <Text_1.Text style={[variantStyles.text, style]} text={noMoreItemsText.toString()}/>;
+        }
+        return noMoreItemsText;
+    }
+    return null;
+};
+exports.PaginationIndicator = PaginationIndicator;
+//# sourceMappingURL=PaginationIndicator.js.map

package/dist/components/List/PaginationIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/List/PaginationIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAQyB;AACzB,6CAAoD;AAEpD,0DAAsF;AACtF,gCAA8B;AAI9B,IAAM,8BAA8B,GAAG,IAAA,oCAA2B,GAAkC,CAAA;AACpG,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,8BAA8B,CAAC,cAAM,OAAA,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAvC,CAAuC,CAAC,EAA7E,CAA6E,CAAC,CAAA;AAC3G,QAAA,yBAAyB,yBACjC,OAAO,KACV,OAAO,EAAE,8BAA8B,CAAC,UAAC,KAAK;QAC5C,OAAO;YACL,aAAa,wBACR,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CACnC;YACD,IAAI,0CACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,GACxB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,GAC/B,KAAK,CAAC,OAAO,CAAC,SAAS,CAC3B;SACF,CAAA;IACH,CAAC,CAAC,IACH;AAWM,IAAM,mBAAmB,GAAG,UAAC,KAA+B;IACzD,IAAA,OAAO,GAAwF,KAAK,QAA7F,EAAE,UAAU,GAA4E,KAAK,WAAjF,EAAE,eAAe,GAA2D,KAAK,gBAAhE,EAAE,KAAK,GAAoD,KAAK,MAAzD,EAAE,iBAAiB,GAAiC,KAAK,kBAAtC,EAAE,KAA+B,KAAK,OAAzB,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,KAAkB,KAAK,SAAV,EAAb,QAAQ,mBAAG,EAAE,KAAA,CAAU;IAE5G,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAG1C,uBAAuB,EAAE;QACzB,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEJ,IAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAElE,IAAI,UAAU,EAAE;QACd,OAAO,iBAAiB,IAAI,CAAC,qCAAiB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EAAE,CAAA;KACrF;IACD,IAAI,CAAC,OAAO,EAAE;QACZ,IAAI,mBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,mBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;YAChF,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAA;SACrF;QACD,OAAO,eAAe,CAAA;KACvB;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAxBY,QAAA,mBAAmB,uBAwB/B"}

package/dist/components/{List.d.ts → List/index.d.ts}

@@ -1,7 +1,10 @@
 import * as React from 'react';
-import { FlatListProps as RNFlatListProps, ListRenderItemInfo } from 'react-native';
-import { ViewProps } from './View';
-import { EmptyPlaceholderProps } from './EmptyPlaceholder';
+import { ComponentVariants } from '@codeleap/common';
+import { FlatListProps as RNFlatListProps, ListRenderItemInfo, RefreshControlProps } from 'react-native';
+import { ViewProps } from '../View';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import { ListComposition, ListStyles } from './styles';
+import { StylesOf } from '../../types';
 export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
 export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
     data: T[];
@@ -14,20 +17,14 @@ export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsT
         index: number;
     });
 };
-export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & ViewProps & {
-    refreshTimeout?: number;
-    changeData?: any;
+export * from './styles';
+export * from './PaginationIndicator';
+export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & Omit<ViewProps, 'variants'> & {
     separators?: boolean;
-    refreshing?: boolean;
     placeholder?: EmptyPlaceholderProps;
     keyboardAware?: boolean;
-};
-export declare type PaginationIndicatorProps = {
-    isFetching?: boolean;
-    hasMore?: boolean;
-    noMoreItemsText: React.ReactChild;
-    activityIndicator?: JSX.Element;
-};
-export declare const PaginationIndicator: ({ hasMore, isFetching, noMoreItemsText, activityIndicator }: PaginationIndicatorProps) => JSX.Element;
+    styles?: StylesOf<ListComposition>;
+    refreshControlProps?: Partial<RefreshControlProps>;
+} & ComponentVariants<typeof ListStyles>;
 export declare type ListComponentType = <T extends any[] = any[]>(props: FlatListProps<T>) => React.ReactElement;
 export declare const List: ListComponentType;

package/dist/components/List/index.js

@@ -0,0 +1,68 @@
+"use strict";
+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.List = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./PaginationIndicator"), exports);
+var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
+    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, _d = flatListProps.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:List', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var renderSeparator = function () {
+        return (<View_1.View variants={['separator']}></View_1.View>);
+    };
+    var separatorProp = props.separators;
+    var isEmpty = !props.data || !props.data.length;
+    var separator = !isEmpty && separatorProp == true && renderSeparator;
+    var Component = keyboardAware ? utils_1.KeyboardAwareFlatList : react_native_1.FlatList;
+    var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
+    return (<Component style={[variantStyles.wrapper, style]} contentContainerStyle={variantStyles.content} ref={ref} ItemSeparatorComponent={separator} refreshControl={!!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} {...props}/>);
+});
+exports.List = ListCP;
+//# sourceMappingURL=index.js.map