@codeleap/mobile 4.0.2 → 4.2.1

package/dist/components/Touchable/index.js

@@ -0,0 +1,220 @@
+"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.Touchable = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+var react_native_2 = require("react-native");
+var PressableRipple_1 = require("../../modules/PressableRipple");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
+    var _a = __assign(__assign({}, exports.Touchable.defaultProps), touchableProps), children = _a.children, onPress = _a.onPress, style = _a.style, debugName = _a.debugName, debugComponent = _a.debugComponent, debounce = _a.debounce, leadingDebounce = _a.leadingDebounce, noFeedback = _a.noFeedback, setPressed = _a.setPressed, rippleDisabled = _a.rippleDisabled, analyticsEnabled = _a.analyticsEnabled, analyticsName = _a.analyticsName, _b = _a.analyticsData, analyticsData = _b === void 0 ? {} : _b, dismissKeyboard = _a.dismissKeyboard, props = __rest(_a, ["children", "onPress", "style", "debugName", "debugComponent", "debounce", "leadingDebounce", "noFeedback", "setPressed", "rippleDisabled", "analyticsEnabled", "analyticsName", "analyticsData", "dismissKeyboard"]);
+    var pressed = react_1.default.useRef(!!leadingDebounce);
+    (0, common_1.onMount)(function () {
+        if (!!leadingDebounce && !!debounce) {
+            setTimeout(function () {
+                pressed.current = false;
+            }, debounce);
+        }
+    });
+    var styles = (0, hooks_1.useStylesFor)(exports.Touchable.styleRegistryName, style);
+    var logger = (0, common_1.useGlobalContext)().logger;
+    var press = function () {
+        if (!onPress)
+            return;
+        var _onPress = function () {
+            var _a, _b;
+            logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName, 'User interaction');
+            if (dismissKeyboard) {
+                react_native_2.Keyboard.dismiss();
+            }
+            if (analyticsEnabled) {
+                var name = analyticsName || debugName;
+                if (!!((_a = name === null || name === void 0 ? void 0 : name.trim) === null || _a === void 0 ? void 0 : _a.call(name))) {
+                    (_b = logger.analytics) === null || _b === void 0 ? void 0 : _b.interaction(name, analyticsData);
+                }
+            }
+            onPress();
+        };
+        if (common_1.TypeGuards.isNumber(debounce)) {
+            if (pressed.current) {
+                return;
+            }
+            setPressed === null || setPressed === void 0 ? void 0 : setPressed(true);
+            pressed.current = true;
+            _onPress();
+            setTimeout(function () {
+                setPressed === null || setPressed === void 0 ? void 0 : setPressed(false);
+                pressed.current = false;
+            }, debounce);
+        }
+        else {
+            _onPress();
+        }
+    };
+    var _styles = react_native_1.StyleSheet.flatten([styles === null || styles === void 0 ? void 0 : styles.wrapper, (props === null || props === void 0 ? void 0 : props.disabled) && (styles === null || styles === void 0 ? void 0 : styles['wrapper:disabled'])]);
+    var disableFeedback = !onPress || noFeedback;
+    var _c = (0, utils_1.usePressableFeedback)(_styles, {
+        hightlightPropertyIn: 'backgroundColor',
+        hightlightPropertyOut: 'backgroundColor',
+        disabled: disableFeedback,
+        feedbackConfig: styles === null || styles === void 0 ? void 0 : styles.feedback,
+    }), rippleConfig = _c.rippleConfig, getFeedbackStyle = _c.getFeedbackStyle;
+    var Wrapper = View_1.View;
+    var _d = react_1.default.useMemo(function () {
+        var wrapperkeys = [
+            'margin',
+            'alignSelf',
+            'top!',
+            'left!',
+            'right!',
+            'bottom!',
+            'position!',
+            'transform!',
+        ];
+        var radiusKey = [
+            'Radius#',
+        ];
+        var sharedKeys = [
+            'width!',
+            'height!',
+            'flex!',
+            'backgroundColor!',
+        ];
+        var wrapperStyle = {};
+        var pressableStyle = {};
+        var radiusStyle = {};
+        var match = function (k, key) {
+            if (k.endsWith('#')) {
+                return key.includes(k.substring(0, k.length - 1));
+            }
+            else if (k.endsWith('!')) {
+                return key === k.substring(0, k.length - 1);
+            }
+            else {
+                return key.startsWith(k);
+            }
+        };
+        Object.entries(_styles).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (radiusKey.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+                radiusStyle[key] = value;
+                return;
+            }
+            if (wrapperkeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+            }
+            else if (sharedKeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+            }
+            else {
+                pressableStyle[key] = value;
+            }
+        });
+        if (wrapperStyle.position === 'absolute') {
+            pressableStyle.width = '100%';
+            pressableStyle.height = '100%';
+        }
+        wrapperStyle.overflow = 'visible';
+        return {
+            wrapperStyle: wrapperStyle,
+            pressableStyle: pressableStyle,
+            radiusStyle: radiusStyle,
+        };
+    }, [JSON.stringify(_styles)]), radiusStyle = _d.radiusStyle, wrapperStyle = _d.wrapperStyle, pressableStyle = _d.pressableStyle;
+    var hitSlop = common_1.TypeGuards.isNumber(props.hitSlop) ? {
+        top: props.hitSlop,
+        left: props.hitSlop,
+        right: props.hitSlop,
+        bottom: props.hitSlop,
+    } : props.hitSlop;
+    var disableRipple = disableFeedback || rippleDisabled || react_native_1.Platform.OS !== 'android';
+    return (<Wrapper style={wrapperStyle} hitSlop={hitSlop}>
+      {!disableRipple ? (<PressableRipple_1.PressableRipple onPress={press} {...props} style={[pressableStyle, styles === null || styles === void 0 ? void 0 : styles.pressable]} rippleFades={false} rippleDuration={350} rippleOpacity={0.1} {...rippleConfig} radiusStyles={radiusStyle} 
+        // @ts-ignore
+        ref={ref}>
+          {children}
+        </PressableRipple_1.PressableRipple>) : (<react_native_1.Pressable onPress={press} style={function (_a) {
+                var pressed = _a.pressed;
+                return ([
+                    pressableStyle,
+                    getFeedbackStyle(pressed),
+                    styles === null || styles === void 0 ? void 0 : styles.pressable,
+                ]);
+            }} {...props} ref={ref}>
+          {children}
+        </react_native_1.Pressable>)}
+    </Wrapper>);
+});
+exports.Touchable.styleRegistryName = 'Touchable';
+exports.Touchable.elements = ['wrapper', 'feedback', 'pressable'];
+exports.Touchable.rootElement = 'wrapper';
+exports.Touchable.withVariantTypes = function (styles) {
+    return exports.Touchable;
+};
+exports.Touchable.defaultProps = {
+    debounce: 500,
+    noFeedback: false,
+    rippleDisabled: false,
+    analyticsEnabled: false,
+    analyticsName: null,
+    dismissKeyboard: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Touchable);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { StylesOf } from '../../types';
+import { TouchableFeedbackConfig } from '../../utils';
+export type TouchableComposition = 'wrapper' | 'wrapper:disabled' | 'feedback' | 'pressable';
+export type TouchableStylesGen<TCSS = any> = StylesOf<Exclude<TouchableComposition, 'feedback'>> & {
+    feedback?: TouchableFeedbackConfig;
+};

package/dist/components/Touchable/styles.js

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

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { AnyFunction } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { View as RNView, PressableProps } from 'react-native';
+import { TouchableComposition } from './styles';
+export type TouchableProps = Omit<PressableProps, 'onPress' | 'children' | 'style'> & {
+    component?: any;
+    ref?: React.Ref<RNView>;
+    debugName: string;
+    activeOpacity?: number;
+    debugComponent?: string;
+    onPress?: AnyFunction;
+    noFeedback?: boolean;
+    debounce?: number;
+    leadingDebounce?: boolean;
+    setPressed?: (param: boolean) => void;
+    rippleDisabled?: boolean;
+    children?: React.ReactNode;
+    style?: StyledProp<TouchableComposition>;
+    analyticsEnabled?: boolean;
+    analyticsName?: string;
+    analyticsData?: Record<string, any>;
+    dismissKeyboard?: boolean;
+    disabled?: boolean;
+};

package/dist/components/Touchable/types.js

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View as RNView } from 'react-native';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { ViewProps } from './types';
+export * from './types';
+export * from './styles';
+export declare const View: {
+    <T extends React.ComponentType<{}> = typeof RNView>(props: ViewProps<T>): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): <T_1 extends React.ComponentType<{}> = typeof RNView>(props: StyledComponentProps<ViewProps<T_1>, S>) => IJSX;
+};

package/dist/components/View/index.js

@@ -0,0 +1,53 @@
+"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);
+};
+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.View = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Registry_1 = require("../../Registry");
+var react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
+var hooks_1 = require("../../hooks");
+__exportStar(require("./types"), exports);
+__exportStar(require("./styles"), exports);
+var View = function (props) {
+    var style = props.style, _a = props.component, _Component = _a === void 0 ? react_native_1.View : _a, _b = props.animated, animated = _b === void 0 ? false : _b, animatedStyle = props.animatedStyle, viewProps = __rest(props, ["style", "component", "animated", "animatedStyle"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.View.styleRegistryName, style);
+    var Component = animated ? react_native_reanimated_1.default.View : _Component;
+    return (<Component {...viewProps} style={[styles.wrapper, animatedStyle]}/>);
+};
+exports.View = View;
+exports.View.styleRegistryName = 'View';
+exports.View.elements = ['wrapper'];
+exports.View.rootElement = 'wrapper';
+exports.View.withVariantTypes = function (styles) {
+    return exports.View;
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.View);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,6CAA6C;AAE7C,2CAAoD;AACpD,oFAA8C;AAE9C,qCAA0C;AAE1C,0CAAuB;AACvB,2CAAwB;AAEjB,IAAM,IAAI,GAAG,UAAgD,KAAmB;IAEnF,IAAA,KAAK,GAKH,KAAK,MALF,EACL,KAIE,KAAK,UAJuB,EAAnB,UAAU,mBAAG,mBAAM,KAAA,EAC9B,KAGE,KAAK,SAHS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,GAEX,KAAK,cAFM,EACV,SAAS,UACV,KAAK,EANH,mDAML,CADa,CACL;IAET,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAmC,QAAQ,CAAC,CAAC,CAAC,iCAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAA;IAEvF,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,EAAG,CACrE,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,IAAI,QAgBhB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,YAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAA2H,CAAA;AACpI,CAAC,CAAA;AAED,8BAAmB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export type ViewComposition = 'wrapper';

package/dist/components/View/styles.js

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { PropsOf } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { ImageStyle, TextStyle, View as RNView, ViewStyle } from 'react-native';
+import { AnimatedStyleProp } from 'react-native-reanimated';
+import { ViewComposition } from './styles';
+export type ViewProps<T extends React.ComponentType = typeof RNView> = {
+    component?: T;
+    style?: StyledProp<ViewComposition>;
+    animated?: boolean;
+    children?: React.ReactNode;
+    animatedStyle?: AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>;
+} & PropsOf<T>;

package/dist/components/View/types.js

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

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

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

package/dist/components/components.d.ts

@@ -0,0 +1,42 @@
+export * from './View';
+export * from './Icon';
+export * from './Touchable';
+export * from './Text';
+export * from './Image';
+export * from './Checkbox';
+export * from './TextInput';
+export * from './RadioInput';
+export * from './Switch';
+export * from './Sections';
+export * from './Select';
+export * from './FileInput';
+export * from './Slider';
+export * from './SegmentedControl';
+export * from './Navigation';
+export * from './Scroll';
+export * from './List';
+export * from './ActivityIndicator';
+export * from './Button';
+export * from './Modal';
+export * from './Calendar';
+export * from './ImageView';
+export * from './Navigation';
+export * from './Pager';
+export * from './EmptyPlaceholder';
+export * from './Backdrop';
+export * from './SegmentedControl';
+export * from './Autocomplete';
+export * from './Grid';
+export * from './LoadingOverlay';
+export * from './ActionIcon';
+export * from './InputBase';
+export * from './DatePickerModal';
+export * from './RefreshControl';
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './NumberIncrement';
+export * from './Badge';
+export * from './SearchInput';
+export * from './PaginationIndicator';
+export * from './PlacesAutocomplete';
+export * from './SortablePhotos';

package/dist/components/components.js

@@ -0,0 +1,59 @@
+"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("./View"), exports);
+__exportStar(require("./Icon"), exports);
+__exportStar(require("./Touchable"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./TextInput"), exports);
+__exportStar(require("./RadioInput"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Sections"), exports);
+__exportStar(require("./Select"), exports);
+__exportStar(require("./FileInput"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./SegmentedControl"), exports);
+__exportStar(require("./Navigation"), exports);
+__exportStar(require("./Scroll"), exports);
+__exportStar(require("./List"), exports);
+__exportStar(require("./ActivityIndicator"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Calendar"), exports);
+__exportStar(require("./ImageView"), exports);
+__exportStar(require("./Navigation"), exports);
+__exportStar(require("./Pager"), exports);
+__exportStar(require("./EmptyPlaceholder"), exports);
+__exportStar(require("./Backdrop"), exports);
+__exportStar(require("./SegmentedControl"), exports);
+__exportStar(require("./Autocomplete"), exports);
+__exportStar(require("./Grid"), exports);
+__exportStar(require("./LoadingOverlay"), exports);
+__exportStar(require("./ActionIcon"), exports);
+__exportStar(require("./InputBase"), exports);
+__exportStar(require("./DatePickerModal"), exports);
+__exportStar(require("./RefreshControl"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./AvatarGroup"), exports);
+__exportStar(require("./NumberIncrement"), exports);
+__exportStar(require("./Badge"), exports);
+__exportStar(require("./SearchInput"), exports);
+__exportStar(require("./PaginationIndicator"), exports);
+__exportStar(require("./PlacesAutocomplete"), exports);
+__exportStar(require("./SortablePhotos"), exports);
+//# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,0CAAuB;AACvB,6CAA0B;AAC1B,8CAA2B;AAC3B,+CAA4B;AAC5B,2CAAwB;AACxB,6CAA0B;AAC1B,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB;AACxB,qDAAkC;AAClC,+CAA4B;AAC5B,2CAAwB;AACxB,yCAAsB;AACtB,sDAAmC;AACnC,2CAAwB;AACxB,0CAAuB;AACvB,6CAA0B;AAC1B,8CAA2B;AAC3B,+CAA4B;AAC5B,0CAAuB;AACvB,qDAAkC;AAClC,6CAA0B;AAC1B,qDAAkC;AAClC,iDAA8B;AAC9B,yCAAsB;AACtB,mDAAgC;AAChC,+CAA4B;AAC5B,8CAA2B;AAC3B,oDAAiC;AACjC,mDAAgC;AAChC,2CAAwB;AACxB,gDAA6B;AAC7B,oDAAiC;AACjC,0CAAuB;AACvB,gDAA6B;AAC7B,wDAAqC;AACrC,uDAAoC;AACpC,mDAAgC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { StyleProp } from '@codeleap/styles';
+export declare const useStylesFor: <T = unknown>(componentName: string, style: StyleProp<T, string>) => T;

package/dist/hooks/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStylesFor = void 0;
+var styles_1 = require("@codeleap/styles");
+var react_1 = require("react");
+var Registry_1 = require("../Registry");
+var useStylesFor = function (componentName, style) {
+    var styleObserver = (0, styles_1.useStyleObserver)(style);
+    var styles = (0, react_1.useMemo)(function () {
+        return Registry_1.MobileStyleRegistry.current.styleFor(componentName, style);
+    }, [styleObserver]);
+    return styles;
+};
+exports.useStylesFor = useStylesFor;
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,2CAA8D;AAC9D,+BAA+B;AAC/B,wCAAiD;AAE1C,IAAM,YAAY,GAAG,UAAc,aAAqB,EAAE,KAA2B;IAC1F,IAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,OAAO,8BAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IACnE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AARY,QAAA,YAAY,gBAQxB"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components/components';
+export { Linking } from 'react-native';
+export * from './utils';
+export * from './hooks';
+import uuid from 'react-native-uuid';
+import * as RNKeyboardAwareScrollView from './utils/KeyboardAware';
+export { uuid, RNKeyboardAwareScrollView };
+export { MobileStyleRegistry } from './Registry';

package/dist/index.js

@@ -0,0 +1,44 @@
+"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 __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 __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.MobileStyleRegistry = exports.RNKeyboardAwareScrollView = exports.uuid = exports.Linking = void 0;
+__exportStar(require("./components/components"), exports);
+var react_native_1 = require("react-native");
+Object.defineProperty(exports, "Linking", { enumerable: true, get: function () { return react_native_1.Linking; } });
+__exportStar(require("./utils"), exports);
+__exportStar(require("./hooks"), exports);
+var react_native_uuid_1 = __importDefault(require("react-native-uuid"));
+exports.uuid = react_native_uuid_1.default;
+var RNKeyboardAwareScrollView = __importStar(require("./utils/KeyboardAware"));
+exports.RNKeyboardAwareScrollView = RNKeyboardAwareScrollView;
+var Registry_1 = require("./Registry");
+Object.defineProperty(exports, "MobileStyleRegistry", { enumerable: true, get: function () { return Registry_1.MobileStyleRegistry; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAuC;AACvC,6CAAsC;AAA7B,uGAAA,OAAO,OAAA;AAChB,0CAAuB;AACvB,0CAAuB;AACvB,wEAAoC;AAE3B,eAFF,2BAAI,CAEE;AADb,+EAAkE;AACnD,8DAAyB;AACxC,uCAAgD;AAAvC,+GAAA,mBAAmB,OAAA"}

package/dist/modules/PressableRipple/index.d.ts

@@ -0,0 +1,2 @@
+import PressableRipple from './ripple';
+export { PressableRipple };

package/dist/modules/PressableRipple/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PressableRipple = void 0;
+var ripple_1 = __importDefault(require("./ripple"));
+exports.PressableRipple = ripple_1.default;
+//# sourceMappingURL=index.js.map

package/dist/modules/PressableRipple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/index.ts"],"names":[],"mappings":";;;;;;AAAA,oDAAsC;AAGpC,0BAHK,gBAAe,CAGL"}

package/dist/modules/PressableRipple/ripple.d.ts

@@ -0,0 +1,30 @@
+export default class Ripple extends React.PureComponent<any, any, any> {
+    static defaultProps: any;
+    static propTypes: any;
+    constructor(props: any);
+    onLayout(event: any): void;
+    onPress(event: any): void;
+    onPressIn(event: any): void;
+    onPressOut(event: any): void;
+    onLongPress(event: any): void;
+    onAnimationEnd(): void;
+    renderRipple({ unique, progress, locationX, locationY, R }: {
+        unique: any;
+        progress: any;
+        locationX: any;
+        locationY: any;
+        R: any;
+    }): JSX.Element;
+    unique: number;
+    mounted: boolean;
+    state: {
+        width: number;
+        height: number;
+        ripples: any[];
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    startRipple(event: any): void;
+    render(): JSX.Element;
+}
+import React from 'react';