@codeleap/mobile 4.2.1 → 4.2.3

package/dist/components/Backdrop/index.js

@@ -43,32 +43,24 @@ exports.Backdrop = void 0;
 var react_1 = __importDefault(require("react"));
 var Touchable_1 = require("../Touchable");
 var View_1 = require("../View");
-var utils_1 = require("../../utils");
 var Registry_1 = require("../../Registry");
 var hooks_1 = require("../../hooks");
+var react_native_reanimated_1 = require("react-native-reanimated");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var Backdrop = function (props) {
-    var _a = __assign(__assign({}, exports.Backdrop.defaultProps), props), visible = _a.visible, children = _a.children, _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, style = _a.style, rest = __rest(_a, ["visible", "children", "wrapperProps", "style"]);
+    var _a = __assign(__assign({}, exports.Backdrop.defaultProps), props), visible = _a.visible, children = _a.children, _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, style = _a.style, entering = _a.entering, exiting = _a.exiting, rest = __rest(_a, ["visible", "children", "wrapperProps", "style", "entering", "exiting"]);
     var styles = (0, hooks_1.useStylesFor)(exports.Backdrop.styleRegistryName, style);
-    var animation = (0, utils_1.useAnimatedVariantStyles)({
-        variantStyles: styles,
-        animatedProperties: ['wrapper:hidden', 'wrapper:visible'],
-        updater: function (s) {
-            'worklet';
-            return visible ? s['wrapper:visible'] : s['wrapper:hidden'];
-        },
-        dependencies: [visible],
-        transition: styles.transition,
-    });
     var isPressable = !!(props === null || props === void 0 ? void 0 : props.onPress);
-    return (<View_1.View animated pointerEvents={visible ? 'auto' : 'none'} animatedStyle={animation} {...wrapperProps} style={styles.wrapper}>
+    if (!visible)
+        return null;
+    return (<View_1.View.Animated pointerEvents={visible ? 'auto' : 'none'} entering={entering} exiting={exiting} {...wrapperProps} style={styles.wrapper}>
       {isPressable
             ? <Touchable_1.Touchable {...rest} style={styles.touchable} noFeedback android_ripple={null}/>
             : null}
 
       {children}
-    </View_1.View>);
+    </View_1.View.Animated>);
 };
 exports.Backdrop = Backdrop;
 exports.Backdrop.styleRegistryName = 'Backdrop';
@@ -77,6 +69,9 @@ exports.Backdrop.rootElement = 'wrapper';
 exports.Backdrop.withVariantTypes = function (styles) {
     return exports.Backdrop;
 };
-exports.Backdrop.defaultProps = {};
+exports.Backdrop.defaultProps = {
+    entering: react_native_reanimated_1.FadeIn.build(),
+    exiting: react_native_reanimated_1.FadeOut.build(),
+};
 Registry_1.MobileStyleRegistry.registerComponent(exports.Backdrop);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,0CAAwC;AACxC,gCAA8B;AAC9B,qCAAsD;AAGtD,2CAAoD;AACpD,qCAA0C;AAE1C,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC3C,IAAM,2BAOD,gBAAQ,CAAC,YAAY,GACrB,KAAK,CACT,EARC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,KAAK,WAAA,EACF,IAAI,cALH,gDAML,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,gBAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,IAAM,SAAS,GAAG,IAAA,gCAAwB,EAAC;QACzC,aAAa,EAAE,MAAM;QACrB,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;QACzD,OAAO,EAAE,UAAC,CAAC;YACT,SAAS,CAAA;YACT,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;QAC7D,CAAC;QACD,YAAY,EAAE,CAAC,OAAO,CAAC;QACvB,UAAU,EAAE,MAAM,CAAC,UAAU;KAC9B,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,CAAA;IAEpC,OAAO,CACL,CAAC,WAAI,CACH,QAAQ,CACR,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACzC,aAAa,CAAC,CAAC,SAAS,CAAC,CACzB,IAAI,YAAY,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAEtB;MAAA,CAAC,WAAW;YACV,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAG;YACnF,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,QAAQ,YA0CpB;AAGD,gBAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,gBAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,gBAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,gBAAQ,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACzD,OAAO,gBAA+E,CAAA;AACxF,CAAC,CAAA;AAED,gBAAQ,CAAC,YAAY,GAAG,EAA4B,CAAA;AAEpD,8BAAmB,CAAC,iBAAiB,CAAC,gBAAQ,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,0CAAwC;AACxC,gCAA8B;AAI9B,2CAAoD;AACpD,qCAA0C;AAC1C,mEAAyD;AAEzD,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC3C,IAAM,2BASD,gBAAQ,CAAC,YAAY,GACrB,KAAK,CACT,EAVC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAPH,uEAQL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,gBAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,IAAM,WAAW,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,CAAA;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CACZ,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAEzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,YAAY,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAGtB;MAAA,CAAC,WAAW;YACV,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAG;YACnF,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CAAC,QAAQ,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,QAAQ,YAqCpB;AAED,gBAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,gBAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,gBAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,gBAAQ,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACzD,OAAO,gBAA+E,CAAA;AACxF,CAAC,CAAA;AAED,gBAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,gCAAM,CAAC,KAAK,EAAE;IACxB,OAAO,EAAE,iCAAO,CAAC,KAAK,EAAE;CACC,CAAA;AAE3B,8BAAmB,CAAC,iBAAiB,CAAC,gBAAQ,CAAC,CAAA"}

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

@@ -3,9 +3,12 @@ import { ReactNode } from 'react';
 import { TouchableProps } from '../Touchable';
 import { ViewProps } from '../View/types';
 import { BackdropComposition } from './styles';
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types';
 export type BackdropProps = Omit<TouchableProps, 'style'> & {
     children?: ReactNode;
     visible: boolean;
     wrapperProps?: ViewProps;
     style?: StyledProp<BackdropComposition>;
+    exiting?: ReanimatedExitingAnimation;
+    entering?: ReanimatedEnteringAnimation;
 };

package/dist/components/Modal/index.js

@@ -53,6 +53,7 @@ var react_2 = require("react");
 var styles_1 = require("@codeleap/styles");
 var Registry_1 = require("../../Registry");
 var hooks_2 = require("../../hooks");
+var react_native_reanimated_1 = require("react-native-reanimated");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var DefaultHeader = function (props) {
@@ -71,7 +72,7 @@ var DefaultHeader = function (props) {
 };
 var Modal = function (modalProps) {
     var _a;
-    var _b = __assign(__assign({}, exports.Modal.defaultProps), modalProps), visible = _b.visible, closable = _b.closable, footer = _b.footer, children = _b.children, _c = _b.toggle, toggle = _c === void 0 ? function () { return null; } : _c, dismissOnBackdrop = _b.dismissOnBackdrop, _d = _b.header, header = _d === void 0 ? null : _d, debugName = _b.debugName, scroll = _b.scroll, renderHeader = _b.renderHeader, _e = _b.zIndex, zIndex = _e === void 0 ? null : _e, _f = _b.scrollProps, scrollProps = _f === void 0 ? {} : _f, closeOnHardwareBackPress = _b.closeOnHardwareBackPress, style = _b.style, props = __rest(_b, ["visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "zIndex", "scrollProps", "closeOnHardwareBackPress", "style"]);
+    var _b = __assign(__assign({}, exports.Modal.defaultProps), modalProps), visible = _b.visible, closable = _b.closable, footer = _b.footer, children = _b.children, _c = _b.toggle, toggle = _c === void 0 ? function () { return null; } : _c, dismissOnBackdrop = _b.dismissOnBackdrop, _d = _b.header, header = _d === void 0 ? null : _d, debugName = _b.debugName, scroll = _b.scroll, renderHeader = _b.renderHeader, _e = _b.zIndex, zIndex = _e === void 0 ? null : _e, _f = _b.scrollProps, scrollProps = _f === void 0 ? {} : _f, closeOnHardwareBackPress = _b.closeOnHardwareBackPress, style = _b.style, boxExiting = _b.boxExiting, boxEntering = _b.boxEntering, props = __rest(_b, ["visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "zIndex", "scrollProps", "closeOnHardwareBackPress", "style", "boxExiting", "boxEntering"]);
     var themeValues = (0, styles_1.useTheme)(function (store) { var _a; return (_a = store.current) === null || _a === void 0 ? void 0 : _a.values; });
     var _g = (0, react_2.useState)(0), modalHeight = _g[0], setModalHeight = _g[1];
     var styles = (0, hooks_2.useStylesFor)(exports.Modal.styleRegistryName, style);
@@ -106,7 +107,7 @@ var Modal = function (modalProps) {
     };
     return (<View_1.View style={[
             styles === null || styles === void 0 ? void 0 : styles.wrapper,
-            __assign({ zIndex: common_1.TypeGuards.isNumber(zIndex) ? zIndex : (_a = styles === null || styles === void 0 ? void 0 : styles.wrapper) === null || _a === void 0 ? void 0 : _a.zIndex }, topSpacing)
+            __assign({ zIndex: common_1.TypeGuards.isNumber(zIndex) ? zIndex : (_a = styles === null || styles === void 0 ? void 0 : styles.wrapper) === null || _a === void 0 ? void 0 : _a.zIndex }, topSpacing),
         ]} pointerEvents={visible ? 'auto' : 'none'}>
       <Backdrop_1.Backdrop visible={visible} debugName={"Modal ".concat(debugName, " backdrop")} style={{
             'wrapper:hidden': styles['backdrop:hidden'],
@@ -119,16 +120,17 @@ var Modal = function (modalProps) {
 
       <ScrollComponent contentContainerStyle={styles === null || styles === void 0 ? void 0 : styles.scrollContent} showsVerticalScrollIndicator={false} keyboardAware animated {...scrollProps} style={scrollStyle}>
         {dismissOnBackdrop ? (<Touchable_1.Touchable onPress={closable && visible ? toggle : (function () { })} debounce={400} debugName={'Modal backdrop touchable'} style={styles === null || styles === void 0 ? void 0 : styles.backdropTouchable} android_ripple={null} noFeedback/>) : null}
+        {visible ? (<View_1.View animated 
+        // @ts-ignore
+        entering={boxEntering} exiting={boxExiting} {...props} onLayout={onModalLayout} style={styles === null || styles === void 0 ? void 0 : styles.box}>
+              {header ? header : <Header {...headerProps}/>}
 
-        <View_1.View animated animatedStyle={boxAnimationStyles} {...props} onLayout={onModalLayout} style={styles === null || styles === void 0 ? void 0 : styles.box}>
-          {header ? header : <Header {...headerProps}/>}
+              <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.body}>{children}</View_1.View>
 
-          <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.body}>{children}</View_1.View>
-
-          {footer ? (<View_1.View style={styles === null || styles === void 0 ? void 0 : styles.footer}>
-              {typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
+              {footer ? (<View_1.View style={styles === null || styles === void 0 ? void 0 : styles.footer}>
+                  {typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
+                </View_1.View>) : null}
             </View_1.View>) : null}
-        </View_1.View>
       </ScrollComponent>
     </View_1.View>);
 };
@@ -145,6 +147,8 @@ exports.Modal.defaultProps = {
     dismissOnBackdrop: true,
     scroll: true,
     closeOnHardwareBackPress: true,
+    boxEntering: react_native_reanimated_1.SlideInDown.build(),
+    boxExiting: react_native_reanimated_1.SlideOutDown.build(),
 };
 Registry_1.MobileStyleRegistry.registerComponent(exports.Modal);
 exports.default = exports.Modal;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,oCAAkC;AAClC,2CAA6C;AAC7C,wCAAsC;AACtC,2CAA2E;AAC3E,gCAA8B;AAC9B,0CAAwC;AACxC,4CAA0C;AAC1C,+BAAgC;AAEhC,2CAAkI;AAClI,2CAAoD;AACpD,qCAA0C;AAC1C,mEAAmE;AAEnE,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,aAAa,GAAG,UAAC,KAAuB;IAE1C,IAAA,MAAM,GAQJ,KAAK,OARD,EACN,YAAY,GAOV,KAAK,aAPK,EACZ,KAME,KAAK,MANK,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,KAKE,KAAK,UALU,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAIE,KAAK,YAJW,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,QAAQ,GAGN,KAAK,SAHC,EAAE,SAAS,GAGjB,KAAK,UAHY,EACnB,KAEE,KAAK,cAFY,EAAnB,aAAa,mBAAG,GAAG,KAAA,EACnB,MAAM,GACJ,KAAK,OADD,CACC;IAET,OAAO,EACL;IAAA,CAAC,CAAC,KAAK,IAAI,SAAS,IAAI,WAAW,CAAC,IAAI,CACtC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;UAAA,CAAC,mBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAC3C,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAED;;UAAA,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzB,CAAC,uBAAU,CACT,SAAS,CAAC,CAAC,UAAG,SAAS,wBAAqB,CAAC,CAC7C,IAAI,CAAC,CAAC,aAAwB,CAAC,CAC/B,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,KAAK,CAAC,CAAC,YAAY,CAAC,EACpB,CACH,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,WAAI,CAEN;;QAAA,CAAC,mBAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACH;MAAA,EAAE,WAAI,CAAC,CACR,CACH;EAAA,GAAG,CAAA;AACL,CAAC,CAAA;AAEM,IAAM,KAAK,GAAG,UAAC,UAAsB;;IAC1C,IAAM,2BAmBD,aAAK,CAAC,YAAY,GAClB,UAAU,CACd,EApBC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,cAAmB,EAAnB,MAAM,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EACnB,iBAAiB,uBAAA,EACjB,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,wBAAwB,8BAAA,EACxB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,KAAK,cAjBJ,wNAkBL,CAGA,CAAA;IAED,IAAM,WAAW,GAAG,IAAA,iBAAQ,EAAC,UAAA,KAAK,YAAI,OAAA,MAAC,KAAK,CAAC,OAA2B,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;IAE3E,IAAA,KAAgC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAA;IAEjD,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,aAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE3D,IAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IAEhE,IAAM,kBAAkB,GAAG,IAAA,gCAAwB,EAAC;QAClD,OAAO,EAAE,UAAC,MAAM;YACd,SAAS,CAAA;YACT,OAAO,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAC/D,CAAC;QACD,kBAAkB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;QACjD,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM,CAAC,gBAAgB,CAAC;QACpC,YAAY,EAAE,CAAC,OAAO,CAAC;KACxB,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IAC9C,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAA;IAElE,IAAM,eAAe,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,IAAG,IAAI,CAAA;IAClD,IAAM,UAAU,GAAG,WAAW,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAEzE,IAAM,WAAW,yBACZ,UAAU,KACb,QAAQ,UAAA,EACR,MAAM,QAAA,EACN,YAAY,cAAA,GACb,CAAA;IAED,IAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAA;IAE5C,IAAA,qBAAa,EAAC;QACZ,IAAI,OAAO,IAAI,wBAAwB,EAAE;YACvC,MAAM,EAAE,CAAA;YACR,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAK;;QAClB,IAAA,MAAM,GAAK,KAAK,CAAC,WAAW,CAAC,MAAM,OAA7B,CAA6B;QAC3C,cAAc,CAAC,MAAM,CAAC,CAAA;QACtB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,sDAAG,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO;uBAEb,MAAM,EAAE,mBAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,IAAK,UAAU;SACxF,CAAC,CACF,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAEzC;MAAA,CAAC,mBAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,gBAAS,SAAS,cAAW,CAAC,CACzC,KAAK,CAAC,CAAC;YACL,gBAAgB,EAAE,MAAM,CAAC,iBAAiB,CAAC;YAC3C,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,CAAC;YAC7C,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ;SAC5B,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,mBAAmB;YACnB,UAAU,EAAE,MAAM,CAAC,qBAAqB,CAAC;SAC1C,CAAC,EAGJ;;MAAA,CAAC,eAAe,CACd,qBAAqB,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,CAC7C,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,aAAa,CACb,QAAQ,CACR,IAAI,WAAW,CAAC,CAChB,KAAK,CAAC,CAAC,WAAW,CAAC,CAEnB;QAAA,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACnB,CAAC,qBAAS,CACR,OAAO,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAQ,CAAC,CAAC,CAAC,CACpD,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,SAAS,CAAC,CAAC,0BAA0B,CAAC,CACtC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,CAAC,CACjC,cAAc,CAAC,CAAC,IAAI,CAAC,CACrB,UAAU,EACV,CAAC,CAAC,CAAC,CAAC,IAAI,CACZ;QAAA,CACE,OAAO,CAAC,CAAC,CAAC,CACR,CAAC,WAAI,CACH,QAAQ;QACR,aAAa;QACb,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,aAAa,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAEnB;cAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EAAG,CAE9C;;cAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAE3C;;cAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAC1B;kBAAA,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAAC,CAAC,MAAM,CAC/D;gBAAA,EAAE,WAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;YAAA,EAAE,WAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAEZ;MAAA,EAAE,eAAe,CACnB;IAAA,EAAE,WAAI,CAAE,CACT,CAAA;AACH,CAAC,CAAA;AAzIY,QAAA,KAAK,SAyIjB;AAED,aAAK,CAAC,iBAAiB,GAAG,OAAO,CAAA;AACjC,aAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AAC/I,aAAK,CAAC,WAAW,GAAG,SAAS,CAAA;AAE7B,aAAK,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACtD,OAAO,aAAyE,CAAA;AAClF,CAAC,CAAA;AAED,aAAK,CAAC,YAAY,GAAG;IACnB,aAAa,EAAE,OAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,iBAAiB,EAAE,IAAI;IACvB,MAAM,EAAE,IAAI;IACZ,wBAAwB,EAAE,IAAI;IAC9B,WAAW,EAAE,qCAAW,CAAC,KAAK,EAAE;IAChC,UAAU,EAAE,sCAAY,CAAC,KAAK,EAAE;CACV,CAAA;AAExB,8BAAmB,CAAC,iBAAiB,CAAC,aAAK,CAAC,CAAA;AAE5C,kBAAe,aAAK,CAAA"}

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

@@ -5,6 +5,7 @@ import { ButtonProps } from '../Button';
 import { Scroll } from '../Scroll';
 import { ViewProps } from '../View';
 import { ModalComposition } from './styles';
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types';
 export type ModalProps = Omit<ViewProps, 'style'> & {
     dismissOnBackdrop?: boolean;
     buttonProps?: ButtonProps;
@@ -28,6 +29,8 @@ export type ModalProps = Omit<ViewProps, 'style'> & {
     style?: StyledProp<ModalComposition>;
     id?: string;
     absolute?: boolean;
+    boxEntering?: ReanimatedEnteringAnimation;
+    boxExiting?: ReanimatedExitingAnimation;
 };
 export type ModalHeaderProps = Omit<ModalProps, 'renderHeader'> & {
     styles: Record<ModalComposition, ICSS>;

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

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

package/dist/components/View/index.js

@@ -43,6 +43,9 @@ var View = function (props) {
     return (<Component {...viewProps} style={[styles.wrapper, animatedStyle]}/>);
 };
 exports.View = View;
+exports.View.Animated = function (props) {
+    return <exports.View {...props} animated/>;
+};
 exports.View.styleRegistryName = 'View';
 exports.View.elements = ['wrapper'];
 exports.View.rootElement = 'wrapper';

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

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

package/dist/types/utility.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { StyleProp } from 'react-native';
-import { EasingFn } from 'react-native-reanimated';
+import { EasingFn, EntryAnimationsValues, ExitAnimationsValues, LayoutAnimation } from 'react-native-reanimated';
 export type StylesOf<C extends string> = Partial<Record<C, StyleProp<any>>>;
 type TransitionBase = {
     easing?: EasingFn;
@@ -11,4 +11,6 @@ export type TransitionConfig = TransitionBase | {
     [p: string]: TransitionBase;
 };
 export type ChildrenProp = ReactNode | ReactNode[] | undefined;
+export type ReanimatedExitingAnimation = (values: ExitAnimationsValues) => LayoutAnimation;
+export type ReanimatedEnteringAnimation = (values: EntryAnimationsValues) => LayoutAnimation;
 export {};

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wDAAqC;AACrC,iDAA8B;AAC9B,+DAAkD;AAEzC,kCAAW;AACpB,kDAA+B;AAC/B,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,iDAA8B;AAC9B,wDAAqC;AACrC,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wDAAqC;AACrC,iDAA8B;AAC9B,+DAAkD;AAEzC,kCAAW;AACpB,kDAA+B;AAC/B,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,iDAA8B;AAC9B,wDAAqC;AAErC,mDAAgC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,16 +9,16 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/common": "4.2.1",
-    "@codeleap/config": "4.2.1"
+    "@codeleap/common": "4.2.3",
+    "@codeleap/config": "4.2.3"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/common": "4.2.1",
-    "@codeleap/styles": "4.2.1",
+    "@codeleap/common": "4.2.3",
+    "@codeleap/styles": "4.2.3",
     "@d11/react-native-fast-image": "8.8.0",
     "@react-native-firebase/messaging": "14.4.0",
     "@react-navigation/bottom-tabs": "6.5.3",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/components/Backdrop/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Touchable } from '../Touchable'
 import { View } from '../View'
-import { useAnimatedVariantStyles } from '../../utils'
+import { } from '../../utils'
 import { BackdropProps } from './types'
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
+import { FadeIn, FadeOut } from 'react-native-reanimated'
 
 export * from './styles'
 export * from './types'
@@ -16,6 +17,8 @@ export const Backdrop = (props: BackdropProps) => {
     children,
     wrapperProps = {},
     style,
+    entering,
+    exiting,
     ...rest
   } = {
     ...Backdrop.defaultProps,
@@ -24,37 +27,29 @@ export const Backdrop = (props: BackdropProps) => {
 
   const styles = useStylesFor(Backdrop.styleRegistryName, style)
 
-  const animation = useAnimatedVariantStyles({
-    variantStyles: styles,
-    animatedProperties: ['wrapper:hidden', 'wrapper:visible'],
-    updater: (s) => {
-      'worklet'
-      return visible ? s['wrapper:visible'] : s['wrapper:hidden']
-    },
-    dependencies: [visible],
-    transition: styles.transition,
-  })
-
   const isPressable = !!props?.onPress
 
+  if (!visible) return null
+
   return (
-    <View
-      animated
+    <View.Animated
       pointerEvents={visible ? 'auto' : 'none'}
-      animatedStyle={animation}
+
+      entering={entering}
+      exiting={exiting}
       {...wrapperProps}
       style={styles.wrapper}
+
     >
       {isPressable
         ? <Touchable {...rest} style={styles.touchable} noFeedback android_ripple={null} />
         : null}
 
       {children}
-    </View>
+    </View.Animated>
   )
 }
 
-
 Backdrop.styleRegistryName = 'Backdrop'
 Backdrop.elements = ['wrapper', 'touchable', 'transition']
 Backdrop.rootElement = 'wrapper'
@@ -63,6 +58,9 @@ Backdrop.withVariantTypes = <S extends AnyRecord>(styles: S) => {
   return Backdrop as (props: StyledComponentProps<BackdropProps, typeof styles>) => IJSX
 }
 
-Backdrop.defaultProps = {} as Partial<BackdropProps>
+Backdrop.defaultProps = {
+  entering: FadeIn.build(),
+  exiting: FadeOut.build(),
+} as Partial<BackdropProps>
 
 MobileStyleRegistry.registerComponent(Backdrop)

package/src/components/Backdrop/types.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react'
 import { TouchableProps } from '../Touchable'
 import { ViewProps } from '../View/types'
 import { BackdropComposition } from './styles'
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types'
 
 export type BackdropProps =
   Omit<TouchableProps, 'style'> &
@@ -11,4 +12,6 @@ export type BackdropProps =
     visible: boolean
     wrapperProps?: ViewProps
     style?: StyledProp<BackdropComposition>
+    exiting?: ReanimatedExitingAnimation
+    entering?: ReanimatedEnteringAnimation
   }

package/src/components/Modal/index.tsx

@@ -12,6 +12,7 @@ import { ModalHeaderProps, ModalProps } from './types'
 import { AnyRecord, AppIcon, useNestedStylesByKey, IJSX, StyledComponentProps, useTheme, AppTheme, Theme } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
+import { SlideInDown, SlideOutDown } from 'react-native-reanimated'
 
 export * from './styles'
 export * from './types'
@@ -74,6 +75,8 @@ export const Modal = (modalProps: ModalProps) => {
     scrollProps = {},
     closeOnHardwareBackPress,
     style,
+    boxExiting,
+    boxEntering,
     ...props
   } = {
     ...Modal.defaultProps,
@@ -132,7 +135,7 @@ export const Modal = (modalProps: ModalProps) => {
       style={[
         styles?.wrapper,
         // @ts-expect-error
-        { zIndex: TypeGuards.isNumber(zIndex) ? zIndex : styles?.wrapper?.zIndex, ...topSpacing }
+        { zIndex: TypeGuards.isNumber(zIndex) ? zIndex : styles?.wrapper?.zIndex, ...topSpacing },
       ]}
       pointerEvents={visible ? 'auto' : 'none'}
     >
@@ -167,24 +170,29 @@ export const Modal = (modalProps: ModalProps) => {
             android_ripple={null}
             noFeedback
           />) : null}
-
-        <View
-          animated
-          animatedStyle={boxAnimationStyles}
-          {...props}
-          onLayout={onModalLayout}
-          style={styles?.box}
-        >
-          {header ? header : <Header {...headerProps} />}
-
-          <View style={styles?.body}>{children}</View>
-
-          {footer ? (
-            <View style={styles?.footer}>
-              {typeof footer === 'string' ? <Text text={footer} /> : footer}
+        {
+          visible ? (
+            <View
+              animated
+              // @ts-ignore
+              entering={boxEntering}
+              exiting={boxExiting}
+              {...props}
+              onLayout={onModalLayout}
+              style={styles?.box}
+            >
+              {header ? header : <Header {...headerProps} />}
+
+              <View style={styles?.body}>{children}</View>
+
+              {footer ? (
+                <View style={styles?.footer}>
+                  {typeof footer === 'string' ? <Text text={footer} /> : footer}
+                </View>
+              ) : null}
             </View>
-          ) : null}
-        </View>
+          ) : null
+        }
       </ScrollComponent>
     </View >
   )
@@ -204,6 +212,8 @@ Modal.defaultProps = {
   dismissOnBackdrop: true,
   scroll: true,
   closeOnHardwareBackPress: true,
+  boxEntering: SlideInDown.build(),
+  boxExiting: SlideOutDown.build(),
 } as Partial<ModalProps>
 
 MobileStyleRegistry.registerComponent(Modal)

package/src/components/Modal/types.ts

@@ -4,6 +4,7 @@ import { ButtonProps } from '../Button'
 import { Scroll } from '../Scroll'
 import { ViewProps } from '../View'
 import { ModalComposition } from './styles'
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types'
 
 export type ModalProps =
   Omit<ViewProps, 'style'> &
@@ -30,6 +31,8 @@ export type ModalProps =
     style?: StyledProp<ModalComposition>
     id?: string
     absolute?: boolean
+    boxEntering?: ReanimatedEnteringAnimation
+    boxExiting?: ReanimatedExitingAnimation
   }
 
 export type ModalHeaderProps =

package/src/components/View/index.tsx

@@ -27,6 +27,10 @@ export const View = <T extends React.ComponentType = typeof RNView>(props: ViewP
   )
 }
 
+View.Animated = (props: ViewProps<typeof Animated.View>) => {
+  return <View {...props} animated />
+}
+
 View.styleRegistryName = 'View'
 View.elements = ['wrapper']
 View.rootElement = 'wrapper'

package/src/types/utility.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react'
 import { StyleProp } from 'react-native'
-import { EasingFn } from 'react-native-reanimated'
+import { EasingFn, EntryAnimationsValues, ExitAnimationsValues, LayoutAnimation, StyleProps } from 'react-native-reanimated'
 
 export type StylesOf<C extends string> = Partial<Record<C, StyleProp<any>>>
 type TransitionBase = {
@@ -10,7 +10,10 @@ type TransitionBase = {
 }
 export type TransitionConfig = TransitionBase | {
   [p: string] : TransitionBase
-} 
+}
+
+export type ChildrenProp = ReactNode | ReactNode[] | undefined
 
+export type ReanimatedExitingAnimation = (values: ExitAnimationsValues) => LayoutAnimation
+export type ReanimatedEnteringAnimation = (values: EntryAnimationsValues) => LayoutAnimation
 
-export type ChildrenProp = ReactNode | ReactNode[] | undefined

package/src/utils/index.ts

@@ -12,4 +12,5 @@ export * from './theme'
 export * from './locale'
 export * from './Subscription'
 export * from './useQueryListRefresh'
+
 export * from './StorageManager'