@pushwoosh/dumb-components 1.1.156 → 1.1.157

package/Tooltip/helpers.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Resolve `arrowOffset` to a px gap. Accepts a number, or a numeric string like `'20px'`
+ * (only the leading number is used, the unit is ignored); anything unparseable falls back
+ * to the default.
+ */
+export declare function resolveArrowPadding(arrowOffset: number | string | undefined): number;

package/Tooltip/helpers.js

@@ -0,0 +1,18 @@
+import { DEFAULT_ARROW_PADDING } from './constants';
+/**
+ * Resolve `arrowOffset` to a px gap. Accepts a number, or a numeric string like `'20px'`
+ * (only the leading number is used, the unit is ignored); anything unparseable falls back
+ * to the default.
+ */
+export function resolveArrowPadding(arrowOffset) {
+  if (typeof arrowOffset === 'number') {
+    return arrowOffset;
+  }
+  if (typeof arrowOffset === 'string') {
+    const parsed = parseFloat(arrowOffset);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return DEFAULT_ARROW_PADDING;
+}

package/Tooltip/types.d.ts

@@ -9,8 +9,8 @@ export type TooltipProps = {
     readonly position?: TooltipPosition;
     /** `[skidding, distance]` offset from the anchor; defaults per position. */
     readonly offset?: [number, number];
-    /** Min gap (px) the arrow keeps from the tooltip corners; arrow points at the anchor (default `12`). */
-    readonly arrowOffset?: string;
+    /** Min gap the arrow keeps from tooltip corners: a number or numeric string like `'20px'` — unit ignored, treated as px (default `12`). */
+    readonly arrowOffset?: number | string;
     /** Max width in pixels, or `'none'` (default `240`). */
     readonly maxWidth?: number | 'none';
     /** Stacking z-index. */

package/Tooltip/useTooltipPosition.d.ts

@@ -3,7 +3,7 @@ import type { TooltipPosition } from './types';
 type Args = {
     position: TooltipPosition;
     offset?: [number, number] | undefined;
-    arrowOffset?: string | undefined;
+    arrowOffset?: number | string | undefined;
     isOpen: boolean;
 };
 /**

package/Tooltip/useTooltipPosition.js

@@ -1,6 +1,6 @@
 import { arrow, autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react-dom';
 import { useRef } from 'react';
-import { DEFAULT_ARROW_PADDING } from './constants';
+import { resolveArrowPadding } from './helpers';
 import { TooltipPositionToFloatingPlacementMap, TooltipPositionToOffsetMap } from './maps';
 const ArrowStaticSideMap = {
   top: 'bottom',
@@ -22,8 +22,7 @@ export function useTooltipPosition({
 }) {
   const arrowRef = useRef(null);
   const [skidding, distance] = offsetProp ?? TooltipPositionToOffsetMap[position];
-  const parsedPadding = arrowOffset != null ? parseFloat(arrowOffset) : NaN;
-  const arrowPadding = Number.isFinite(parsedPadding) ? parsedPadding : DEFAULT_ARROW_PADDING;
+  const arrowPadding = resolveArrowPadding(arrowOffset);
   const {
     refs,
     floatingStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.156",
+  "version": "1.1.157",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",