@buoy-gg/core 7.0.36 → 7.0.38

package/lib/commonjs/floatingMenu/dial/onboardingConstants.js

@@ -3,68 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SPACING_GAP = exports.ARROW_HEIGHT = exports.ARROW_BOTTOM_OFFSET = void 0;
-exports.calculateTargetPosition = calculateTargetPosition;
-exports.calculateTooltipPosition = calculateTooltipPosition;
-exports.getScreenCenterY = getScreenCenterY;
-var _reactNative = require("react-native");
-/**
- * Shared constants for onboarding tooltip positioning
- * These ensure the floating menu aligns perfectly under the tooltip arrow
- * All positions are calculated dynamically based on screen size
- */
-
-// Arrow dimensions (relative positioning)
-const ARROW_BOTTOM_OFFSET = exports.ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-const ARROW_HEIGHT = exports.ARROW_HEIGHT = 20; // borderTopWidth of arrow
-const SPACING_GAP = exports.SPACING_GAP = 10; // Gap between arrow tip and target element
-
-/**
- * Calculate the center Y position of the screen
- * This is used to vertically center the onboarding UI
- *
- * @returns Y coordinate at the center of the screen
- */
-function getScreenCenterY() {
-  const {
-    height: screenHeight
-  } = _reactNative.Dimensions.get("window");
-  return screenHeight / 2;
-}
-
-/**
- * Calculate the tooltip position to center it vertically on screen
- * Uses flexbox-style centering - tooltip will center itself with its actual size
- *
- * @returns Distance from screen bottom for tooltip positioning
- */
-function calculateTooltipPosition() {
-  // Position from center - tooltip will be centered with transform or flex
-  // We return a value that's slightly above center to account for the arrow below
-  const centerY = getScreenCenterY();
-
-  // Approximate offset to center the tooltip+arrow combo
-  // This is a reasonable estimate that works for most tooltip sizes
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-
-  return centerY - estimatedHalfHeight;
-}
-
-/**
- * Calculate the position where a target element should be placed
- * to align directly under the tooltip arrow
- *
- * @returns Distance from screen bottom where element should be positioned
- */
-function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-
-  // Arrow tip position = tooltip bottom + arrow offset (arrow extends below, so negative)
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-
-  // Subtract arrow height to get to the actual tip
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-
-  // Subtract spacing gap to position element below arrow
-  return actualArrowTip - SPACING_GAP;
-}
+Object.defineProperty(exports, "ARROW_BOTTOM_OFFSET", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ARROW_BOTTOM_OFFSET;
+  }
+});
+Object.defineProperty(exports, "ARROW_HEIGHT", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ARROW_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "SPACING_GAP", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.SPACING_GAP;
+  }
+});
+Object.defineProperty(exports, "calculateTargetPosition", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.calculateTargetPosition;
+  }
+});
+Object.defineProperty(exports, "calculateTooltipPosition", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.calculateTooltipPosition;
+  }
+});
+Object.defineProperty(exports, "getScreenCenterY", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.getScreenCenterY;
+  }
+});
+var _sharedUi = require("@buoy-gg/shared-ui");

package/lib/commonjs/floatingMenu/dial/onboardingConstants.web.js

@@ -3,32 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SPACING_GAP = exports.ARROW_HEIGHT = exports.ARROW_BOTTOM_OFFSET = void 0;
-exports.calculateTargetPosition = calculateTargetPosition;
-exports.calculateTooltipPosition = calculateTooltipPosition;
-exports.getScreenCenterY = getScreenCenterY;
-/**
- * Web twin of onboardingConstants.ts — same math, window.innerHeight instead
- * of RN Dimensions.
- */
-const ARROW_BOTTOM_OFFSET = exports.ARROW_BOTTOM_OFFSET = -40; // Arrow extends below tooltip
-const ARROW_HEIGHT = exports.ARROW_HEIGHT = 20; // borderTopWidth of arrow
-const SPACING_GAP = exports.SPACING_GAP = 10; // Gap between arrow tip and target element
-
-function getScreenCenterY() {
-  return window.innerHeight / 2;
-}
-
-/** Distance from screen bottom for tooltip positioning (centered-ish). */
-function calculateTooltipPosition() {
-  const estimatedHalfHeight = 130; // ~half of (tooltip + arrow)
-  return getScreenCenterY() - estimatedHalfHeight;
-}
-
-/** Distance from screen bottom where the bubble should sit (under the arrow). */
-function calculateTargetPosition() {
-  const tooltipBottom = calculateTooltipPosition();
-  const arrowTipFromBottom = tooltipBottom + ARROW_BOTTOM_OFFSET;
-  const actualArrowTip = arrowTipFromBottom - ARROW_HEIGHT;
-  return actualArrowTip - SPACING_GAP;
-}
+Object.defineProperty(exports, "ARROW_BOTTOM_OFFSET", {
+  enumerable: true,
+  get: function () {
+    return _floating.ARROW_BOTTOM_OFFSET;
+  }
+});
+Object.defineProperty(exports, "ARROW_HEIGHT", {
+  enumerable: true,
+  get: function () {
+    return _floating.ARROW_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "SPACING_GAP", {
+  enumerable: true,
+  get: function () {
+    return _floating.SPACING_GAP;
+  }
+});
+Object.defineProperty(exports, "calculateTargetPosition", {
+  enumerable: true,
+  get: function () {
+    return _floating.calculateTargetPosition;
+  }
+});
+Object.defineProperty(exports, "calculateTooltipPosition", {
+  enumerable: true,
+  get: function () {
+    return _floating.calculateTooltipPosition;
+  }
+});
+Object.defineProperty(exports, "getScreenCenterY", {
+  enumerable: true,
+  get: function () {
+    return _floating.getScreenCenterY;
+  }
+});
+var _floating = require("@buoy-gg/shared-ui/floating");