@codeleap/mobile 1.3.0 → 1.4.1

package/dist/components/Checkbox/index.js

@@ -1,75 +1,74 @@
-"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 __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.Checkbox = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_1 = require("react");
-var TextInput_1 = require("../TextInput");
-var View_1 = require("../View");
-var Touchable_1 = require("../Touchable");
-__exportStar(require("./styles"), exports);
-exports.Checkbox = (0, react_1.forwardRef)(function (checkboxProps, ref) {
-    var _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.style, style = _b === void 0 ? {} : _b, _c = checkboxProps.styles, styles = _c === void 0 ? {} : _c, label = checkboxProps.label, value = checkboxProps.value, onValueChange = checkboxProps.onValueChange, validate = checkboxProps.validate, props = __rest(checkboxProps, ["variants", "style", "styles", "label", "value", "onValueChange", "validate"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
-        // @ts-ignore
-        variants: variants,
-    });
-    var _d = (0, common_1.useValidate)(value, validate), error = _d.error, showError = _d.showError;
-    function getStyles(key) {
-        return [
-            variantStyles[key],
-            variantStyles[key],
-            key === 'wrapper' ? style : {},
-            value ? variantStyles[key + ':checked'] : {},
-            value ? styles[key + ':checked'] : {},
-            showError ? variantStyles[key + ':error'] : {},
-            showError ? styles[key + ':error'] : {},
-            checkboxProps.disabled ? variantStyles[key + ':disabled'] : {},
-            checkboxProps.disabled ? styles[key + ':disabled'] : {},
-        ];
-    }
-    return <View_1.View style={getStyles('wrapper')} {...props}>
-        <Touchable_1.Touchable style={getStyles('input')} onPress={function () { return onValueChange(!value); }}>
-            <View_1.View style={getStyles('checkmarkWrapper')}>
-                <View_1.View style={getStyles('checkmark')}/>
-            </View_1.View>
-            <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
-
-        </Touchable_1.Touchable>
-        <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
-    </View_1.View>;
-});
+"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 __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.Checkbox = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var TextInput_1 = require("../TextInput");
+var View_1 = require("../View");
+var Touchable_1 = require("../Touchable");
+__exportStar(require("./styles"), exports);
+exports.Checkbox = (0, react_1.forwardRef)(function (checkboxProps, ref) {
+    var _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.style, style = _b === void 0 ? {} : _b, _c = checkboxProps.styles, styles = _c === void 0 ? {} : _c, label = checkboxProps.label, value = checkboxProps.value, onValueChange = checkboxProps.onValueChange, validate = checkboxProps.validate, props = __rest(checkboxProps, ["variants", "style", "styles", "label", "value", "onValueChange", "validate"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
+        // @ts-ignore
+        variants: variants,
+    });
+    var _d = (0, common_1.useValidate)(value, validate), error = _d.error, showError = _d.showError;
+    function getStyles(key) {
+        return [
+            variantStyles[key],
+            variantStyles[key],
+            key === 'wrapper' ? style : {},
+            value ? variantStyles[key + ':checked'] : {},
+            value ? styles[key + ':checked'] : {},
+            showError ? variantStyles[key + ':error'] : {},
+            showError ? styles[key + ':error'] : {},
+            checkboxProps.disabled ? variantStyles[key + ':disabled'] : {},
+            checkboxProps.disabled ? styles[key + ':disabled'] : {},
+        ];
+    }
+    return (<View_1.View style={getStyles('wrapper')} {...props}>
+        <Touchable_1.Touchable debugName={"Set checkbox value to ".concat(!value)} style={getStyles('input')} onPress={function () { return onValueChange(!value); }}>
+          <View_1.View style={getStyles('checkmarkWrapper')}>
+            <View_1.View style={getStyles('checkmark')}/>
+          </View_1.View>
+          <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
+        </Touchable_1.Touchable>
+        <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
+      </View_1.View>);
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAsG;AACtG,+BAAoE;AAEpE,0CAAoD;AACpD,gCAA8B;AAC9B,0CAAwC;AAIxC,2CAAwB;AAaX,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA+B,UAAC,aAAa,EAAC,GAAG;IAE3E,IAAA,KAQA,aAAa,SARA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAOA,aAAa,MAPH,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAMA,aAAa,OANF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAKL,aAAa,MALR,EACL,KAAK,GAIL,aAAa,MAJR,EACL,aAAa,GAGb,aAAa,cAHA,EACb,QAAQ,GAER,aAAa,SAFL,EACL,KAAK,UACR,aAAa,EATV,8EASN,CADW,CACK;IAEjB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE;QAChD,aAAa;QACb,QAAQ,UAAA;KACX,CAAC,CAAA;IAEI,IAAA,KAAqB,IAAA,oBAAW,EAAC,KAAK,EAAC,QAAQ,CAAC,EAA/C,KAAK,WAAA,EAAE,SAAS,eAA+B,CAAA;IAGtD,SAAS,SAAS,CAAC,GAAuB;QACtC,OAAO;YACH,aAAa,CAAC,GAAG,CAAC;YAClB,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC9B,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YACrC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9C,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YACvC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9D,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;SAC1D,CAAA;IACL,CAAC;IAED,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAChD;QAAA,CAAC,qBAAS,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAE,OAAO,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,KAAK,CAAC,EAArB,CAAqB,CAAC,CACxE;YAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CACvC;gBAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EACxC;YAAA,EAAE,WAAI,CACN;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAExD;;QAAA,EAAE,qBAAS,CACX;QAAA,CAAC,qBAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EACjE;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,48 +1,52 @@
-declare type CheckboxParts = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper' | 'error';
-export declare type MobileCheckboxComposition = CheckboxParts | `${CheckboxParts}:checked` | `${CheckboxParts}:disabled` | `${CheckboxParts}:error`;
-export declare const MobileCheckboxStyles: {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-};
-export {};
+declare type CheckboxParts = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper' | 'error';
+export declare type MobileCheckboxComposition = CheckboxParts | `${CheckboxParts}:checked` | `${CheckboxParts}:disabled` | `${CheckboxParts}:error`;
+export declare const MobileCheckboxStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+};
+export {};

package/dist/components/Checkbox/styles.js

@@ -1,49 +1,49 @@
-"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.MobileCheckboxStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
-exports.MobileCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) {
-        var size = theme.typography.baseFontSize * 1.2;
-        var markHeight = size * 0.5;
-        var markWidth = size * 0.25;
-        var translateX = -(markWidth / 2);
-        var translateY = -(markHeight / 2);
-        return {
-            wrapper: {},
-            input: __assign(__assign({ flexDirection: 'row' }, theme.presets.alignCenter), { borderRadius: theme.borderRadius.small }),
-            label: __assign({}, theme.spacing.marginLeft(0.5)),
-            checkmark: {
-                position: 'absolute',
-                top: '40%',
-                left: '50%',
-                height: markHeight,
-                width: markWidth,
-                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' },]
-            },
-            "checkmark:checked": __assign({}, theme.border.white({
-                width: 2,
-                directions: ['right', 'bottom']
-            })),
-            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.gray(1)),
-            "checkmarkWrapper:checked": {
-                backgroundColor: theme.colors.primary
-            },
-            error: {
-                color: theme.colors.negative
-            }
-        };
-    }) });
+"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.MobileCheckboxStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
+exports.MobileCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) {
+        var size = theme.typography.baseFontSize * 1.2;
+        var markHeight = size * 0.5;
+        var markWidth = size * 0.25;
+        var translateX = -(markWidth / 2);
+        var translateY = -(markHeight / 2);
+        return {
+            wrapper: {},
+            input: __assign(__assign({ flexDirection: 'row' }, theme.presets.alignCenter), { borderRadius: theme.borderRadius.small }),
+            label: __assign({}, theme.spacing.marginLeft(0.5)),
+            checkmark: {
+                position: 'absolute',
+                top: '40%',
+                left: '50%',
+                height: markHeight,
+                width: markWidth,
+                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' }],
+            },
+            'checkmark:checked': __assign({}, theme.border.white({
+                width: 2,
+                directions: ['right', 'bottom'],
+            })),
+            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.neutral(1)),
+            'checkmarkWrapper:checked': {
+                backgroundColor: theme.colors.primary,
+            },
+            error: {
+                color: theme.colors.negative,
+            },
+        };
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA4E;AAK5E,IAAM,mBAAmB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAEpF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAAC,CAAA;AAE/E,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAC,CAAC,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,OAAO;YACL,OAAO,EAAE,EAER;YACD,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACP,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,EAAE;aAC9D;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAC,QAAQ,CAAC;aAC/B,CAAC,CACH;YACD,gBAAgB,aACZ,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B;YACD,0BAA0B,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACxC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IAEH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAe9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA6B,CAAA;AAE1D,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QACnC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,OAAO;YACL,OAAO,EAAE,EAAE;YACX,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACT,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;aACjE;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;aAChC,CAAC,CACH;YACD,gBAAgB,aACd,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;YACD,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IACH"}

package/dist/components/ContentView.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
-import { ViewProps } from './View';
-import { StylesOf } from '../types/utility';
-export declare type ContentViewProps = Omit<ViewProps, 'variants' | 'responsiveVariants'> & {
-    placeholderMsg: string;
-    loading?: boolean;
-    styles?: StylesOf<ViewComposition>;
-} & ComponentVariants<typeof ContentViewStyles>;
-export declare const ContentView: React.FC<ContentViewProps>;
+import React from 'react';
+import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
+import { ViewProps } from './View';
+import { StylesOf } from '../types/utility';
+export declare type ContentViewProps = Omit<ViewProps, 'variants' | 'responsiveVariants'> & {
+    placeholderMsg: string;
+    loading?: boolean;
+    styles?: StylesOf<ViewComposition>;
+} & ComponentVariants<typeof ContentViewStyles>;
+export declare const ContentView: React.FC<ContentViewProps>;

package/dist/components/ContentView.js

@@ -1,49 +1,51 @@
-"use strict";
-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.ContentView = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@codeleap/common");
-var View_1 = require("./View");
-var Text_1 = require("./Text");
-var ActivityIndicator_1 = require("./ActivityIndicator");
-var WrapContent = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return <View_1.View {...props}>{children}</View_1.View>;
-};
-var ContentView = function (rawProps) {
-    var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "styles"]);
-    var variantStyle = (0, common_1.useComponentStyle)('ContentView', {
-        variants: variants,
-        styles: styles,
-    });
-    if (loading) {
-        return (<WrapContent {...props} style={variantStyle.wrapper}>
-        <ActivityIndicator_1.ActivityIndicator styles={{ wrapper: variantStyle.loader }}/>
-      </WrapContent>);
-    }
-    var hasChildren = Object.keys(children || {}).length > 0;
-    if (hasChildren) {
-        return (<WrapContent {...props} style={variantStyle.wrapper}>
-        {children}
-      </WrapContent>);
-    }
-    return (<WrapContent {...props} style={styles}>
-      <Text_1.Text text={placeholderMsg}/>
-    </WrapContent>);
-};
-exports.ContentView = ContentView;
+"use strict";
+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.ContentView = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var View_1 = require("./View");
+var Text_1 = require("./Text");
+var ActivityIndicator_1 = require("./ActivityIndicator");
+var react_native_1 = require("react-native");
+var WrapContent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (<View_1.View {...props}>{children}</View_1.View>);
+};
+var ContentView = function (rawProps) {
+    var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "styles"]);
+    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: styles,
+    });
+    if (loading) {
+        return (<WrapContent {...props} style={variantStyle.wrapper}>
+        <ActivityIndicator_1.ActivityIndicator styles={{ wrapper: variantStyle.loader }}/>
+      </WrapContent>);
+    }
+    var hasChildren = Object.keys(children || {}).length > 0;
+    if (hasChildren) {
+        return (<WrapContent {...props} style={variantStyle.wrapper}>
+        {children}
+      </WrapContent>);
+    }
+    return (<WrapContent {...props} style={styles}>
+      <Text_1.Text text={placeholderMsg}/>
+    </WrapContent>);
+};
+exports.ContentView = ContentView;
 //# sourceMappingURL=ContentView.js.map

package/dist/components/ContentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA2G;AAC3G,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AAQvD,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CAAA;CAAA,CAAA;AAE3E,IAAM,WAAW,GAA+B,UAAC,QAAQ;IAE5D,IAAA,QAAQ,GAMN,QAAQ,SANF,EACR,cAAc,GAKZ,QAAQ,eALI,EACd,OAAO,GAIL,QAAQ,QAJH,EACP,QAAQ,GAGN,QAAQ,SAHF,EACR,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EAPN,+DAOL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,aAAa,EAAE;QACpD,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAC,OAAO,EAAE,YAAY,CAAC,MAAM,EAAC,CAAC,EAC5D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAKyB;AACzB,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AACvD,6CAAyC;AAWzC,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAC9C,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CACnC,CAAA;CAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,QAAQ;IACtD,IAAA,QAAQ,GACd,QAAQ,SADM,EAAE,cAAc,GAC9B,QAAQ,eADsB,EAAE,OAAO,GACvC,QAAQ,QAD+B,EAAE,QAAQ,GACjD,QAAQ,SADyC,EAAE,MAAM,GACzD,QAAQ,OADiD,EAAK,KAAK,UACnE,QAAQ,EADJ,+DAAiE,CAAF,CAC3D;IAEV,IAAM,YAAY,GAAG,IAAA,iCAAwB,EAAC,aAAa,EAAE;QAC3D,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,EAC9D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,WAAW,eA+BvB"}

package/dist/components/FileInput.d.ts

@@ -1,19 +1,26 @@
-import React from 'react';
-import { DocumentPicker } from '../modules/documentPicker';
-import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-import { ButtonProps } from './Button';
-export declare type FileInputRef = {
-    openFilePicker: () => void;
-};
-export declare type FileInputProps = {
-    label?: string;
-    iconName?: IconPlaceholder;
-    styles?: StylesOf<FileInputComposition>;
-    mode: 'hidden' | 'button';
-    variants?: ComponentVariants<typeof FileInputStyles>['variants'];
-    onFileSelect(files: MobileInputFile[]): void;
-    options?: DocumentPicker.DocumentPickerOptions;
-    buttonProps?: ButtonProps;
-};
-export declare const FileInput: React.FC<FileInputProps>;
+import React from 'react';
+import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+import { ButtonProps } from './Button';
+import OSAlert from '../utils/OSAlert';
+import { Options } from 'react-native-image-crop-picker';
+import { DocumentPickerOptions } from '../modules/types/documentPicker';
+export declare type FileInputRef = {
+    openFilePicker: () => void;
+};
+export declare type FileInputProps = {
+    label?: string;
+    iconName?: IconPlaceholder;
+    styles?: StylesOf<FileInputComposition>;
+    mode: 'hidden' | 'button';
+    variants?: ComponentVariants<typeof FileInputStyles>['variants'];
+    onFileSelect(files: MobileInputFile[]): void;
+    options?: DocumentPickerOptions<any>;
+    buttonProps?: ButtonProps;
+    ref?: FileInputRef;
+    placeholder?: string;
+    type?: 'image' | 'anyFile';
+    alertProps?: Parameters<typeof OSAlert.ask>[0];
+    pickerOptions?: Partial<Options>;
+};
+export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "placeholder" | "type" | "options" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions"> & React.RefAttributes<FileInputRef>>;