@lodev09/react-native-true-sheet 4.0.0-beta.0 → 4.0.0-beta.2

package/ios/utils/LayoutUtil.mm

@@ -1,50 +0,0 @@
-//
-//  Created by Jovanni Lo (@lodev09)
-//  Copyright (c) 2024-present. All rights reserved.
-//
-//  This source code is licensed under the MIT license found in the
-//  LICENSE file in the root directory of this source tree.
-//
-
-#ifdef RCT_NEW_ARCH_ENABLED
-
-#import "LayoutUtil.h"
-
-@implementation LayoutUtil
-
-+ (void)pinView:(UIView *)view toParentView:(UIView *)parentView edges:(UIRectEdge)edges {
-  [self pinView:view toParentView:parentView edges:edges height:0];
-}
-
-+ (void)pinView:(UIView *)view toParentView:(UIView *)parentView edges:(UIRectEdge)edges height:(CGFloat)height {
-  view.translatesAutoresizingMaskIntoConstraints = NO;
-
-  if (edges & UIRectEdgeTop) {
-    [view.topAnchor constraintEqualToAnchor:parentView.topAnchor].active = YES;
-  }
-  if (edges & UIRectEdgeBottom) {
-    [view.bottomAnchor constraintEqualToAnchor:parentView.bottomAnchor].active = YES;
-  }
-  if (edges & UIRectEdgeLeft) {
-    [view.leadingAnchor constraintEqualToAnchor:parentView.leadingAnchor].active = YES;
-  }
-  if (edges & UIRectEdgeRight) {
-    [view.trailingAnchor constraintEqualToAnchor:parentView.trailingAnchor].active = YES;
-  }
-
-  // Apply height constraint if provided
-  if (height > 0) {
-    [view.heightAnchor constraintEqualToConstant:height].active = YES;
-  }
-}
-
-+ (void)unpinView:(UIView *)view {
-  if (!view)
-    return;
-  view.translatesAutoresizingMaskIntoConstraints = YES;
-  [view removeConstraints:view.constraints];
-}
-
-@end
-
-#endif

package/lib/module/TrueSheetGrabber.js

@@ -1,51 +0,0 @@
-"use strict";
-
-import { StyleSheet, View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-const GRABBER_DEFAULT_HEIGHT = 4;
-const GRABBER_DEFAULT_WIDTH = 32;
-
-// M3 spec: #49454F 0.4 alpha
-const GRABBER_DEFAULT_COLOR = 'rgba(73,69,79,0.4)';
-/**
- * Grabber component.
- * Used by defualt for Android but feel free to re-use.
- */
-export const TrueSheetGrabber = props => {
-  const {
-    visible = true,
-    color = GRABBER_DEFAULT_COLOR,
-    width = GRABBER_DEFAULT_WIDTH,
-    height = GRABBER_DEFAULT_HEIGHT,
-    topOffset = 0,
-    style
-  } = props;
-  if (!visible) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.wrapper, style, {
-      height: GRABBER_DEFAULT_HEIGHT * 4,
-      top: topOffset
-    }],
-    children: /*#__PURE__*/_jsx(View, {
-      style: [styles.grabber, {
-        height,
-        width,
-        backgroundColor: color
-      }]
-    })
-  });
-};
-const styles = StyleSheet.create({
-  wrapper: {
-    position: 'absolute',
-    alignSelf: 'center',
-    paddingHorizontal: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 9999
-  },
-  grabber: {
-    borderRadius: GRABBER_DEFAULT_HEIGHT / 2
-  }
-});
-//# sourceMappingURL=TrueSheetGrabber.js.map

package/lib/module/TrueSheetGrabber.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","View","jsx","_jsx","GRABBER_DEFAULT_HEIGHT","GRABBER_DEFAULT_WIDTH","GRABBER_DEFAULT_COLOR","TrueSheetGrabber","props","visible","color","width","height","topOffset","style","styles","wrapper","top","children","grabber","backgroundColor","create","position","alignSelf","paddingHorizontal","alignItems","justifyContent","zIndex","borderRadius"],"sourceRoot":"../../src","sources":["TrueSheetGrabber.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAyD,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjG,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,qBAAqB,GAAG,EAAE;;AAEhC;AACA,MAAMC,qBAAqB,GAAG,oBAAoB;AAwClD;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,KAAK,GAAGJ,qBAAqB;IAC7BK,KAAK,GAAGN,qBAAqB;IAC7BO,MAAM,GAAGR,sBAAsB;IAC/BS,SAAS,GAAG,CAAC;IACbC;EACF,CAAC,GAAGN,KAAK;EAET,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEN,IAAA,CAACF,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEF,KAAK,EAAE;MAAEF,MAAM,EAAER,sBAAsB,GAAG,CAAC;MAAEa,GAAG,EAAEJ;IAAU,CAAC,CAAE;IAAAK,QAAA,eAC3Ff,IAAA,CAACF,IAAI;MAACa,KAAK,EAAE,CAACC,MAAM,CAACI,OAAO,EAAE;QAAEP,MAAM;QAAED,KAAK;QAAES,eAAe,EAAEV;MAAM,CAAC;IAAE,CAAE;EAAC,CACxE,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGf,UAAU,CAACqB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE;EACV,CAAC;EACDR,OAAO,EAAE;IACPS,YAAY,EAAExB,sBAAsB,GAAG;EACzC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/TrueSheetGrabber.d.ts

@@ -1,39 +0,0 @@
-import { type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
-export interface TrueSheetGrabberProps {
-    /**
-     * Is grabber visible.
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * Optional style that overrides the default style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Grabber color according to M3 specs.
-     * @default rgba(73,69,79,0.4)
-     */
-    color?: ColorValue;
-    /**
-     * Grabber height according to M3 specs.
-     * @default 4
-     */
-    height?: number;
-    /**
-     * Grabber top position offset.
-     *
-     * @default 6
-     */
-    topOffset?: number;
-    /**
-     * Grabber width according to M3 specs.
-     * @default 32
-     */
-    width?: number;
-}
-/**
- * Grabber component.
- * Used by defualt for Android but feel free to re-use.
- */
-export declare const TrueSheetGrabber: (props: TrueSheetGrabberProps) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=TrueSheetGrabber.d.ts.map

package/lib/typescript/src/TrueSheetGrabber.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrueSheetGrabber.d.ts","sourceRoot":"","sources":["../../../src/TrueSheetGrabber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQjG,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,mDAiB5D,CAAC"}

package/src/TrueSheetGrabber.tsx

@@ -1,82 +0,0 @@
-import { StyleSheet, View, type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
-
-const GRABBER_DEFAULT_HEIGHT = 4;
-const GRABBER_DEFAULT_WIDTH = 32;
-
-// M3 spec: #49454F 0.4 alpha
-const GRABBER_DEFAULT_COLOR = 'rgba(73,69,79,0.4)';
-
-export interface TrueSheetGrabberProps {
-  /**
-   * Is grabber visible.
-   * @default true
-   */
-  visible?: boolean;
-
-  /**
-   * Optional style that overrides the default style.
-   */
-  style?: StyleProp<ViewStyle>;
-
-  /**
-   * Grabber color according to M3 specs.
-   * @default rgba(73,69,79,0.4)
-   */
-  color?: ColorValue;
-
-  /**
-   * Grabber height according to M3 specs.
-   * @default 4
-   */
-  height?: number;
-
-  /**
-   * Grabber top position offset.
-   *
-   * @default 6
-   */
-  topOffset?: number;
-
-  /**
-   * Grabber width according to M3 specs.
-   * @default 32
-   */
-  width?: number;
-}
-
-/**
- * Grabber component.
- * Used by defualt for Android but feel free to re-use.
- */
-export const TrueSheetGrabber = (props: TrueSheetGrabberProps) => {
-  const {
-    visible = true,
-    color = GRABBER_DEFAULT_COLOR,
-    width = GRABBER_DEFAULT_WIDTH,
-    height = GRABBER_DEFAULT_HEIGHT,
-    topOffset = 0,
-    style,
-  } = props;
-
-  if (!visible) return null;
-
-  return (
-    <View style={[styles.wrapper, style, { height: GRABBER_DEFAULT_HEIGHT * 4, top: topOffset }]}>
-      <View style={[styles.grabber, { height, width, backgroundColor: color }]} />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  wrapper: {
-    position: 'absolute',
-    alignSelf: 'center',
-    paddingHorizontal: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 9999,
-  },
-  grabber: {
-    borderRadius: GRABBER_DEFAULT_HEIGHT / 2,
-  },
-});

package/src/__mocks__/index.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-// Mock TrueSheet class component
-export class TrueSheet extends React.Component {
-  static instances = {};
-
-  // Static methods
-  static dismiss = jest.fn((name) => Promise.resolve());
-  static present = jest.fn((name, index = 0) => Promise.resolve());
-  static resize = jest.fn((name, index) => Promise.resolve());
-
-  // Instance methods
-  dismiss = jest.fn(() => Promise.resolve());
-  present = jest.fn((index = 0) => Promise.resolve());
-  resize = jest.fn((index) => Promise.resolve());
-
-  componentDidMount() {
-    const { name } = this.props;
-    if (name) {
-      TrueSheet.instances[name] = this;
-    }
-  }
-
-  componentWillUnmount() {
-    const { name } = this.props;
-    if (name) {
-      delete TrueSheet.instances[name];
-    }
-  }
-
-  render() {
-    const { children, footer, style, ...rest } = this.props;
-    return (
-      <View style={style} {...rest}>
-        {children}
-        {footer}
-      </View>
-    );
-  }
-}
-
-// Mock ReanimatedTrueSheet
-export class ReanimatedTrueSheet extends TrueSheet {
-  render() {
-    return <TrueSheet {...this.props} />;
-  }
-}
-
-// Mock TrueSheetGrabber
-export const TrueSheetGrabber = ({ style, ...props }) => (
-  <View style={style} {...props} testID="true-sheet-grabber" />
-);
-
-// Mock ReanimatedTrueSheetProvider
-export const ReanimatedTrueSheetProvider = ({ children }) => <>{children}</>;
-
-// Mock hooks
-export const useReanimatedTrueSheet = jest.fn(() => ({
-  animatedPosition: { value: 0 },
-  animatedIndex: { value: -1 },
-}));
-
-export const useReanimatedPositionChangeHandler = jest.fn((callback) => jest.fn());
-
-// Re-export types (these will be no-ops in JS but useful for TS consumers)
-export * from '../TrueSheet.types';