@tecsinapse/react-native-kit 4.0.1 → 4.0.3-beta.0

package/dist/cjs/components/atoms/Modal/ui/BackDrop.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('./styled.js');
+
+const BackDrop = ({ onPress, children }) => {
+  if (onPress) {
+    return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledPressableBackDrop, { onPress, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledViewBackDrop, { children });
+};
+
+module.exports = BackDrop;

package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js

@@ -6,6 +6,7 @@ var React = require('react');
 var reactNative = require('react-native');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var styled = require('./styled.js');
+var BackDrop = require('./BackDrop.js');
 
 const BACKDROP_ALPHA = 0.65;
 const INTERPOLATION_STEPS = 10;
@@ -123,7 +124,7 @@ const ModalView = ({
       hideEvent.remove();
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledPressableBackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(styled.BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(BackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(styled.BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.Animated.View,
     {
       style: {

package/dist/cjs/components/atoms/Modal/ui/styled.js

@@ -10,6 +10,12 @@ const StyledPressableBackDrop = styled.Pressable`
   width: 100%;
   height: 100%;
 `;
+const StyledViewBackDrop = styled.View`
+  flex: 1;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;
 const BackDropView = styled(reactNative.Animated.View)`
   justify-content: flex-end;
   flex: 1;
@@ -25,3 +31,4 @@ const CloseBar = styled.View`
 exports.BackDropView = BackDropView;
 exports.CloseBar = CloseBar;
 exports.StyledPressableBackDrop = StyledPressableBackDrop;
+exports.StyledViewBackDrop = StyledViewBackDrop;

package/dist/esm/components/atoms/Modal/ui/BackDrop.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { StyledPressableBackDrop, StyledViewBackDrop } from './styled.js';
+
+const BackDrop = ({ onPress, children }) => {
+  if (onPress) {
+    return /* @__PURE__ */ jsx(StyledPressableBackDrop, { onPress, children });
+  }
+  return /* @__PURE__ */ jsx(StyledViewBackDrop, { children });
+};
+
+export { BackDrop as default };

package/dist/esm/components/atoms/Modal/ui/BaseModalView.js

@@ -3,7 +3,8 @@ import { BoxContent } from '@tecsinapse/react-core';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { Animated, Easing, Keyboard, Pressable, Dimensions, StatusBar } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { StyledPressableBackDrop, BackDropView, CloseBar } from './styled.js';
+import { BackDropView, CloseBar } from './styled.js';
+import BackDrop from './BackDrop.js';
 
 const BACKDROP_ALPHA = 0.65;
 const INTERPOLATION_STEPS = 10;
@@ -121,7 +122,7 @@ const ModalView = ({
       hideEvent.remove();
     };
   }, []);
-  return /* @__PURE__ */ jsx(StyledPressableBackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsx(BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(BackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsx(BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsx(
     Animated.View,
     {
       style: {

package/dist/esm/components/atoms/Modal/ui/styled.js

@@ -8,6 +8,12 @@ const StyledPressableBackDrop = styled.Pressable`
   width: 100%;
   height: 100%;
 `;
+const StyledViewBackDrop = styled.View`
+  flex: 1;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;
 const BackDropView = styled(Animated.View)`
   justify-content: flex-end;
   flex: 1;
@@ -20,4 +26,4 @@ const CloseBar = styled.View`
   height: ${RFValueStr("5px")};
 `;
 
-export { BackDropView, CloseBar, StyledPressableBackDrop };
+export { BackDropView, CloseBar, StyledPressableBackDrop, StyledViewBackDrop };

package/dist/types/components/atoms/Modal/ui/BackDrop.d.ts

@@ -0,0 +1,5 @@
+declare const BackDrop: ({ onPress, children }: {
+    onPress: any;
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BackDrop;

package/dist/types/components/atoms/Modal/ui/styled.d.ts

@@ -3,6 +3,12 @@ export declare const StyledPressableBackDrop: import("@emotion/native").StyledCo
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const StyledViewBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
 export declare const BackDropView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "React Native components library",
-  "version": "4.0.1",
+  "version": "4.0.3-beta.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "react-native-safe-area-context": "^4.0.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "450f025db0e2b628bd39e2d75125c84e0dd8b5be"
+  "gitHead": "8d8e41a3ecc06a97af46ddb9b985fef79bc85e21"
 }