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

package/ios/TrueSheetViewController.swift

@@ -1,275 +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.
-//
-
-// MARK: - SizeInfo
-
-struct SizeInfo {
-  var index: Int
-  var value: CGFloat
-}
-
-// MARK: - TrueSheetViewControllerDelegate
-
-protocol TrueSheetViewControllerDelegate: AnyObject {
-  func viewControllerDidChangeWidth(_ width: CGFloat)
-  func viewControllerDidDismiss()
-  func viewControllerDidChangeSize(_ sizeInfo: SizeInfo?)
-  func viewControllerWillAppear()
-  func viewControllerKeyboardWillShow(_ keyboardHeight: CGFloat)
-  func viewControllerKeyboardWillHide()
-  func viewControllerDidDrag(_ state: UIPanGestureRecognizer.State, _ height: CGFloat)
-}
-
-// MARK: - TrueSheetViewController
-
-class TrueSheetViewController: UIViewController, UISheetPresentationControllerDelegate {
-  // MARK: - Properties
-
-  weak var delegate: TrueSheetViewControllerDelegate?
-
-  /// The bottomInset of the sheet.
-  /// We will be excluding these on height calculation for conistency with scrollable content.
-  private var bottomInset: CGFloat
-  private var backgroundView: UIVisualEffectView
-
-  var lastViewWidth: CGFloat = 0
-  var detentValues: [String: SizeInfo] = [:]
-
-  var sizes: [Any] = ["medium", "large"]
-
-  var maxHeight: CGFloat?
-  var contentHeight: CGFloat = 0
-  var footerHeight: CGFloat = 0
-
-  var backgroundColor: UIColor?
-  var blurEffect: UIBlurEffect?
-
-  var cornerRadius: CGFloat?
-  var grabber = true
-  var dimmed = true
-  var dimmedIndex: Int? = 0
-
-  var currentSizeInfo: SizeInfo? {
-    guard #available(iOS 15.0, *), let sheet = sheetPresentationController,
-          let rawValue = sheet.selectedDetentIdentifier?.rawValue else {
-      return nil
-    }
-
-    return detentValues[rawValue]
-  }
-
-  // MARK: - Setup
-
-  init() {
-    backgroundView = UIVisualEffectView()
-
-    let window = UIApplication.shared.windows.first(where: { $0.isKeyWindow })
-    bottomInset = window?.safeAreaInsets.bottom ?? 0
-
-    super.init(nibName: nil, bundle: nil)
-
-    backgroundView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
-    backgroundView.frame = view.bounds
-
-    view.autoresizingMask = [.flexibleHeight, .flexibleWidth]
-    view.insertSubview(backgroundView, at: 0)
-  }
-
-  deinit {
-    NotificationCenter.default.removeObserver(self)
-  }
-
-  @available(*, unavailable)
-  required init?(coder _: NSCoder) {
-    fatalError("init(coder:) has not been implemented")
-  }
-
-  @available(iOS 15.0, *)
-  func sheetPresentationControllerDidChangeSelectedDetentIdentifier(_ sheet: UISheetPresentationController) {
-    if let rawValue = sheet.selectedDetentIdentifier?.rawValue,
-       let sizeInfo = detentValues[rawValue] {
-      delegate?.viewControllerDidChangeSize(sizeInfo)
-    }
-  }
-
-  override func viewDidLoad() {
-    super.viewDidLoad()
-
-    NotificationCenter.default.addObserver(
-      self, selector: #selector(keyboardWillShow(_:)),
-      name: UIResponder.keyboardWillShowNotification,
-      object: nil
-    )
-
-    NotificationCenter.default.addObserver(
-      self, selector: #selector(keyboardWillHide(_:)),
-      name: UIResponder.keyboardWillHideNotification,
-      object: nil
-    )
-  }
-
-  @objc
-  func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
-    guard let view = gesture.view else { return }
-
-    // Calculate visible height
-    let screenHeight = UIScreen.main.bounds.height
-    let sheetY = view.frame.origin.y
-    let height = screenHeight - bottomInset - sheetY
-
-    delegate?.viewControllerDidDrag(gesture.state, height)
-  }
-
-  @objc
-  private func keyboardWillShow(_ notification: Notification) {
-    guard let keyboardSize = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue else {
-      return
-    }
-
-    delegate?.viewControllerKeyboardWillShow(keyboardSize.height)
-  }
-
-  @objc
-  private func keyboardWillHide(_: Notification) {
-    delegate?.viewControllerKeyboardWillHide()
-  }
-
-  override func viewWillAppear(_ animated: Bool) {
-    super.viewWillAppear(animated)
-    delegate?.viewControllerWillAppear()
-  }
-
-  override func viewDidDisappear(_ animated: Bool) {
-    super.viewDidDisappear(animated)
-    delegate?.viewControllerDidDismiss()
-  }
-
-  /// This is called multiple times while sheet is being dragged.
-  /// let's try to minimize size update by comparing last known width
-  override func viewDidLayoutSubviews() {
-    super.viewDidLayoutSubviews()
-
-    if lastViewWidth != view.frame.width {
-      delegate?.viewControllerDidChangeWidth(view.bounds.width)
-      lastViewWidth = view.frame.width
-    }
-  }
-
-  /// Setup background. Supports color or blur effect.
-  /// Can only use one or the other.
-  func setupBackground() {
-    if let blurEffect {
-      backgroundView.effect = blurEffect
-      backgroundView.backgroundColor = nil
-    } else {
-      backgroundView.backgroundColor = backgroundColor
-      backgroundView.effect = nil
-    }
-  }
-
-  /// Setup dimmed sheet.
-  /// `dimmedIndex` will further customize the dimming behavior.
-  @available(iOS 15.0, *)
-  func setupDimmedBackground() {
-    guard let sheet = sheetPresentationController else {
-      return
-    }
-
-    if dimmed, dimmedIndex == 0 {
-      sheet.largestUndimmedDetentIdentifier = nil
-    } else {
-      sheet.largestUndimmedDetentIdentifier = .large
-
-      if #available(iOS 16.0, *) {
-        if dimmed, let dimmedIndex, sheet.detents.indices.contains(dimmedIndex - 1) {
-          sheet.largestUndimmedDetentIdentifier = sheet.detents[dimmedIndex - 1].identifier
-        } else if let lastIdentifier = sheet.detents.last?.identifier {
-          sheet.largestUndimmedDetentIdentifier = lastIdentifier
-        }
-      }
-    }
-  }
-
-  /// Setup sheet detents by sizes.
-  @available(iOS 15.0, *)
-  func setupSizes() {
-    guard let sheet = sheetPresentationController else {
-      return
-    }
-
-    // Configure detents
-    detentValues = [:]
-    var detents: [UISheetPresentationController.Detent] = []
-
-    for (index, size) in sizes.enumerated() {
-      // Exclude bottom safe area for consistency with a Scrollable content
-      let adjustedContentHeight = contentHeight - bottomInset
-      let detent = detentFor(size, with: adjustedContentHeight + footerHeight, with: maxHeight) { id, value in
-        self.detentValues[id] = SizeInfo(index: index, value: value)
-      }
-
-      detents.append(detent)
-    }
-
-    sheet.detents = detents
-  }
-
-  /// Get the detent identifier for a given index
-  @available(iOS 15.0, *)
-  func detentIdentifierForIndex(_ index: Int) -> UISheetPresentationController.Detent.Identifier {
-    guard let sheet = sheetPresentationController else {
-      return .medium
-    }
-
-    var identifier = UISheetPresentationController.Detent.Identifier.medium
-    if sheet.detents.indices.contains(index) {
-      let detent = sheet.detents[index]
-      if #available(iOS 16.0, *) {
-        identifier = detent.identifier
-      } else if detent == .large() {
-        identifier = .large
-      }
-    }
-
-    return identifier
-  }
-
-  /// Observe while the sheet is being dragged.
-  @available(iOS 15.0, *)
-  func observeDrag() {
-    guard let sheet = sheetPresentationController,
-          let presentedView = sheet.presentedView else {
-      return
-    }
-
-    for recognizer in presentedView.gestureRecognizers ?? [] {
-      if let panGesture = recognizer as? UIPanGestureRecognizer {
-        panGesture.addTarget(self, action: #selector(handlePanGesture(_:)))
-      }
-    }
-  }
-
-  /// Prepares the view controller for sheet presentation
-  func prepareForPresentation(at index: Int = 0, _ completion: (() -> Void)?) {
-    guard #available(iOS 15.0, *), let sheet = sheetPresentationController else {
-      completion?()
-      return
-    }
-
-    setupSizes()
-    setupDimmedBackground()
-
-    sheet.delegate = self
-    sheet.prefersEdgeAttachedInCompactHeight = true
-    sheet.prefersGrabberVisible = grabber
-    sheet.preferredCornerRadius = cornerRadius
-    sheet.selectedDetentIdentifier = detentIdentifierForIndex(index)
-
-    completion?()
-  }
-}

package/ios/TrueSheetViewManager.m

@@ -1,53 +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.
-//
-
-#import <React/RCTViewManager.h>
-
-@interface RCT_EXTERN_REMAP_MODULE (TrueSheetView, TrueSheetViewManager, RCTViewManager)
-
-// Module Functions
-
-/// Presents the sheet controller
-RCT_EXTERN_METHOD(present:(nonnull NSNumber*)tag
-                  index:(int)index
-                  resolve:(RCTPromiseResolveBlock)resolve
-                  reject:(RCTPromiseRejectBlock)reject)
-
-RCT_EXTERN_METHOD(dismiss:(nonnull NSNumber*)tag
-                  resolve:(RCTPromiseResolveBlock)resolve
-                  reject:(RCTPromiseRejectBlock)reject)
-
-// Events
-RCT_EXPORT_VIEW_PROPERTY(onMount, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onPresent, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onDismiss, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onSizeChange, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onDragBegin, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onDragChange, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onDragEnd, RCTDirectEventBlock)
-RCT_EXPORT_VIEW_PROPERTY(onContainerSizeChange, RCTDirectEventBlock)
-
-// Properties
-RCT_EXPORT_VIEW_PROPERTY(scrollableHandle, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(maxHeight, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(sizes, NSArray)
-RCT_EXPORT_VIEW_PROPERTY(blurTint, NSString)
-RCT_EXPORT_VIEW_PROPERTY(background, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(cornerRadius, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(grabber, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(dismissible, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(dimmed, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(dimmedIndex, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(initialIndex, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(initialIndexAnimated, BOOL)
-
-// Internal properties
-RCT_EXPORT_VIEW_PROPERTY(contentHeight, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(footerHeight, NSNumber)
-
-@end

package/ios/TrueSheetViewManager.swift

@@ -1,48 +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.
-//
-
-@objc(TrueSheetViewManager)
-class TrueSheetViewManager: RCTViewManager {
-  // MARK: - properties
-
-  override var methodQueue: DispatchQueue! {
-    return DispatchQueue.main
-  }
-
-  override static func requiresMainQueueSetup() -> Bool {
-    return true
-  }
-
-  override func view() -> UIView? {
-    return TrueSheetView(with: bridge)
-  }
-
-  // MARK: - Private
-
-  private func getTrueSheetView(_ tag: NSNumber) -> TrueSheetView? {
-    guard let uiManager = bridge?.uiManager else { return nil }
-    guard let viewForTag = uiManager.view(forReactTag: tag) else { return nil }
-    // swiftlint:disable force_cast
-    return viewForTag as! TrueSheetView
-    // swiftlint:enable force_cast
-  }
-
-  // MARK: - React Functions
-
-  @objc
-  func present(_ tag: NSNumber, index: Int, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
-    let trueSheetView = getTrueSheetView(tag)
-    trueSheetView?.present(at: index, promise: Promise(resolver: resolve, rejecter: reject))
-  }
-
-  @objc
-  func dismiss(_ tag: NSNumber, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
-    let trueSheetView = getTrueSheetView(tag)
-    trueSheetView?.dismiss(promise: Promise(resolver: resolve, rejecter: reject))
-  }
-}

package/ios/Utils/Logger.swift

@@ -1,39 +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.
-//
-
-import Foundation
-
-// MARK: - Logger
-
-enum Logger {
-  /**
-   Log a message to the console in the format of `TrueSheet.[caller-function-name]: [message]`
-
-   @discussion
-   If the global ConsoleLogFunction is set, this function also logs to the JavaScript console (console.log, console.trace, console.warn or console.error)
-   This function also always logs to [RCTDefaultLogFunction].
-   In non-DEBUG builds, this function is no-op.
-   */
-  static func log(level: RCTLogLevel, _ message: String) {
-    #if DEBUG
-      RCTDefaultLogFunction(level, RCTLogSource.javaScript, nil, nil, "TrueSheet: \(message)")
-    #endif
-  }
-
-  static func info(_ message: String) {
-    log(level: .info, message)
-  }
-
-  static func warning(_ message: String) {
-    log(level: .warning, message)
-  }
-
-  static func error(_ message: String) {
-    log(level: .error, message)
-  }
-}

package/ios/Utils/Promise.swift

@@ -1,25 +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.
-//
-
-class Promise {
-  private let resolver: RCTPromiseResolveBlock
-  private let rejecter: RCTPromiseRejectBlock
-
-  init(resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
-    self.resolver = resolver
-    self.rejecter = rejecter
-  }
-
-  func reject(message: String) {
-    rejecter("Error", message, nil)
-  }
-
-  func resolve(_ value: Any?) {
-    resolver(value)
-  }
-}

package/lib/commonjs/TrueSheet.js

@@ -1,258 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TrueSheet = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _TrueSheetModule = require("./TrueSheetModule.js");
-var _TrueSheetGrabber = require("./TrueSheetGrabber.js");
-var _TrueSheetFooter = require("./TrueSheetFooter.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const NATIVE_COMPONENT_NAME = 'TrueSheetView';
-const LINKING_ERROR = `The package '@lodev09/react-native-true-sheet' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
-  ios: "- You have run 'pod install'\n",
-  default: ''
-}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
-const TrueSheetNativeView = (0, _reactNative.requireNativeComponent)(NATIVE_COMPONENT_NAME);
-if (!TrueSheetNativeView) {
-  throw new Error(LINKING_ERROR);
-}
-class TrueSheet extends _react.PureComponent {
-  displayName = 'TrueSheet';
-  /**
-   * Map of sheet names against their handle.
-   */
-  static handles = {};
-  constructor(props) {
-    super(props);
-    this.ref = /*#__PURE__*/(0, _react.createRef)();
-    this.onMount = this.onMount.bind(this);
-    this.onDismiss = this.onDismiss.bind(this);
-    this.onPresent = this.onPresent.bind(this);
-    this.onSizeChange = this.onSizeChange.bind(this);
-    this.onDragBegin = this.onDragBegin.bind(this);
-    this.onDragChange = this.onDragChange.bind(this);
-    this.onDragEnd = this.onDragEnd.bind(this);
-    this.onContentLayout = this.onContentLayout.bind(this);
-    this.onFooterLayout = this.onFooterLayout.bind(this);
-    this.onContainerSizeChange = this.onContainerSizeChange.bind(this);
-    this.state = {
-      containerWidth: undefined,
-      containerHeight: undefined,
-      contentHeight: undefined,
-      footerHeight: undefined,
-      scrollableHandle: null
-    };
-  }
-  static getHandle(name) {
-    const handle = TrueSheet.handles[name];
-    if (!handle) {
-      console.warn(`Could not get native view tag from "${name}". Check your name prop.`);
-      return;
-    }
-    return handle;
-  }
-
-  /**
-   * Present the sheet by given `name`.
-   * See `name` prop.
-   */
-  static async present(name, index = 0) {
-    const handle = TrueSheet.getHandle(name);
-    if (!handle) return;
-    await _TrueSheetModule.TrueSheetModule.present(handle, index);
-  }
-
-  /**
-   * Dismiss the sheet by given `name`.
-   * See `name` prop.
-   */
-  static async dismiss(name) {
-    const handle = TrueSheet.getHandle(name);
-    if (!handle) return;
-    await _TrueSheetModule.TrueSheetModule.dismiss(handle);
-  }
-
-  /**
-   * Resize the sheet by given `name`.
-   * See `name` prop.
-   */
-  static async resize(name, index) {
-    await TrueSheet.present(name, index);
-  }
-  get handle() {
-    const nodeHandle = (0, _reactNative.findNodeHandle)(this.ref.current);
-    if (nodeHandle == null || nodeHandle === -1) {
-      throw new Error('Could not get native view tag');
-    }
-    return nodeHandle;
-  }
-  updateState() {
-    const scrollableHandle = this.props.scrollRef?.current ? (0, _reactNative.findNodeHandle)(this.props.scrollRef.current) : null;
-    if (this.props.name) {
-      TrueSheet.handles[this.props.name] = this.handle;
-    }
-    this.setState({
-      scrollableHandle
-    });
-  }
-  onSizeChange(event) {
-    this.props.onSizeChange?.(event);
-  }
-  onContainerSizeChange(event) {
-    this.setState({
-      containerWidth: event.nativeEvent.width,
-      containerHeight: event.nativeEvent.height
-    });
-  }
-  onPresent(event) {
-    this.props.onPresent?.(event);
-  }
-  onFooterLayout(event) {
-    this.setState({
-      footerHeight: event.nativeEvent.layout.height
-    });
-  }
-  onContentLayout(event) {
-    this.setState({
-      contentHeight: event.nativeEvent.layout.height
-    });
-  }
-  onDismiss() {
-    this.props.onDismiss?.();
-  }
-  onMount() {
-    this.props.onMount?.();
-  }
-  onDragBegin(event) {
-    this.props.onDragBegin?.(event);
-  }
-  onDragChange(event) {
-    this.props.onDragChange?.(event);
-  }
-  onDragEnd(event) {
-    this.props.onDragEnd?.(event);
-  }
-
-  /**
-   * Present the sheet. Optionally accepts a size `index`.
-   * See `sizes` prop
-   */
-  async present(index = 0) {
-    await _TrueSheetModule.TrueSheetModule.present(this.handle, index);
-  }
-
-  /**
-   * Resizes the Sheet programmatically by `index`.
-   * This is an alias of the `present(index)` method.
-   */
-  async resize(index) {
-    await this.present(index);
-  }
-
-  /**
-   * Dismisses the Sheet
-   */
-  async dismiss() {
-    await _TrueSheetModule.TrueSheetModule.dismiss(this.handle);
-  }
-  componentDidMount() {
-    if (this.props.sizes && this.props.sizes.length > 3) {
-      console.warn('TrueSheet only supports a maximum of 3 sizes; collapsed, half-expanded and expanded. Check your `sizes` prop.');
-    }
-    this.updateState();
-  }
-  componentDidUpdate() {
-    this.updateState();
-  }
-  render() {
-    const {
-      sizes = ['medium', 'large'],
-      backgroundColor = 'white',
-      dismissible = true,
-      grabber = true,
-      dimmed = true,
-      initialIndexAnimated = true,
-      edgeToEdge = false,
-      keyboardMode = 'resize',
-      initialIndex,
-      dimmedIndex,
-      grabberProps,
-      blurTint,
-      cornerRadius,
-      maxHeight,
-      FooterComponent,
-      style,
-      contentContainerStyle,
-      children,
-      ...rest
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(TrueSheetNativeView, {
-      ref: this.ref,
-      style: $nativeSheet,
-      scrollableHandle: this.state.scrollableHandle,
-      sizes: sizes,
-      blurTint: blurTint,
-      background: (0, _reactNative.processColor)(backgroundColor),
-      cornerRadius: cornerRadius,
-      contentHeight: this.state.contentHeight,
-      footerHeight: this.state.footerHeight,
-      grabber: grabber,
-      dimmed: dimmed,
-      dimmedIndex: dimmedIndex,
-      edgeToEdge: edgeToEdge,
-      initialIndex: initialIndex,
-      initialIndexAnimated: initialIndexAnimated,
-      keyboardMode: keyboardMode,
-      dismissible: dismissible,
-      maxHeight: maxHeight,
-      onMount: this.onMount,
-      onPresent: this.onPresent,
-      onDismiss: this.onDismiss,
-      onSizeChange: this.onSizeChange,
-      onDragBegin: this.onDragBegin,
-      onDragChange: this.onDragChange,
-      onDragEnd: this.onDragEnd,
-      onContainerSizeChange: this.onContainerSizeChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        collapsable: false,
-        style: [{
-          overflow: _reactNative.Platform.select({
-            ios: undefined,
-            android: 'hidden'
-          }),
-          // Update the width on JS side.
-          // New Arch interop does not support updating it in native :/
-          width: this.state.containerWidth,
-          height: this.state.containerHeight
-        }, style],
-        ...rest,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          collapsable: false,
-          onLayout: this.onContentLayout,
-          style: contentContainerStyle,
-          children: children
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          collapsable: false,
-          onLayout: this.onFooterLayout,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrueSheetFooter.TrueSheetFooter, {
-            Component: FooterComponent
-          })
-        }), _reactNative.Platform.OS === 'android' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrueSheetGrabber.TrueSheetGrabber, {
-          visible: grabber,
-          ...grabberProps
-        })]
-      })
-    });
-  }
-}
-exports.TrueSheet = TrueSheet;
-const $nativeSheet = {
-  position: 'absolute',
-  width: '100%',
-  left: -9999,
-  zIndex: -9999
-};
-//# sourceMappingURL=TrueSheet.js.map