@codeleap/mobile 2.3.19 → 2.3.21

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

@@ -16,6 +16,7 @@ export declare type AutoCompleteHeaderProps = ReactStateProps<'search', string>
     debugName: string;
     icon?: IconPlaceholder;
     toggle: ModalHeaderProps['toggle'];
+    description?: React.ReactElement;
 };
 export declare const AutoCompleteHeader: React.FC<AutoCompleteHeaderProps>;
 export declare type AutoCompleteOption<T> = CustomSelectProps<T>['options'][number] & {

package/dist/components/AutoComplete/index.js

@@ -58,12 +58,13 @@ var react_native_1 = require("react-native");
 var Text_1 = require("../Text");
 var Button_1 = require("../Button");
 var AutoCompleteHeader = function (props) {
-    var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps, viewProps = __rest(props, ["search", "setSearch", "icon", "debugName", "label", "styles", "toggle", "searchInputProps"]);
+    var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, _b = props.description, description = _b === void 0 ? null : _b, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps, viewProps = __rest(props, ["search", "setSearch", "icon", "description", "debugName", "label", "styles", "toggle", "searchInputProps"]);
     return <View_1.View style={[styles.wrapper]} {...viewProps}>
     <View_1.View style={styles.titleWrapper}>
       <Text_1.Text style={styles.title} text={label}/>
       <Button_1.Button icon={'close'} debugName={"Close Autocomplete ".concat(debugName, " button")} onPress={toggle} variants={['icon']} styles={styles.closeButton}/>
     </View_1.View>
+    {description}
     <TextInput_1.TextInput subtitle={function () { return null; }} leftIcon={{
             icon: icon,
         }} debugName={"AutoComplete ".concat(debugName, " search input")} value={search} onChangeText={setSearch} styles={styles.searchInput} {...searchInputProps}/>

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAYyB;AAEzB,0CAAwD;AACxD,gCAAyC;AACzC,oCAAqD;AAGrD,6CAAyC;AACzC,gCAA8B;AAC9B,oCAAkC;AAc3B,IAAM,kBAAkB,GAAqC,UAAC,KAAK;IAChE,IAAA,MAAM,GAAuH,KAAK,OAA5H,EAAE,SAAS,GAA4G,KAAK,UAAjH,EAAE,KAA0G,KAAK,KAAhG,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,KAAyF,KAAK,YAA5E,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAAE,SAAS,GAA4D,KAAK,UAAjE,EAAE,KAAK,GAAqD,KAAK,MAA1D,EAAE,MAAM,GAA6C,KAAK,OAAlD,EAAE,MAAM,GAAqC,KAAK,OAA1C,EAAE,gBAAgB,GAAmB,KAAK,iBAAxB,EAAK,SAAS,UAAK,KAAK,EAApI,4GAA4H,CAAF,CAAU;IAE1I,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAClD;IAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EACvC;MAAA,CAAC,eAAM,CACL,IAAI,CAAC,CAAC,OAA0B,CAAC,CACjC,SAAS,CAAC,CAAC,6BAAsB,SAAS,YAAS,CAAC,CACpD,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACpC,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAC/B;IAAA,EAAE,WAAI,CACN;IAAA,CACE,WAAW,CAEb;IAAA,CAAC,qBAAS,CAAC,QAAQ,CAAC,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,EAAE,IAAuB;SAC9B,CAAC,CAAC,SAAS,CAAC,CAAC,uBAAgB,SAAS,kBAAe,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,gBAAgB,CAAC,EACnJ;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAnBY,QAAA,kBAAkB,sBAmB9B;AAgBM,IAAM,YAAY,GAAG,UAAmC,KAA2B;;IAEtF,IAAA,OAAO,GAQL,KAAK,QARA,EACP,KAOE,KAAK,cAPc,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAME,KAAK,SANO,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,QAAQ,GAKN,KAAK,SALC,EACR,KAIE,KAAK,YAJS,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,QAAQ,GAGN,KAAK,SAHC,EACR,MAAM,GAEJ,KAAK,OAFD,EACH,WAAW,UACZ,KAAK,EATH,yFASL,CADe,CACP;IAEH,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAmC,IAAA,oBAAW,EAAC,MAAM,EAAE,QAAQ,CAAC,EAA/D,eAAe,QAAA,EAAE,aAAa,QAAiC,CAAA;IAChE,IAAA,KAAwC,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAxD,eAAe,QAAA,EAAE,kBAAkB,QAAqB,CAAA;IAEzD,IAAA,KAAwB,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8C,gBAAgB,EAAE;QAC5G,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IACF,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;IAC9C,IAAA,KAA2C,IAAA,gBAAO,EAAC,cAAM,OAAA,CAAC;QAC9D,iBAAiB,EAAE,IAAA,6BAAoB,EAAC,aAAa,EAAE,aAAa,CAAC;QACrE,iBAAiB,EAAE,IAAA,6BAAoB,EAAC,aAAa,EAAE,aAAa,CAAC;KAEtE,CAAC,EAJ6D,CAI7D,EAAE,CAAC,cAAc,CAAC,CAAC,EAJb,iBAAiB,uBAAA,EAAE,iBAAiB,uBAIvB,CAAA;IAErB,IAAA,iBAAQ,EAAC;QACP,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,UAAU,CAAC;YAET,IAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM;gBACpC,IAAI,QAAQ,EAAE;oBACZ,OAAO,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;iBACzC;gBACO,IAAA,KAAK,GAAwB,MAAM,MAA9B,EAAE,UAAU,GAAY,MAAM,WAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;gBAC3C,IAAI,IAAI,GAAG,UAAU,IAAI,CAAC,mBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBAEhF,IAAI,CAAC,aAAa,EAAE;oBAClB,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;iBAC1B;gBAED,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC,CAAA;YACrD,CAAC,CAAC,CAAA;YACF,IAAI,OAAO,EAAE;gBACX,kBAAkB,CAAC,OAAO,CAAC,CAAA;gBAC3B,UAAU,CAAC;oBACT,IAAI,OAAO,EAAE;wBACX,UAAU,CAAC,KAAK,CAAC,CAAA;qBAClB;gBACH,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,CAAA;aACnB;QAEH,CAAC,CAAC,CAAA;QACF,OAAO;YACL,OAAO,GAAG,KAAK,CAAA;YACf,aAAa,EAAE,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAC9D,OAAO,CAAC,eAAM,CACZ,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,OAAO,CAAC,CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CACzC,MAAM,CAAC,CACL,CAAC,0BAAkB,CACjB,SAAS,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC3B,MAAM,CAAC,CAAC;gBACN,OAAO,EAAE,aAAa,CAAC,MAAM;gBAC7B,WAAW,EAAE,iBAAiB;gBAC9B,KAAK,EAAE,aAAa,CAAC,KAAK;gBAC1B,WAAW,EAAE,iBAAiB;gBAC9B,YAAY,EAAE,aAAa,CAAC,YAAY;aACzC,CAAC,CAEF,IAAI,WAAW,CAAC,EAChB,CACH,CAED,IAAI,WAAW,CAAC,CAChB,SAAS,CAAC,uBACL,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,KACzB,WAAW,aACT,OAAO,SAAA,IACJ,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,0CAAE,WAAW,KAExC,EACF,CAAA;AAEJ,CAAC,CAAA;AA9FY,QAAA,YAAY,gBA8FxB;AACD,2CAAwB"}

package/dist/components/AutoComplete/styles.js

@@ -16,10 +16,74 @@ var common_1 = require("@codeleap/common");
 var Select_1 = require("../Select");
 var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
 exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
-        var defaultStyle = Select_1.SelectStyles.default(theme);
-        return __assign(__assign({}, defaultStyle), { header: __assign(__assign(__assign(__assign({}, theme.spacing.paddingHorizontal(2)), theme.spacing.paddingTop(1)), theme.presets.column), theme.presets.alignStart), searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)), titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter), title: __assign(__assign({}, theme.presets.textCenter), { flex: 1 }), closeButtonWrapper: {
+        return {
+            wrapper: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.fullHeight), theme.presets.fullWidth),
+            'box:transition': {
+                scale: {
+                    duration: theme.values.transitions.modal.duration,
+                    type: 'timing',
+                },
+                opacity: {
+                    duration: theme.values.transitions.modal.duration,
+                    type: 'timing',
+                },
+            },
+            'backdrop:transition': {
+                opacity: {
+                    duration: theme.values.transitions.modal.duration,
+                    type: 'timing',
+                },
+            },
+            backdrop: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.whole), { backgroundColor: theme.colors.black }),
+            backdropTouchable: __assign(__assign({}, theme.presets.absolute), theme.presets.whole),
+            'backdrop:visible': {
+                opacity: 0.5,
+            },
+            'backdrop:hidden': {
+                opacity: 0,
+            },
+            innerWrapper: {},
+            scroll: {
+                flex: 1,
+                // maxHeight: theme.values.height,
+            },
+            scrollContent: __assign(__assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), { minHeight: '100%' }), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
+            box: __assign(__assign({ backgroundColor: theme.colors.background, width: theme.values.width - theme.spacing.value(theme.values.innerSpacing.X * 2), borderRadius: theme.borderRadius.modalOuter }, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)),
+            'box:hidden': {
+                opacity: 0,
+                scale: 0.8,
+            },
+            'box:visible': {
+                opacity: 1,
+                scale: 1,
+            },
+            closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
+            closeButtonIcon: {
+                color: theme.colors.text,
+            },
+            listWrapper: {
+                height: 'auto',
+            },
+            itemWrapper: __assign(__assign(__assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), { borderRadius: theme.borderRadius.medium }), theme.spacing.padding(1)), { backgroundColor: theme.colors.backgroundSecondary }),
+            'itemWrapper:selected': {
+                backgroundColor: theme.colors.primary,
+            },
+            'itemIcon:selected': __assign({ color: theme.colors.backgroundSecondary }, theme.sized(2)),
+            'itemText:selected': {
+                color: theme.colors.backgroundSecondary,
+            },
+            itemIcon: {
+                height: 0,
+                width: 0,
+            },
+            header: __assign(__assign(__assign(__assign({}, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)), theme.presets.column), theme.presets.alignStart),
+            searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)),
+            titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter),
+            title: __assign(__assign(__assign({}, theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(theme).text), { flex: 1 }),
+            closeButtonWrapper: {
                 position: 'absolute',
                 right: 0,
-            } });
+            },
+        };
     }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+E;AAC/E,oCAA2D;AAK3D,IAAM,uBAAuB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEzE,QAAA,kBAAkB,yBAC1B,qBAAY,KACf,OAAO,EAAE,uBAAuB,CAAC,UAAC,KAAK;QACrC,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhD,6BACK,YAAY,KACf,MAAM,0CACD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAC3B,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,UAAU,GAG7B,kBAAkB,wBACb,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAG/B,YAAY,0CACP,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,aAAa,GAEhC,KAAK,wBACA,KAAK,CAAC,OAAO,CAAC,UAAU,KAC3B,IAAI,EAAE,CAAC,KAET,kBAAkB,EAAE;gBAClB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;aACT,IACF;IACH,CAAC,CAAC,IACH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":"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"}

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

@@ -12,4 +12,4 @@ declare type CheckboxProps = NativeCheckboxProps & {
     validate?: Form.ValidatorFunctionWithoutForm | string;
     required?: boolean;
 };
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "style" | "disabled" | "key" | "value" | "children" | "label" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "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" | "variants" | "styles" | "tintColor" | "onChange" | "required" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"> & React.RefAttributes<unknown>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "style" | "disabled" | "value" | "key" | "children" | "label" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "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" | "variants" | "styles" | "tintColor" | "onChange" | "required" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"> & React.RefAttributes<unknown>>;

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

@@ -2,15 +2,18 @@ import React from 'react';
 import { ActivityIndicatorComposition } from '../ActivityIndicator';
 import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
 import { EmptyPlaceholderComposition, EmptyPlaceholderStyles } from './styles';
+import { ImageSourcePropType } from 'react-native';
 import { StylesOf } from '../../types';
 export * from './styles';
 export declare type EmptyPlaceholderProps = {
     itemName?: string;
-    title?: React.ReactElement;
+    title?: React.ReactElement | string;
+    description?: React.ReactElement | string;
+    image?: ImageSourcePropType;
+    icon?: IconPlaceholder;
     loading?: boolean;
     styles?: StylesOf<EmptyPlaceholderComposition>;
     variants?: ComponentVariants<typeof EmptyPlaceholderStyles>['variants'];
-    emptyIconName?: IconPlaceholder;
     renderEmpty?: (props: {
         emptyText: string | React.ReactElement;
         emptyIconName?: IconPlaceholder;

package/dist/components/EmptyPlaceholder/index.js

@@ -45,11 +45,12 @@ var Text_1 = require("../Text");
 var ActivityIndicator_1 = require("../ActivityIndicator");
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
+var Image_1 = require("../Image");
 __exportStar(require("./styles"), exports);
 var EmptyPlaceholder = function (props) {
-    var itemName = props.itemName, title = props.title, loading = props.loading, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b, _c = props.emptyIconName, emptyIconName = _c === void 0 ? 'placeholder' : _c, renderEmpty = props.renderEmpty;
+    var itemName = props.itemName, title = props.title, loading = props.loading, description = props.description, image = props.image, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b, _c = props.icon, icon = _c === void 0 ? null : _c, renderEmpty = props.renderEmpty;
     var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
-    var componentStyles = (0, common_1.useDefaultComponentStyle)('EmptyPlaceholder', {
+    var componentStyles = (0, common_1.useDefaultComponentStyle)('u:EmptyPlaceholder', {
         variants: variants,
         transform: react_native_1.StyleSheet.flatten,
         styles: styles,
@@ -64,14 +65,27 @@ var EmptyPlaceholder = function (props) {
         return (<View_1.View style={componentStyles.wrapper}>
         {renderEmpty({
                 emptyText: emptyText,
-                emptyIconName: emptyIconName,
+                emptyIconName: icon,
                 styles: __assign(__assign({}, componentStyles), { activityIndicatorStyles: activityIndicatorStyles }),
             })}
       </View_1.View>);
     }
+    var _image = null;
+    if (icon) {
+        _image = <Icon_1.Icon name={icon} style={componentStyles.icon}/>;
+    }
+    else if (image) {
+        _image = <Image_1.Image source={image} style={[
+                componentStyles.image,
+            ]}/>;
+    }
     return (<View_1.View style={componentStyles.wrapper}>
-      <Icon_1.Icon name={emptyIconName} style={componentStyles.icon}/>
-      <Text_1.Text text={emptyText} style={componentStyles.text}/>
+      <View_1.View style={componentStyles.imageWrapper}>
+        {_image}
+      </View_1.View>
+
+      {react_1.default.isValidElement(emptyText) ? emptyText : <Text_1.Text text={emptyText} style={componentStyles.title}/>}
+      {react_1.default.isValidElement(description) ? description : <Text_1.Text text={description} style={componentStyles.description}/>}
     </View_1.View>);
 };
 exports.EmptyPlaceholder = EmptyPlaceholder;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,0DAAsF;AACtF,2CAMyB;AAOzB,6CAAyC;AAGzC,2CAAwB;AAgBjB,IAAM,gBAAgB,GAAmC,UAAC,KAA4B;IAEzF,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,KAAK,GAMH,KAAK,MANF,EACL,OAAO,GAKL,KAAK,QALA,EACP,KAIE,KAAK,OAJI,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAGE,KAAK,SAHM,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAEE,KAAK,cAFsB,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,WAAW,GACT,KAAK,YADI,CACJ;IACT,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,eAAe,GAAG,IAAA,iCAAwB,EAAC,kBAAkB,EAAE;QACnE,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,QAAQ,EAAE,eAAe,CAAC,EAA/C,CAA+C,EACzF,CAAC,eAAe,CAAC,CAAC,CAAA;IAEtB,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACzE;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,EACrD;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CACnC;QAAA,CAAC,WAAW,CAAC;gBACX,SAAS,WAAA;gBACT,aAAa,EAAE,aAAgC;gBAC/C,MAAM,wBACD,eAAe,KAClB,uBAAuB,yBAAA,GACxB;aACF,CAAC,CACJ;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CACnC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,aAAgC,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAC1E;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EACrD;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,gBAAgB,oBAkD5B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { ActivityIndicatorComposition } from '../ActivityIndicator';
-export declare type EmptyPlaceholderComposition = 'wrapper:loading' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper' | 'text' | 'icon';
+export declare type EmptyPlaceholderComposition = 'wrapper:loading' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper' | 'title' | 'description' | 'image' | 'imageWrapper' | 'icon';
 export declare const EmptyPlaceholderStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     compact: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;

package/dist/components/EmptyPlaceholder/styles.js

@@ -16,13 +16,11 @@ var common_1 = require("@codeleap/common");
 var createEmptyPlaceholderStyle = (0, common_1.createDefaultVariantFactory)();
 var presets = (0, common_1.includePresets)(function (styles) { return createEmptyPlaceholderStyle(function () { return ({ wrapper: styles }); }); });
 exports.EmptyPlaceholderStyles = __assign(__assign({}, presets), { default: createEmptyPlaceholderStyle(function (theme) { return ({
-        wrapper: __assign(__assign({}, theme.presets.center), { minHeight: theme.values.window.height / 2, height: '100%', flex: 1 }),
-        loaderWrapper: __assign(__assign(__assign({}, theme.spacing.marginVertical(8)), theme.presets.center), theme.presets.flex),
-        icon: {
-            color: theme.colors.placeholder,
-            size: theme.spacing.value(24),
-        },
-        text: __assign(__assign({}, (0, common_1.assignTextStyle)('p1')(theme).text), theme.presets.textCenter),
+        wrapper: __assign({ flexGrow: 1 }, theme.presets.center),
+        title: __assign(__assign({}, (0, common_1.assignTextStyle)('h3')(theme).text), theme.spacing.marginBottom(theme.values.innerSpacing.Y)),
+        description: __assign({}, (0, common_1.assignTextStyle)('p1')(theme).text),
+        imageWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.paddingBottom(theme.values.innerSpacing.Y * 2)), theme.presets.fullWidth), theme.presets.alignCenter), { height: '45%' }),
+        image: __assign({}, theme.presets.fullHeight),
     }); }), compact: createEmptyPlaceholderStyle(function (theme) { return ({
         wrapper: __assign(__assign({}, theme.spacing.marginVertical(0)), { marginBottom: theme.spacing.value(6) }),
     }); }), absolute: createEmptyPlaceholderStyle(function (theme) { return ({

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAU/F,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAxD,CAAwD,CAClG,CAAA;AAEY,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,CAAC,GACR;QACD,aAAa,iCAER,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,GAC/B,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;YAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;SAC9B;QACD,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EArB8C,CAqB9C,CAAC,EACH,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAClC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GACrC;KACF,CAAC,EAL8C,CAK9C,CAAC,EACH,QAAQ,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAChD,iBAAiB,iCACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;QACD,OAAO,iCACF,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;KACF,CAAC,EAX+C,CAW/C,CAAC,IACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAa/F,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAxD,CAAwD,CAClG,CAAA;AAEY,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,aACL,QAAQ,EAAE,CAAC,IACR,KAAK,CAAC,OAAO,CAAC,MAAM,CACxB;QACD,KAAK,wBACA,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3D;QACD,WAAW,eACN,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;QACD,YAAY,0CACP,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAC5D,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,MAAM,EAAE,KAAK,GACd;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EArB8C,CAqB9C,CAAC,EACH,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAClC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GACrC;KACF,CAAC,EAL8C,CAK9C,CAAC,EACH,QAAQ,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAChD,iBAAiB,iCACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;QACD,OAAO,iCACF,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;KACF,CAAC,EAX+C,CAW/C,CAAC,IACJ"}

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

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

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

@@ -15,6 +15,7 @@ export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
     }) | FormTypes.AnyFile | string | number;
     resizeMode?: keyof typeof FastImage.resizeMode;
     spotlight?: string;
+    maintainAspectRatioFrom?: 'width' | 'height' | 'none';
 };
 export declare const ImageComponent: React.FC<ImageProps>;
 export declare const Image: React.NamedExoticComponent<ImageProps>;

package/dist/components/Image/index.js

@@ -47,7 +47,7 @@ var Touchable_1 = require("../Touchable");
 var utils_1 = require("../../utils");
 __exportStar(require("./styles"), exports);
 var ImageComponent = function (props) {
-    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.spotlight, spotlight = _b === void 0 ? null : _b, _c = props.resizeMode, resizeMode = _c === void 0 ? 'contain' : _c, source = props.source, imageProps = __rest(props, ["variants", "style", "fast", "spotlight", "resizeMode", "source"]);
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.spotlight, spotlight = _b === void 0 ? null : _b, _c = props.resizeMode, resizeMode = _c === void 0 ? 'contain' : _c, source = props.source, _d = props.maintainAspectRatioFrom, maintainAspectRatioFrom = _d === void 0 ? 'height' : _d, imageProps = __rest(props, ["variants", "style", "fast", "spotlight", "resizeMode", "source", "maintainAspectRatioFrom"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Image', { variants: variants });
     var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
     var imSource = source;
@@ -68,16 +68,34 @@ var ImageComponent = function (props) {
         style: [variantStyles.touchable],
         android_ripple: null,
     };
+    var aspectRatioStyle = React.useMemo(function () {
+        if (maintainAspectRatioFrom === 'none' || !imSource)
+            return null;
+        try {
+            // @ts-ignore
+            var assetSource = react_native_1.Image.resolveAssetSource(imSource);
+            var aspectRatio = assetSource.width / assetSource.height;
+            if (Number.isNaN(aspectRatio)) {
+                return null;
+            }
+            return {
+                aspectRatio: aspectRatio,
+            };
+        }
+        catch (e) {
+            return null;
+        }
+    }, [maintainAspectRatioFrom, imSource]);
     if (fast) {
         return (<Wrapper {...wrapperProps}>
 
-        <fastImage_1.FastImage style={styles} 
+        <fastImage_1.FastImage style={[aspectRatioStyle, styles]} 
         // @ts-ignore
         tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} source={imSource} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>
       </Wrapper>);
     }
     return <Wrapper {...wrapperProps}>
-    <react_native_1.Image style={styles} resizeMode={resizeMode} source={imSource} {...imageProps}/>
+    <react_native_1.Image style={[aspectRatioStyle, styles]} resizeMode={resizeMode} source={imSource} {...imageProps}/>
 
   </Wrapper>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAOyB;AAEzB,6CAOqB;AACrB,qDAAmD;AAInD,oDAA0D;AAC1D,0CAAwC;AACxC,qCAAqD;AACrD,2CAAwB;AAkBjB,IAAM,cAAc,GAAyB,UAAC,KAAK;IAEtD,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,KAAK,GAOH,KAAK,MAPF,EACL,KAME,KAAK,KANI,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAKE,KAAK,UALS,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAIE,KAAK,WAJe,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,MAAM,GAGJ,KAAK,OAHD,EACN,KAEE,KAAK,wBAF2B,EAAlC,uBAAuB,mBAAG,QAAQ,KAAA,EAC/B,UAAU,UACX,KAAK,EATH,6FASL,CADc,CACN;IAET,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAgC,SAAS,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEtG,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IACjE,IAAI,QAAQ,GAAG,MAAM,CAAA;IACrB,IAAI,IAAA,cAAM,EAAC,QAAQ,CAAC,EAAE;QACpB,QAAQ,GAAG,IAAA,uBAAe,EAAC,QAAQ,CAAC,CAAA;KACrC;SAAM,IAAI,mBAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACtC,QAAQ,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;KAC3B;IACD,IAAM,gBAAgB,GAAG,IAAA,6BAAiB,EAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACnE,IAAM,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,EAAE,CAAC,QAAQ,CAAC,GAAG;IAAf,CAAe,CAAA;IAC3E,IAAM,YAAY,GAAG;QACnB,OAAO,EAAE,gBAAgB,CAAC,cAAc;QACxC,SAAS,EAAE,gCAAyB,KAAK,CAAC,MAAM,CAAE;QAClD,KAAK,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC;QAChC,cAAc,EAAE,IAAI;KACrB,CAAA;IAED,IAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;QACrC,IAAI,uBAAuB,KAAK,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAA;QAChE,IAAI;YACF,aAAa;YACb,IAAM,WAAW,GAAG,oBAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;YAC5D,IAAM,WAAW,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAA;YAE1D,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;gBAC7B,OAAO,IAAI,CAAA;aACZ;YACD,OAAO;gBACL,WAAW,aAAA;aACZ,CAAA;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,IAAI,CAAA;SACZ;IAEH,CAAC,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvC,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,CAExB;;QAAA,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAClC,aAAa;QACb,SAAS,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAC7B,MAAM,CAAC,CAAC,QAAQ,CAAC,CACjB,UAAU,CAAC,CAAC,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC1D,IAAI,UAAU,CAAC,EAEnB;MAAA,EAAE,OAAO,CAAC,CACX,CAAA;KACF;IACD,OAAO,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,CAC/B;IAAA,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAK,UAAkB,CAAC,EAEpH;;EAAA,EAAE,OAAO,CAAC,CAAA;AACZ,CAAC,CAAA;AApEY,QAAA,cAAc,kBAoE1B;AAED,SAAS,QAAQ,CAAC,SAAS,EAAE,SAAS;IACpC,IAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAA;IACnE,IAAM,GAAG,GAAG,IAAA,sBAAa,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC1D,OAAO,GAAG,CAAA;AACZ,CAAC;AAEY,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAc,EAAE,QAAQ,CAAC,CAAA"}

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

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

package/dist/components/List/styles.js

@@ -15,13 +15,14 @@ exports.ListStyles = void 0;
 var common_1 = require("@codeleap/common");
 var styles_1 = require("../Scroll/styles");
 var createListStyle = (0, common_1.createDefaultVariantFactory)();
-exports.ListStyles = {
-    default: createListStyle(function (theme) {
+var presets = (0, common_1.includePresets)(function (style) { return createListStyle(function () { return ({ content: style }); }); });
+exports.ListStyles = __assign(__assign({}, presets), { default: createListStyle(function (theme) {
         var defaultStyles = styles_1.ScrollStyles.default(theme);
         return __assign(__assign({}, defaultStyles), { separator: {
                 width: '100%',
                 height: theme.spacing.value(1),
+            }, content: {
+                flexGrow: 1,
             } });
-    }),
-};
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,2CAAkE;AAIlE,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAAmB,CAAA;AAEzD,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,aAAa,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACjD,6BACK,aAAa,KAChB,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aAC/B,IACF;IACH,CAAC,CAAC;CACH,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAC9E,2CAAkE;AAIlE,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAAmB,CAAA;AAEtE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAA,KAAK,IAAI,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA3C,CAA2C,CAAC,CAAA;AAEvE,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,aAAa,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACjD,6BACK,aAAa,KAChB,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aAC/B,EACD,OAAO,EAAE;gBACP,QAAQ,EAAE,CAAC;aACZ,IACF;IACH,CAAC,CAAC,IACH"}

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

@@ -23,6 +23,7 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
     visible: boolean;
     toggle?: () => void;
     zIndex?: number;
+    description?: React.ReactElement;
     scroll?: boolean;
     header?: React.ReactElement;
     closeOnHardwareBackPress?: boolean;
@@ -36,6 +37,7 @@ export declare type ModalHeaderProps = Omit<ModalProps, 'styles' | 'renderHeader
         title: TextProps['style'];
         closeButton: ButtonProps['styles'];
     };
+    description?: React.ReactElement;
 };
 export declare const Modal: React.FC<ModalProps>;
 export default Modal;

package/dist/components/Modal/index.js

@@ -51,7 +51,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 var React = __importStar(require("react"));
 var View_1 = require("../View");
-var Button_1 = require("../Button");
 var Scroll_1 = require("../Scroll");
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
@@ -60,14 +59,15 @@ var Backdrop_1 = require("../Backdrop");
 var hooks_1 = require("../../utils/hooks");
 var Text_1 = require("../Text");
 var Touchable_1 = require("../Touchable");
+var ActionIcon_1 = require("../ActionIcon");
 __exportStar(require("./styles"), exports);
 var DefaultHeader = function (props) {
-    var styles = props.styles, _a = props.title, title = _a === void 0 ? null : _a, _b = props.showClose, showClose = _b === void 0 ? false : _b, closable = props.closable, debugName = props.debugName, _c = props.closeIconName, closeIconName = _c === void 0 ? 'close' : _c, toggle = props.toggle;
+    var styles = props.styles, _a = props.title, title = _a === void 0 ? null : _a, _b = props.showClose, showClose = _b === void 0 ? false : _b, _c = props.description, description = _c === void 0 ? null : _c, closable = props.closable, debugName = props.debugName, _d = props.closeIconName, closeIconName = _d === void 0 ? 'close' : _d, toggle = props.toggle;
     return <>
-    {(title || showClose) && (<View_1.View style={styles.wrapper}>
+    {(title || showClose || description) && (<View_1.View style={styles.wrapper}>
         {typeof title === 'string' ? (<Text_1.Text text={title} style={styles.title}/>) : (title)}
 
-        {(showClose && closable) && (<Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={styles.closeButton}/>)}
+        {(showClose && closable) && (<ActionIcon_1.ActionIcon debugName={"".concat(debugName, " modal close button")} icon={closeIconName} onPress={toggle} styles={styles.closeButton}/>)}
       </View_1.View>)}</>;
 };
 var Modal = function (modalProps) {
@@ -95,7 +95,7 @@ var Modal = function (modalProps) {
     var wrapperStyle = getStyles('wrapper');
     var ScrollComponent = scroll ? Scroll_1.Scroll : View_1.View;
     var scrollStyle = scroll ? getStyles('scroll') : getStyles('innerWrapper');
-    var headerProps = __assign(__assign({}, modalProps), { styles: {
+    var headerProps = __assign(__assign({}, modalProps), { closable: closable, styles: {
             wrapper: getStyles('header'),
             title: getStyles('title'),
             closeButton: buttonStyles,
@@ -116,13 +116,15 @@ var Modal = function (modalProps) {
         }} wrapperProps={{
             transition: __assign({}, variantStyles['backdrop:transition']),
         }}/>
-      <ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('scrollContent')} keyboardAware={{
-            adapt: 'marginBottom',
+      <ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('scrollContent')} showsVerticalScrollIndicator={false} keyboardAware={{
+            adapt: 'maxHeight',
             baseStyleProp: 'style',
             animated: true,
             enabled: visible,
-            enableOnAndroid: true,
-        }} animated {...scrollProps}>
+            // enableOnAndroid: true,
+        }} animated 
+    // ref={scrollRef}
+    {...scrollProps}>
         {dismissOnBackdrop &&
             <Touchable_1.Touchable onPress={closable ? toggle : (function () { })} debounce={400} debugName={'Modal backdrop touchable'} style={variantStyles.backdropTouchable} android_ripple={null} noFeedback/>}