@idealyst/components 1.2.132 → 1.2.133

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.132",
+  "version": "1.2.133",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.132",
+    "@idealyst/theme": "^1.2.133",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -111,8 +111,8 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.132",
-    "@idealyst/tooling": "^1.2.132",
+    "@idealyst/theme": "^1.2.133",
+    "@idealyst/tooling": "^1.2.133",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/Button/Button.native.tsx

@@ -4,6 +4,7 @@ import MaterialDesignIcons from '@react-native-vector-icons/material-design-icon
 import Svg, { Defs, LinearGradient, Stop, Rect } from 'react-native-svg';
 import { buttonStyles } from './Button.styles';
 import { ButtonProps } from './types';
+import { createPressEvent } from '../utils/events';
 import { getNativeInteractiveAccessibilityProps } from '../utils/accessibility';
 import type { IdealystElement } from '../utils/refTypes';
 
@@ -169,7 +170,7 @@ const Button = forwardRef<IdealystElement, ButtonProps>((props, ref) => {
   // TouchableOpacity types don't include nativeID but it's a valid RN prop
   const touchableProps = {
     ref,
-    onPress: pressHandler,
+    onPress: pressHandler ? (e: any) => pressHandler(createPressEvent(e)) : undefined,
     disabled: isDisabled,
     testID,
     nativeID: id,

package/src/Button/Button.web.tsx

@@ -3,6 +3,7 @@ import { getWebProps } from 'react-native-unistyles/web';
 import { ButtonProps } from './types';
 import { buttonStyles } from './Button.styles';
 import { IconSvg } from '../Icon/IconSvg/IconSvg.web';
+import { createPressEvent } from '../utils/events';
 import useMergeRefs from '../hooks/useMergeRefs';
 import { getWebInteractiveAriaProps, generateAccessibilityId } from '../utils/accessibility';
 import type { IdealystElement } from '../utils/refTypes';
@@ -67,7 +68,7 @@ const Button = forwardRef<IdealystElement, ButtonProps>((props, ref) => {
     e.preventDefault();
     e.stopPropagation();
     if (!isDisabled && pressHandler) {
-      pressHandler();
+      pressHandler(createPressEvent(e));
     }
   };
 

package/src/Button/types.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon/icon-types';
+import type { PressEvent } from '../utils/events';
 import { Intent, Size } from '@idealyst/theme';
 import { BaseProps } from '../utils/viewStyleProps';
 import { InteractiveAccessibilityProps } from '../utils/accessibility';
@@ -31,13 +32,13 @@ export interface ButtonProps extends BaseProps, InteractiveAccessibilityProps {
   /**
    * Called when the button is pressed
    */
-  onPress?: () => void;
+  onPress?: (event: PressEvent) => void;
 
   /**
    * @deprecated Use `onPress` instead. This prop exists for web compatibility only.
    * Using onClick will log a deprecation warning in development.
    */
-  onClick?: () => void;
+  onClick?: (event: PressEvent) => void;
 
   /**
    * Whether the button is disabled

package/src/Pressable/Pressable.native.tsx

@@ -2,6 +2,7 @@ import { forwardRef } from 'react';
 import { TouchableWithoutFeedback, View } from 'react-native';
 import { PressableProps } from './types';
 import { pressableStyles } from './Pressable.styles';
+import { createPressEvent } from '../utils/events';
 import type { IdealystElement } from '../utils/refTypes';
 
 const Pressable = forwardRef<IdealystElement, PressableProps>(({
@@ -31,9 +32,9 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
 
   return (
     <TouchableWithoutFeedback
-      onPress={disabled ? undefined : onPress}
-      onPressIn={disabled ? undefined : onPressIn}
-      onPressOut={disabled ? undefined : onPressOut}
+      onPress={disabled ? undefined : (e) => onPress?.(createPressEvent(e))}
+      onPressIn={disabled ? undefined : (e) => onPressIn?.(createPressEvent(e, 'pressIn'))}
+      onPressOut={disabled ? undefined : (e) => onPressOut?.(createPressEvent(e, 'pressOut'))}
       disabled={disabled}
       testID={testID}
       accessibilityLabel={accessibilityLabel}

package/src/Pressable/Pressable.web.tsx

@@ -2,6 +2,8 @@ import React, { useCallback, useState, forwardRef } from 'react';
 import { getWebProps } from 'react-native-unistyles/web';
 import { PressableProps } from './types';
 import { pressableStyles } from './Pressable.styles';
+import { createPressEvent, createBaseSyntheticEvent } from '../utils/events';
+import type { PressEvent } from '../utils/events';
 import useMergeRefs from '../hooks/useMergeRefs';
 import type { IdealystElement } from '../utils/refTypes';
 import { flattenStyle } from '../utils/flattenStyle';
@@ -29,7 +31,7 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
     e.stopPropagation();
     if (disabled) return;
     setIsPressed(true);
-    onPressIn?.();
+    onPressIn?.(createPressEvent(e as React.MouseEvent<HTMLElement>, 'pressIn'));
   }, [disabled, onPressIn]);
 
   const handleMouseUp = useCallback((e: React.MouseEvent) => {
@@ -37,14 +39,14 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
     e.stopPropagation();
     if (disabled) return;
     setIsPressed(false);
-    onPressOut?.();
+    onPressOut?.(createPressEvent(e as React.MouseEvent<HTMLElement>, 'pressOut'));
   }, [disabled, onPressOut]);
 
   const handleClick = useCallback((e: React.MouseEvent) => {
     e.preventDefault();
     e.stopPropagation();
     if (disabled) return;
-    onPress?.();
+    onPress?.(createPressEvent(e as React.MouseEvent<HTMLElement>));
   }, [disabled, onPress]);
 
   const handleKeyDown = useCallback((event: React.KeyboardEvent) => {
@@ -52,7 +54,11 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
     if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       event.stopPropagation();
-      onPress?.();
+      const pressEvent: PressEvent = {
+        ...createBaseSyntheticEvent(event.nativeEvent),
+        type: 'press',
+      };
+      onPress?.(pressEvent);
     }
   }, [disabled, onPress]);
 

package/src/Pressable/types.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { PressableSpacingStyleProps } from '../utils/viewStyleProps';
+import type { PressEvent } from '../utils/events';
 
 export interface PressableProps extends PressableSpacingStyleProps {
   /**
@@ -11,17 +12,17 @@ export interface PressableProps extends PressableSpacingStyleProps {
   /**
    * Called when the press gesture is activated
    */
-  onPress?: () => void;
+  onPress?: (event: PressEvent) => void;
 
   /**
    * Called when the press gesture starts
    */
-  onPressIn?: () => void;
+  onPressIn?: (event: PressEvent) => void;
 
   /**
    * Called when the press gesture ends
    */
-  onPressOut?: () => void;
+  onPressOut?: (event: PressEvent) => void;
 
   /**
    * Whether the pressable is disabled