@codeleap/mobile 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAkF;AAOlF,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAEnF,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,sBAAsB,yBAC9B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAElC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QACtD,IAAM,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,6BACK,KAAK,KACR,WAAW,eACN,KAAK,CAAC,WAAW,GAEtB,MAAM,+BACJ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAEtC,QAAQ,EAAE,UAAU,KACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAGjC,YAAY,EAAE;gBACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACrC,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBACV,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,UAAU;gBAEjB,SAAS,EAAE,CAAC,EAAC,UAAU,YAAA,EAAC,EAAC,EAAC,UAAU,YAAA,EAAC,CAAC;gBACtC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,OAAO,EAAE,CAAC;aACX,EACD,oBAAoB,EAAE;gBAClB,OAAO,EAAE,CAAC;aACb,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,YAAY,EAAE;YACZ,YAAY,EAAE,CAAC;SAChB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;SAEhB;KACF,CAAC,EAR6B,CAQ7B,CAAC,IACJ"}

package/dist/components/Scroll.d.ts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
+import { ScrollView } from 'react-native';
+import { ViewProps } from './View';
+export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+};
+export declare const Scroll: React.ForwardRefExoticComponent<KeyboardAwareScrollViewProps & import("react-native").ViewProps & import("@codeleap/common").ComponentVariants<{
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+}, import("@codeleap/common").EnhancedTheme<any>, import("@codeleap/common").VariantProp<{
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+}>> & {
+    component?: any;
+} & import("@codeleap/common").BaseViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+} & React.RefAttributes<ScrollView>>;

package/dist/components/Scroll.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scroll = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
+var react_native_1 = require("react-native");
+var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
+exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
+    var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData"]);
+    var hasRefresh = !!props.onRefresh;
+    var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
+    var timer = React.useRef(null);
+    var previousData = (0, common_1.usePrevious)(changeData);
+    var onRefresh = function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        setRefreshing(true);
+        props.onRefresh();
+        timer.current = setTimeout(function () {
+            setRefreshing(false);
+        }, refreshTimeout);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshing, changeData]);
+    var Theme = (0, common_1.useStyle)().Theme;
+    var variantStyles = (0, common_1.useComponentStyle)('View', {
+        variants: variants
+    });
+    return (<KeyboardAwareScrollView style={[Theme.presets.full, variantStyles.wrapper, style]} ref={ref} {...props} refreshControl={hasRefresh &&
+            <react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>}> 
+      {children}
+    </KeyboardAwareScrollView>);
+});
+//# sourceMappingURL=Scroll.js.map

package/dist/components/Scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAAgG;AAChG,mGAA0H;AAC1H,6CAAyD;AAUzD,IAAM,uBAAuB,GAAG,iEAO/B,CAAA;AAGY,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA0B,UAAC,WAAW,EAAE,GAAG;IAEvE,IAAA,KAME,WAAW,SANA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAKH,WAAW,MALR,EACL,KAIE,WAAW,eAJQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAGN,WAAW,SAHL,EACR,UAAU,GAER,WAAW,WAFH,EACP,KAAK,UACN,WAAW,EAPT,iEAOL,CADS,CACK;IACf,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAG,KAAK,CAAC,OAAO,EAAC;YACf,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IAEpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAG,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAC;YACpD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAG,KAAK,CAAC,OAAO,EAAC;gBACf,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,IAAA,KAAK,GACH,IAAA,iBAAQ,GAAE,MADP,CACO;IAEd,IAAM,aAAa,GAAI,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC/C,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,OAAO,CAEL,CAAC,uBAAuB,CACtB,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAC1D,GAAG,CAAC,CAAC,GAA4B,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU;YACR,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CACL,CAED;MAAA,CAAE,QAAQ,CACZ;IAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const Select: React.FC;

package/dist/components/Select/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var React = __importStar(require("react"));
+var View_1 = require("../View");
+var Select = function () {
+    return <View_1.View>
+
+    </View_1.View>;
+};
+exports.Select = Select;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAA8B;AAEvB,IAAM,MAAM,GAAY;IAC3B,OAAO,CAAC,WAAK,AAAD,CAEZ;;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}

package/dist/components/Slider.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
+import { ViewProps } from './View';
+import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
+    debounce?: number;
+    labels: string[];
+    value: number;
+    valueOverThumb?: boolean;
+    showMarks?: boolean;
+    onValueChange: (val: number) => void;
+    label: Form.Label;
+    formatTooltip?: (val: number) => React.ReactNode;
+    variants?: ComponentVariants<typeof SliderStyles>['variants'];
+    styles?: StylesOf<SliderComposition>;
+    style?: ViewProps['style'];
+};
+export declare const Slider: React.FC<SliderProps>;
+export {};

package/dist/components/Slider.js

@@ -0,0 +1,130 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var React = __importStar(require("react"));
+var react_native_slider_1 = require("@miblanchard/react-native-slider");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var Text_1 = require("./Text");
+var View_1 = require("./View");
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("./TextInput");
+var SliderMark = function (_a) {
+    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
+    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
+    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
+    var isFirst = index === 0;
+    var isLast = index === labels.length - 1;
+    var centerAdjustWord = -(l.length * 2);
+    var markStyles = {};
+    var labelStyles = {};
+    if (!isFirst && !isLast) {
+        labelStyles.left = centerAdjustWord;
+    }
+    if (isLast) {
+        labelStyles.right = -20;
+        markStyles.right = -10;
+    }
+    return <>
+        {showMarks ? (<View_1.View style={[
+                markStyles,
+                variantStyles.mark,
+                styles.mark,
+            ]}/>) : null}
+      {l ?
+            (<Text_1.Text style={[
+                    labelStyles,
+                    variantStyles.trackLabels,
+                    styles.trackLabels,
+                ]} text={l}/>) : null}
+    </>;
+};
+var ThumbTooltip = function (_a) {
+    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
+    return <View_1.View style={[
+            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
+            visible ?
+                react_native_1.StyleSheet.flatten([variantStyles['tooltip:visible'], styles['tooltip:visible']]) :
+                react_native_1.StyleSheet.flatten([variantStyles['tooltip:hidden'], styles['tooltip:hidden']])
+        ]}> 
+        <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
+        <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow,]}/>
+    </View_1.View>;
+};
+var Slider = function (sliderProps) {
+    var _a;
+    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
+    var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "variants"]);
+    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
+    var debounceTimeout = (0, react_1.useRef)(null);
+    var toggleTooltipTimeout = (0, react_1.useRef)(null);
+    var valueRef = (0, react_1.useRef)(value);
+    var variantStyles = (0, common_1.useComponentStyle)('Slider', {
+        variants: variants
+    });
+    function setValue() {
+        onValueChange(valueRef.current);
+    }
+    function onChange(val) {
+        var eventValue = val;
+        if (Array.isArray(val)) {
+            eventValue = val[0];
+        }
+        if (eventValue === value)
+            return;
+        valueRef.current = eventValue;
+        if (debounceTimeout.current)
+            clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(function () {
+            setValue();
+        }, changeDebounce);
+    }
+    return <View_1.View style={[variantStyles.wrapper, style]}>
+        <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
+        <react_native_slider_1.Slider value={value} onSlidingStart={function () {
+            if (toggleTooltipTimeout.current)
+                clearTimeout(toggleTooltipTimeout.current);
+            setTooltipVisible(true);
+        }} onSlidingComplete={function () {
+            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, 830);
+        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
+            if (!valueOverThumb || typeof value !== 'number')
+                return null;
+            return <ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
+                    {formatTooltip ? formatTooltip(value) : value.toString()}
+                </ThumbTooltip>;
+        }} renderTrackMarkComponent={function (idx) { return <SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>; }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer, styles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle, styles.handle])} trackStyle={[variantStyles.track, styles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([variantStyles.selectedTrack, styles.selectedTrack])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
+    </View_1.View>;
+};
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

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

package/dist/components/Switch.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Switch as NativeSwitch } from 'react-native';
+declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
+declare type SwitchProps = NativeSwitchProps & {
+    variants?: ComponentVariants<typeof SwitchStyles>['variants'];
+    label?: ReactNode;
+    styles?: StylesOf<SwitchComposition>;
+    validate?: FormTypes.ValidatorFunction | string;
+};
+export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor"> & React.RefAttributes<NativeSwitch>>;
+export {};

package/dist/components/Switch.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var TextInput_1 = require("./TextInput");
+var View_1 = require("./View");
+exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
+    var _a = switchProps.variants, variants = _a === void 0 ? [] : _a, _b = switchProps.style, style = _b === void 0 ? {} : _b, _c = switchProps.styles, styles = _c === void 0 ? {} : _c, validate = switchProps.validate, label = switchProps.label, value = switchProps.value, props = __rest(switchProps, ["variants", "style", "styles", "validate", "label", "value"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Switch', {
+        variants: variants,
+    });
+    var _d = (0, common_1.useValidate)(switchProps.value, validate), error = _d.error, showError = _d.showError;
+    function getStyles(key) {
+        return [
+            variantStyles[key],
+            styles[key],
+            key === 'wrapper' ? style : {},
+            showError ? variantStyles[key + ':error'] : {},
+            showError ? styles[key + ':error'] : {},
+            value ? variantStyles[key + ':on'] : {},
+            value ? styles[key + ':on'] : {},
+            switchProps.disabled ? variantStyles[key + ':disabled'] : {},
+            switchProps.disabled ? styles[key + ':disabled'] : {},
+        ];
+    }
+    var inputStyles = getStyles('input');
+    var _e = react_native_1.StyleSheet.flatten(inputStyles), color = _e.color, backgroundColor = _e.backgroundColor;
+    var Theme = (0, common_1.useStyle)().Theme;
+    var thumbColor = color || Theme.colors.primary;
+    var trackColor = backgroundColor || Theme.colors.gray;
+    return <View_1.View style={getStyles('wrapper')}>
+        <View_1.View style={getStyles('inputWrapper')}>
+
+            <react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} {...props}/>
+            <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
+        </View_1.View>
+        <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
+    </View_1.View>;
+});
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

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

package/dist/components/Text.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentVariants, BaseViewProps, TextStyles } from '@codeleap/common';
+import { Text as NativeText } from 'react-native';
+export declare type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
+    text?: string;
+    variants?: ComponentVariants<typeof TextStyles>['variants'];
+} & BaseViewProps;
+export declare const Text: React.ForwardRefExoticComponent<import("react-native").TextProps & {
+    text?: string;
+    variants?: ComponentVariants<typeof TextStyles>['variants'];
+} & BaseViewProps & React.RefAttributes<NativeText>>;

package/dist/components/Text.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = 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");
+exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
+    var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, style = textProps.style, props = __rest(textProps, ["variants", "text", "style"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Text', {
+        variants: variants,
+        rootElement: 'text'
+    });
+    var styles = [variantStyles.text, style];
+    return <react_native_1.Text {...props} style={styles} ref={ref}> 
+    {text}
+  </react_native_1.Text>;
+});
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAAkG;AAClG,6CAAkD;AAUrC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAEjE,IAAA,KAIE,SAAS,SAJE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,IAAI,GAGF,SAAS,KAHP,EACJ,KAAK,GAEH,SAAS,MAFN,EACF,KAAK,UACN,SAAS,EALP,6BAKL,CADS,CACG;IAEb,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,WAAW,EAAG,MAAM;KACrB,CAAC,CAAA;IAEF,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC1C,OAAO,CAAC,mBAAU,CAAE,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACrD;IAAA,CAAC,IAAI,CACP;EAAA,EAAE,mBAAU,CAAC,CAAA;AACf,CAAC,CAAC,CAAA"}