@lichens-innovation/react-native-common 3.0.1 → 3.1.0

package/dist/components/layout/resizable/index.d.ts

@@ -1,4 +1,4 @@
-export * from './vertical-resizable-overlay-view';
+export * from './resizable-overlay-view';
 export * from './vertical-resizable-overlay-view.types';
 export * from './vertical-resizable-split-view';
 export * from './vertical-resizable-split-view.types';

package/dist/components/layout/resizable/index.js

@@ -1,4 +1,4 @@
-export * from './vertical-resizable-overlay-view';
+export * from './resizable-overlay-view';
 export * from './vertical-resizable-overlay-view.types';
 export * from './vertical-resizable-split-view';
 export * from './vertical-resizable-split-view.types';

package/dist/components/layout/resizable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC"}

package/dist/components/layout/resizable/{vertical-resizable-overlay-view.d.ts → resizable-overlay-view.d.ts}

@@ -1,3 +1,3 @@
 import { type FunctionComponent } from 'react';
 import { VerticalResizableOverlayViewProps } from './vertical-resizable-overlay-view.types';
-export declare const VerticalResizableOverlayView: FunctionComponent<VerticalResizableOverlayViewProps>;
+export declare const ResizableOverlayView: FunctionComponent<VerticalResizableOverlayViewProps>;

package/dist/components/layout/resizable/{vertical-resizable-overlay-view.js → resizable-overlay-view.js}

@@ -1,52 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { isDevelopment } from '../../../utils';
+import { computeResizableOverlayLayoutValues } from './resizable-overlay-view.utils';
 import { validateResizableOverlayProps } from './vertical-resizable-overlay-view.utils';
 const DRAG_HANDLE_HEIGHT = 20;
 const DEFAULT_ANIMATION_CONFIG = { damping: 25, stiffness: 300, mass: 0.8 };
-export const VerticalResizableOverlayView = (props) => {
+const OVERLAY_ANCHOR_STYLES = {
+    topLeft: { top: 0, left: 0 },
+    topRight: { top: 0, right: 0 },
+    bottomLeft: { bottom: 0, left: 0 },
+    bottomRight: { bottom: 0, right: 0 },
+};
+export const ResizableOverlayView = (props) => {
     if (isDevelopment())
         validateResizableOverlayProps(props);
-    const { foregroundContent, backgroundContent, initialForegroundRatio = 0.5, minForegroundRatio = 0.15, maxForegroundRatio = 0.85, foregroundContentAspectRatio, handleContainerStyle, handleStyle, hideHandle = false, } = props;
-    // Track measured container height
-    const [isReady, setIsReady] = useState(false);
+    const { foregroundContent, backgroundContent, initialForegroundRatio = 0.5, minForegroundRatio = 0.15, maxForegroundRatio = 0.85, foregroundContentAspectRatio, handleContainerStyle, handleStyle, hideHandle = false, anchorType = 'topRight', } = props;
+    // Anchor styles
+    const overlayAnchorStyle = OVERLAY_ANCHOR_STYLES[anchorType];
+    const isBottomAnchored = ['bottomLeft', 'bottomRight'].includes(anchorType);
+    const isLeftAnchored = ['topLeft', 'bottomLeft'].includes(anchorType);
     // Shared values for animation
     const overlayHeight = useSharedValue(0);
+    const containerHeight = useSharedValue(0);
     const containerWidth = useSharedValue(0);
     const minHeight = useSharedValue(0);
     const maxHeight = useSharedValue(0);
     const startY = useSharedValue(0);
     const isDragging = useSharedValue(false);
     // Handle container layout measurement
-    const handleLayout = useCallback((event) => {
-        const { height, width } = event.nativeEvent.layout;
-        if (height > 0 && !isReady) {
-            minHeight.value = height * minForegroundRatio;
-            maxHeight.value = height * maxForegroundRatio;
-            overlayHeight.value = height * initialForegroundRatio;
-            containerWidth.value = width;
-            setIsReady(true);
-        }
-    }, [
-        minForegroundRatio,
-        maxForegroundRatio,
-        initialForegroundRatio,
-        minHeight,
-        maxHeight,
-        overlayHeight,
-        containerWidth,
-        isReady,
-    ]);
+    const handleLayout = (event) => {
+        const computedValues = computeResizableOverlayLayoutValues({
+            event,
+            initialForegroundRatio,
+            minForegroundRatio,
+            maxForegroundRatio,
+            foregroundContentAspectRatio,
+        });
+        containerHeight.value = computedValues.containerHeight;
+        containerWidth.value = computedValues.containerWidth;
+        minHeight.value = computedValues.minHeight;
+        maxHeight.value = computedValues.maxHeight;
+        overlayHeight.value = computedValues.overlayHeight;
+    };
     const panGesture = Gesture.Pan()
         .onStart(() => {
         startY.value = overlayHeight.value;
         isDragging.value = true;
     })
         .onUpdate((event) => {
-        const newHeight = startY.value + event.translationY;
+        // If the overlay is anchored to the bottom, dragging up should INCREASE its height.
+        const direction = isBottomAnchored ? -1 : 1;
+        const newHeight = startY.value + direction * event.translationY;
         overlayHeight.value = Math.max(minHeight.value, Math.min(newHeight, maxHeight.value));
     })
         .onEnd(() => {
@@ -81,16 +87,23 @@ export const VerticalResizableOverlayView = (props) => {
                 effectiveWidth = calculatedWidth;
             }
         }
+        // Always compute an explicit `left` to avoid stale left/right values when `anchorType` changes.
+        const left = isLeftAnchored ? 0 : Math.max(0, containerWidth.value - effectiveWidth);
+        // If anchored at bottom, the handle must attach to the TOP edge of the overlay.
+        // Otherwise (top anchor), it attaches to the BOTTOM edge.
+        const top = isBottomAnchored
+            ? containerHeight.value - effectiveHeight - DRAG_HANDLE_HEIGHT / 2
+            : effectiveHeight - DRAG_HANDLE_HEIGHT / 2;
         return {
-            top: effectiveHeight - DRAG_HANDLE_HEIGHT / 2,
-            right: 0,
+            top,
             width: effectiveWidth,
+            left,
         };
-    });
+    }, [foregroundContentAspectRatio, isBottomAnchored, isLeftAnchored]);
     const dragHandleAnimatedStyle = useAnimatedStyle(() => ({
         transform: [{ scale: withSpring(isDragging.value ? 1.2 : 1, DEFAULT_ANIMATION_CONFIG) }],
     }));
-    return (_jsxs(View, { style: [styles.container], onLayout: handleLayout, children: [_jsx(View, { style: styles.backgroundSection, children: backgroundContent }), _jsx(Animated.View, { style: [styles.overlaySection, overlayAnimatedStyle], children: foregroundContent }), !hideHandle && (_jsx(GestureDetector, { gesture: panGesture, children: _jsx(Animated.View, { style: [styles.handleContainer, handleContainerStyle, dragHandleContainerAnimatedStyle], children: _jsx(Animated.View, { style: [styles.handle, handleStyle, dragHandleAnimatedStyle] }) }) }))] }));
+    return (_jsxs(View, { style: [styles.container], onLayout: handleLayout, children: [_jsx(View, { style: styles.backgroundSection, children: backgroundContent }), _jsx(Animated.View, { style: [styles.overlaySection, overlayAnchorStyle, overlayAnimatedStyle], children: foregroundContent }), !hideHandle && (_jsx(GestureDetector, { gesture: panGesture, children: _jsx(Animated.View, { style: [styles.handleContainer, handleContainerStyle, dragHandleContainerAnimatedStyle], children: _jsx(Animated.View, { style: [styles.handle, handleStyle, dragHandleAnimatedStyle] }) }) }))] }));
 };
 const styles = StyleSheet.create({
     container: {
@@ -101,8 +114,6 @@ const styles = StyleSheet.create({
     },
     overlaySection: {
         position: 'absolute',
-        top: 0,
-        right: 0,
         overflow: 'hidden',
     },
     handleContainer: {
@@ -118,4 +129,4 @@ const styles = StyleSheet.create({
         borderRadius: 4,
     },
 });
-//# sourceMappingURL=vertical-resizable-overlay-view.js.map
+//# sourceMappingURL=resizable-overlay-view.js.map

package/dist/components/layout/resizable/resizable-overlay-view.js.map

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

package/dist/components/layout/resizable/resizable-overlay-view.utils.d.ts

@@ -0,0 +1,16 @@
+import type { LayoutChangeEvent } from 'react-native';
+interface ComputeResizableOverlayLayoutValuesArgs {
+    event: LayoutChangeEvent;
+    initialForegroundRatio: number;
+    minForegroundRatio: number;
+    maxForegroundRatio: number;
+    foregroundContentAspectRatio?: number;
+}
+export declare const computeResizableOverlayLayoutValues: ({ event, initialForegroundRatio, minForegroundRatio, maxForegroundRatio, foregroundContentAspectRatio, }: ComputeResizableOverlayLayoutValuesArgs) => {
+    containerHeight: number;
+    containerWidth: number;
+    minHeight: number;
+    maxHeight: number;
+    overlayHeight: number;
+};
+export {};

package/dist/components/layout/resizable/resizable-overlay-view.utils.js

@@ -0,0 +1,19 @@
+export const computeResizableOverlayLayoutValues = ({ event, initialForegroundRatio, minForegroundRatio, maxForegroundRatio, foregroundContentAspectRatio, }) => {
+    const { height, width } = event.nativeEvent.layout;
+    if (height <= 0)
+        return { containerHeight: 0, containerWidth: 0, minHeight: 0, maxHeight: 0, overlayHeight: 0 };
+    // Always keep container & bounds updated (layout can change over time).
+    const computedMinHeight = height * minForegroundRatio;
+    const computedMaxHeightFromContainer = height * maxForegroundRatio;
+    const computedMaxHeightFromAspectRatio = foregroundContentAspectRatio !== undefined ? width / foregroundContentAspectRatio : Number.POSITIVE_INFINITY;
+    const computedMaxHeight = Math.max(computedMinHeight, Math.min(computedMaxHeightFromContainer, computedMaxHeightFromAspectRatio));
+    const computedOverlayHeight = Math.max(computedMinHeight, Math.min(height * initialForegroundRatio, computedMaxHeight));
+    return {
+        containerHeight: height,
+        containerWidth: width,
+        minHeight: computedMinHeight,
+        maxHeight: computedMaxHeight,
+        overlayHeight: computedOverlayHeight,
+    };
+};
+//# sourceMappingURL=resizable-overlay-view.utils.js.map

package/dist/components/layout/resizable/resizable-overlay-view.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-overlay-view.utils.js","sourceRoot":"","sources":["../../../../src/components/layout/resizable/resizable-overlay-view.utils.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAC,EAClD,KAAK,EACL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,4BAA4B,GACY,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;IACnD,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;IAEhH,wEAAwE;IACxE,MAAM,iBAAiB,GAAG,MAAM,GAAG,kBAAkB,CAAC;IACtD,MAAM,8BAA8B,GAAG,MAAM,GAAG,kBAAkB,CAAC;IACnE,MAAM,gCAAgC,GACpC,4BAA4B,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,4BAA4B,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC;IAC/G,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAChC,iBAAiB,EACjB,IAAI,CAAC,GAAG,CAAC,8BAA8B,EAAE,gCAAgC,CAAC,CAC3E,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAI,CAAC,GAAG,CACpC,iBAAiB,EACjB,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,sBAAsB,EAAE,iBAAiB,CAAC,CAC7D,CAAC;IAEF,OAAO;QACL,eAAe,EAAE,MAAM;QACvB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,iBAAiB;QAC5B,SAAS,EAAE,iBAAiB;QAC5B,aAAa,EAAE,qBAAqB;KACrC,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/layout/resizable/vertical-resizable-overlay-view.types.d.ts

@@ -1,10 +1,16 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
+export type VerticalResizableOverlayViewAnchorType = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export interface VerticalResizableOverlayViewProps {
     /** Content to display in the overlay section (foreground, on top) */
     foregroundContent: ReactNode;
     /** Content to display in the background section (fills the entire container) */
     backgroundContent: ReactNode;
+    /**
+     * Where the overlay is anchored inside the container.
+     * Default: topRight
+     */
+    anchorType?: VerticalResizableOverlayViewAnchorType;
     /** Initial height ratio for the foreground overlay (0 to 1). Default: 0.5 */
     initialForegroundRatio?: number;
     /** Minimum height ratio for the foreground overlay (0 to 1). Default: 0.15 */

package/package.json

@@ -3,7 +3,7 @@
   "description": "Lichens Innovation React Native Expo shared components, utilities, hooks and services",
   "repository": "https://github.com/Lichens-Innovation/react-native-common",
   "author": "Lichens Innovation",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/layout/resizable/vertical-resizable-overlay-view.js.map

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