@webority-technologies/mobile 0.0.23 → 0.0.24

package/lib/commonjs/components/Swipeable/Swipeable.js

@@ -62,6 +62,7 @@ const Swipeable = props => {
     onSwipeOpen,
     onSwipeClose,
     disabled = false,
+    haptic,
     containerStyle,
     contentStyle: contentSlotStyle,
     actionStyle,
@@ -80,9 +81,6 @@ const Swipeable = props => {
     stiffness: swipeTheme?.springStiffness ?? SPRING_CONFIG.stiffness,
     mass: swipeTheme?.springMass ?? SPRING_CONFIG.mass
   };
-  const fullSwipeHapticEnabled = swipeTheme?.fullSwipeHaptic ?? true;
-  const actionPressHapticEnabled = swipeTheme?.actionPressHaptic ?? true;
-  const a11yActionHapticEnabled = swipeTheme?.a11yActionHaptic ?? true;
   const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
   const hasLeft = !!leftActions && leftActions.length > 0;
   const hasRight = !!rightActions && rightActions.length > 0;
@@ -122,22 +120,23 @@ const Swipeable = props => {
     const list = side === 'left' ? leftActions : rightActions;
     const first = list?.[0];
     if (!first) return;
-    if (fullSwipeHapticEnabled) (0, _index2.triggerHaptic)('notificationSuccess');
+    if (haptic !== false) (0, _index2.triggerHaptic)('notificationSuccess');
     first.onPress();
     // After the off-screen slide, snap back to 0 silently.
     translateX.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
     openSideRef.current = null;
     onSwipeClose?.();
-  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, fullSwipeHapticEnabled]);
+  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, haptic]);
   const close = (0, _react.useCallback)(() => {
     translateX.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
     notifyClose();
   }, [translateX, notifyClose, springConfig]);
   const handleActionPress = (0, _react.useCallback)(action => {
-    if (actionPressHapticEnabled) (0, _index2.triggerHaptic)('selection');
+    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
+    if (h) (0, _index2.triggerHaptic)(h);
     action.onPress();
     close();
-  }, [close, actionPressHapticEnabled]);
+  }, [close, haptic]);
 
   // ───────── Pan gesture (UI thread) ─────────
   const panGesture = (0, _react.useMemo)(() => {
@@ -243,10 +242,10 @@ const Swipeable = props => {
     const all = [...(leftActions ?? []), ...(rightActions ?? [])];
     const match = all.find(a => a.key === name);
     if (match) {
-      if (a11yActionHapticEnabled) (0, _index2.triggerHaptic)('selection');
+      if (haptic !== false) (0, _index2.triggerHaptic)('selection');
       match.onPress();
     }
-  }, [leftActions, rightActions, a11yActionHapticEnabled]);
+  }, [leftActions, rightActions, haptic]);
 
   // ───────── Render ─────────
   // No actions configured → render children directly; zero gesture overhead.

package/lib/commonjs/components/Tabs/Tabs.js

@@ -38,6 +38,7 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     dividerStyle,
     indicatorStyle,
     progress,
+    haptic,
     accessibilityLabel,
     testID
   } = props;
@@ -51,7 +52,6 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
   const pillInset = tabsTokens?.pillInset ?? 4;
   const disabledOpacity = tabsTokens?.disabledOpacity ?? 0.45;
   const badgeGap = tabsTokens?.badgeGap ?? 6;
-  const hapticOnPress = tabsTokens?.hapticOnPress ?? false;
 
   // Per-tab measured layouts (key → {x, width}).
   const [layouts, setLayouts] = (0, _react.useState)({});
@@ -127,9 +127,10 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
   const handlePress = (0, _react.useCallback)(tab => {
     if (tab.disabled) return;
     if (tab.key === activeKey) return;
-    if (hapticOnPress) (0, _index2.triggerHaptic)('selection');
+    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
+    if (h) (0, _index2.triggerHaptic)(h);
     onChange(tab.key);
-  }, [activeKey, onChange, hapticOnPress]);
+  }, [activeKey, onChange, haptic]);
   const indicatorIsPill = variant === 'pills';
 
   // Indicator visual.

package/lib/commonjs/components/TimePicker/TimePicker.js

@@ -76,6 +76,7 @@ const Wheel = ({
   onIndexChange,
   formatItem,
   theme,
+  haptic,
   testID
 }) => {
   const listRef = (0, _react.useRef)(null);
@@ -98,7 +99,6 @@ const Wheel = ({
       });
     }
   }, [selectedIndex, scrollY]);
-  const hapticEnabled = theme.components.timePicker?.haptic ?? false;
   const hapticDebounceMs = theme.components.timePicker?.hapticDebounceMs ?? HAPTIC_DEBOUNCE_MS;
   const onScroll = (0, _react.useMemo)(() => _reactNative.Animated.event([{
     nativeEvent: {
@@ -113,14 +113,15 @@ const Wheel = ({
       const idx = Math.round(y / ITEM_HEIGHT);
       if (idx !== lastIndexRef.current && idx >= 0 && idx < data.length) {
         const now = Date.now();
-        if (hapticEnabled && now - lastHapticAtRef.current >= hapticDebounceMs) {
-          (0, _hapticUtils.triggerHaptic)('selection');
+        if (now - lastHapticAtRef.current >= hapticDebounceMs) {
+          const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
+          if (h) (0, _hapticUtils.triggerHaptic)(h);
           lastHapticAtRef.current = now;
         }
         lastIndexRef.current = idx;
       }
     }
-  }), [scrollY, data.length, hapticEnabled, hapticDebounceMs]);
+  }), [scrollY, data.length, haptic, hapticDebounceMs]);
   const onMomentumScrollEnd = (0, _react.useCallback)(event => {
     const y = event.nativeEvent.contentOffset.y;
     const idx = Math.max(0, Math.min(data.length - 1, Math.round(y / ITEM_HEIGHT)));
@@ -246,7 +247,8 @@ const TimePicker = props => {
     clearable,
     onClear,
     formatValue,
-    triggerStyle
+    triggerStyle,
+    haptic
   } = props;
   const isControlled = props.visible !== undefined;
   const [internalOpen, setInternalOpen] = (0, _react.useState)(false);
@@ -351,21 +353,21 @@ const TimePicker = props => {
     announce(periods[idx] ?? '');
   }, [periods, announce]);
   const handleCancel = (0, _react.useCallback)(() => {
-    if (theme.components.timePicker?.haptic) (0, _hapticUtils.triggerHaptic)('selection');
+    if (haptic !== false) (0, _hapticUtils.triggerHaptic)('selection');
     handleCloseModal();
-  }, [handleCloseModal, theme.components.timePicker]);
+  }, [handleCloseModal, haptic]);
   const handleConfirm = (0, _react.useCallback)(() => {
     const displayHour = hours[hourIndex] ?? 0;
     const period = periods[periodIndex] ?? 'AM';
     const hour24 = to24h(displayHour, period, format);
     const minute = minutes[minuteIndex] ?? 0;
-    if (theme.components.timePicker?.haptic) (0, _hapticUtils.triggerHaptic)('notificationSuccess');
+    if (haptic !== false) (0, _hapticUtils.triggerHaptic)('notificationSuccess');
     onChange?.({
       hour: hour24,
       minute
     });
     handleCloseModal();
-  }, [hours, hourIndex, periods, periodIndex, minutes, minuteIndex, format, onChange, handleCloseModal, theme.components.timePicker]);
+  }, [hours, hourIndex, periods, periodIndex, minutes, minuteIndex, format, onChange, handleCloseModal, haptic]);
   const summary = (0, _react.useMemo)(() => {
     const displayHour = hours[hourIndex] ?? 0;
     const minute = minutes[minuteIndex] ?? 0;
@@ -449,6 +451,7 @@ const TimePicker = props => {
             onIndexChange: handleHourIndex,
             formatItem: formatHourItem,
             theme: theme,
+            haptic: haptic,
             testID: "time-picker-hour"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.separator,
@@ -461,6 +464,7 @@ const TimePicker = props => {
             onIndexChange: handleMinuteIndex,
             formatItem: formatMinuteItem,
             theme: theme,
+            haptic: haptic,
             testID: "time-picker-minute"
           }), format === '12h' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -473,6 +477,7 @@ const TimePicker = props => {
               onIndexChange: handlePeriodIndex,
               formatItem: formatPeriodItem,
               theme: theme,
+              haptic: haptic,
               testID: "time-picker-period"
             })]
           }) : null]