react-native-ui-lib 7.37.2-snapshot.6187 → 7.37.2-snapshot.6204

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.37.2-snapshot.6187",
+  "version": "7.37.2-snapshot.6204",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/picker/helpers/usePickerMigrationWarnings.d.ts

@@ -1,6 +1,4 @@
 import { PickerProps } from '../types';
-type UsePickerMigrationWarnings = Pick<PickerProps, 'children' | 'getItemLabel' | 'getItemValue' | 'onShow'> & {
-    migrate?: boolean;
-};
+type UsePickerMigrationWarnings = Pick<PickerProps, 'children' | 'migrate' | 'getItemLabel' | 'getItemValue' | 'onShow'>;
 declare const usePickerMigrationWarnings: (props: UsePickerMigrationWarnings) => void;
 export default usePickerMigrationWarnings;

package/src/components/picker/helpers/usePickerSelection.d.ts

@@ -1,9 +1,8 @@
 import { RefObject } from 'react';
 import { PickerProps, PickerValue, PickerSingleValue, PickerMultiValue } from '../types';
-interface UsePickerSelectionProps extends Pick<PickerProps, 'value' | 'onChange' | 'getItemValue' | 'topBarProps' | 'mode'> {
+interface UsePickerSelectionProps extends Pick<PickerProps, 'migrate' | 'value' | 'onChange' | 'getItemValue' | 'topBarProps' | 'mode'> {
     pickerExpandableRef: RefObject<any>;
     setSearchValue: (searchValue: string) => void;
-    migrate?: boolean;
 }
 declare const usePickerSelection: (props: UsePickerSelectionProps) => {
     multiDraftValue: PickerMultiValue;

package/src/components/picker/index.d.ts

@@ -8,12 +8,8 @@ type PickerStatics = {
     fieldTypes: typeof PickerFieldTypes;
     extractPickerItems: typeof extractPickerItems;
 };
-declare const Picker: React.ForwardRefExoticComponent<(PickerProps & {
-    migrate?: boolean | undefined;
-}) & React.RefAttributes<unknown>>;
+declare const Picker: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<unknown>>;
 export { PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods };
 export { Picker };
-declare const _default: React.ForwardRefExoticComponent<(PickerProps & {
-    migrate?: boolean | undefined;
-}) & React.RefAttributes<unknown>> & PickerStatics;
+declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<unknown>> & PickerStatics;
 export default _default;

package/src/components/picker/types.d.ts

@@ -34,6 +34,11 @@ export interface PickerSearchStyle {
     selectionColor?: string;
 }
 type PickerPropsDeprecation = {
+    /**
+     * @deprecated
+     * Temporary prop required for migration to Picker's new API
+     */
+    migrate?: boolean;
     /**
      * @deprecated
      * A function that extract the unique value out of the value prop in case value has a custom structure (e.g. {myValue, myLabel})
@@ -276,12 +281,11 @@ export interface PickerItemProps extends Pick<TouchableOpacityProps, 'customValu
      */
     testID?: string;
 }
-export interface PickerContextProps extends Pick<PickerProps, 'value' | 'getItemValue' | 'getItemLabel' | 'renderItem' | 'selectionLimit'> {
+export interface PickerContextProps extends Pick<PickerProps, 'migrate' | 'value' | 'getItemValue' | 'getItemLabel' | 'renderItem' | 'selectionLimit'> {
     onPress: (value: PickerSingleValue) => void;
     isMultiMode: boolean;
     onSelectedLayout: (event: any) => any;
     selectionLimit: PickerProps['selectionLimit'];
-    migrate?: boolean;
 }
 export type PickerItemsListProps = Pick<PropsWithChildren<PickerProps>, 'topBarProps' | 'listProps' | 'renderHeader' | 'useSafeArea' | 'showLoader' | 'customLoaderElement' | 'renderCustomTopElement' | 'showSearch' | 'searchStyle' | 'searchPlaceholder' | 'onSearchChange' | 'renderCustomSearch' | 'children' | 'useWheelPicker' | 'useDialog' | 'mode' | 'testID'> & {
     items?: {

package/src/components/switch/index.js

@@ -111,13 +111,27 @@ class Switch extends Component {
     };
     return <Animated.View style={[this.styles.thumb, thumbPositionStyle, thumbStyle]} />;
   }
+  getAccessibleHitSlop() {
+    const {
+      width = DEFAULT_WIDTH,
+      height = DEFAULT_HEIGHT
+    } = this.props;
+    const verticalPadding = Math.max(0, (48 - height) / 2);
+    const horizontalPadding = Math.max(0, (48 - width) / 2);
+    return {
+      top: verticalPadding,
+      bottom: verticalPadding,
+      left: horizontalPadding,
+      right: horizontalPadding
+    };
+  }
   render() {
     const {
       ...others
     } = this.props;
     return (
       // @ts-ignore
-      <TouchableOpacity {...this.getAccessibilityProps()} activeOpacity={1} {...others} style={this.getSwitchStyle()} onPress={this.onPress}>
+      <TouchableOpacity {...this.getAccessibilityProps()} activeOpacity={1} hitSlop={this.getAccessibleHitSlop()} {...others} style={this.getSwitchStyle()} onPress={this.onPress}>
         {this.renderThumb()}
       </TouchableOpacity>
     );