react-native-ui-lib 7.45.0-snapshot.7266 → 7.46.0

package/src/index.js

@@ -28,6 +28,9 @@ var _exportNames = {
   ExpandableOverlayMethods: true,
   ToastProps: true,
   ToastPresets: true,
+  PanViewProps: true,
+  PanViewDirections: true,
+  PanViewDismissThreshold: true,
   Incubator: true,
   Hooks: true,
   Modifiers: true,
@@ -81,9 +84,6 @@ var _exportNames = {
   DateTimePickerMode: true,
   Dialog: true,
   DialogProps: true,
-  DialogHeaderProps: true,
-  DialogStatics: true,
-  DialogImperativeMethods: true,
   DialogDirections: true,
   DialogDirectionsEnum: true,
   Drawer: true,
@@ -140,6 +140,22 @@ var _exportNames = {
   OverlayTypes: true,
   PageControl: true,
   PageControlProps: true,
+  PanDismissibleView: true,
+  PanDismissibleViewProps: true,
+  DismissibleAnimationProps: true,
+  PanGestureView: true,
+  PanGestureViewProps: true,
+  PanListenerView: true,
+  PanListenerViewProps: true,
+  PanningContext: true,
+  PanningProvider: true,
+  PanningDirections: true,
+  PanLocationProps: true,
+  PanAmountsProps: true,
+  PanDirectionsProps: true,
+  PanResponderView: true,
+  PanResponderViewProps: true,
+  asPanViewConsumer: true,
   Picker: true,
   PickerProps: true,
   PickerItemProps: true,
@@ -151,13 +167,6 @@ var _exportNames = {
   PickerItemsListProps: true,
   PickerMethods: true,
   PickerSelectionStatusProps: true,
-  PanView: true,
-  PanViewProps: true,
-  PanningDirections: true,
-  PanningDirectionsEnum: true,
-  PanViewDirections: true,
-  PanViewDirectionsEnum: true,
-  PanViewDismissThreshold: true,
   PieChart: true,
   PieChartSegmentProps: true,
   ProgressBar: true,
@@ -179,6 +188,7 @@ var _exportNames = {
   SegmentedControlProps: true,
   SegmentedControlItemProps: true,
   SegmentedControlPreset: true,
+  SharedTransition: true,
   SkeletonView: true,
   SkeletonViewProps: true,
   SortableGridList: true,
@@ -579,28 +589,16 @@ Object.defineProperty(exports, "DialogDirectionsEnum", {
     return _dialog().DialogDirectionsEnum;
   }
 });
-Object.defineProperty(exports, "DialogHeaderProps", {
-  enumerable: true,
-  get: function () {
-    return _dialog().DialogHeaderProps;
-  }
-});
-Object.defineProperty(exports, "DialogImperativeMethods", {
-  enumerable: true,
-  get: function () {
-    return _dialog().DialogImperativeMethods;
-  }
-});
 Object.defineProperty(exports, "DialogProps", {
   enumerable: true,
   get: function () {
     return _dialog().DialogProps;
   }
 });
-Object.defineProperty(exports, "DialogStatics", {
+Object.defineProperty(exports, "DismissibleAnimationProps", {
   enumerable: true,
   get: function () {
-    return _dialog().DialogStatics;
+    return _panDismissibleView().DismissibleAnimationProps;
   }
 });
 Object.defineProperty(exports, "Drawer", {
@@ -966,46 +964,106 @@ Object.defineProperty(exports, "PageControlProps", {
     return _pageControl().PageControlProps;
   }
 });
-Object.defineProperty(exports, "PanView", {
+Object.defineProperty(exports, "PanAmountsProps", {
   enumerable: true,
   get: function () {
-    return _panView().default;
+    return _panningProvider().PanAmountsProps;
   }
 });
-Object.defineProperty(exports, "PanViewDirections", {
+Object.defineProperty(exports, "PanDirectionsProps", {
+  enumerable: true,
+  get: function () {
+    return _panningProvider().PanDirectionsProps;
+  }
+});
+Object.defineProperty(exports, "PanDismissibleView", {
+  enumerable: true,
+  get: function () {
+    return _panDismissibleView().default;
+  }
+});
+Object.defineProperty(exports, "PanDismissibleViewProps", {
+  enumerable: true,
+  get: function () {
+    return _panDismissibleView().PanDismissibleViewProps;
+  }
+});
+Object.defineProperty(exports, "PanGestureView", {
+  enumerable: true,
+  get: function () {
+    return _panGestureView().default;
+  }
+});
+Object.defineProperty(exports, "PanGestureViewProps", {
+  enumerable: true,
+  get: function () {
+    return _panGestureView().PanGestureViewProps;
+  }
+});
+Object.defineProperty(exports, "PanListenerView", {
+  enumerable: true,
+  get: function () {
+    return _panListenerView().default;
+  }
+});
+Object.defineProperty(exports, "PanListenerViewProps", {
+  enumerable: true,
+  get: function () {
+    return _panListenerView().PanListenerViewProps;
+  }
+});
+Object.defineProperty(exports, "PanLocationProps", {
+  enumerable: true,
+  get: function () {
+    return _panningProvider().PanLocationProps;
+  }
+});
+Object.defineProperty(exports, "PanResponderView", {
+  enumerable: true,
+  get: function () {
+    return _panResponderView().default;
+  }
+});
+Object.defineProperty(exports, "PanResponderViewProps", {
   enumerable: true,
   get: function () {
-    return _panView().PanViewDirections;
+    return _panResponderView().PanResponderViewProps;
   }
 });
-Object.defineProperty(exports, "PanViewDirectionsEnum", {
+Object.defineProperty(exports, "PanViewDirections", {
   enumerable: true,
   get: function () {
-    return _panView().PanViewDirectionsEnum;
+    return Incubator().PanViewDirections;
   }
 });
 Object.defineProperty(exports, "PanViewDismissThreshold", {
   enumerable: true,
   get: function () {
-    return _panView().PanViewDismissThreshold;
+    return Incubator().PanViewDismissThreshold;
   }
 });
 Object.defineProperty(exports, "PanViewProps", {
   enumerable: true,
   get: function () {
-    return _panView().PanViewProps;
+    return Incubator().PanViewProps;
+  }
+});
+Object.defineProperty(exports, "PanningContext", {
+  enumerable: true,
+  get: function () {
+    return _panningContext().default;
   }
 });
 Object.defineProperty(exports, "PanningDirections", {
   enumerable: true,
   get: function () {
-    return _panView().PanningDirections;
+    return _panningProvider().PanningDirections;
   }
 });
-Object.defineProperty(exports, "PanningDirectionsEnum", {
+Object.defineProperty(exports, "PanningProvider", {
   enumerable: true,
   get: function () {
-    return _panView().PanningDirectionsEnum;
+    return _panningProvider().default;
   }
 });
 Object.defineProperty(exports, "Picker", {
@@ -1212,6 +1270,12 @@ Object.defineProperty(exports, "SegmentedControlProps", {
     return _segmentedControl().SegmentedControlProps;
   }
 });
+Object.defineProperty(exports, "SharedTransition", {
+  enumerable: true,
+  get: function () {
+    return _sharedTransition().default;
+  }
+});
 Object.defineProperty(exports, "SkeletonView", {
   enumerable: true,
   get: function () {
@@ -1596,6 +1660,12 @@ Object.defineProperty(exports, "asBaseComponent", {
     return _new().asBaseComponent;
   }
 });
+Object.defineProperty(exports, "asPanViewConsumer", {
+  enumerable: true,
+  get: function () {
+    return _asPanViewConsumer().default;
+  }
+});
 Object.defineProperty(exports, "forwardRef", {
   enumerable: true,
   get: function () {
@@ -2053,16 +2123,58 @@ function _pageControl() {
   };
   return data;
 }
-function _picker() {
-  const data = _interopRequireWildcard(require("./components/picker"));
-  _picker = function () {
+function _panDismissibleView() {
+  const data = _interopRequireWildcard(require("./components/panningViews/panDismissibleView"));
+  _panDismissibleView = function () {
+    return data;
+  };
+  return data;
+}
+function _panGestureView() {
+  const data = _interopRequireWildcard(require("./components/panningViews/panGestureView"));
+  _panGestureView = function () {
+    return data;
+  };
+  return data;
+}
+function _panListenerView() {
+  const data = _interopRequireWildcard(require("./components/panningViews/panListenerView"));
+  _panListenerView = function () {
     return data;
   };
   return data;
 }
-function _panView() {
-  const data = _interopRequireWildcard(require("./components/panView"));
-  _panView = function () {
+function _panningContext() {
+  const data = _interopRequireDefault(require("./components/panningViews/panningContext"));
+  _panningContext = function () {
+    return data;
+  };
+  return data;
+}
+function _panningProvider() {
+  const data = _interopRequireWildcard(require("./components/panningViews/panningProvider"));
+  _panningProvider = function () {
+    return data;
+  };
+  return data;
+}
+function _panResponderView() {
+  const data = _interopRequireWildcard(require("./components/panningViews/panResponderView"));
+  _panResponderView = function () {
+    return data;
+  };
+  return data;
+}
+function _asPanViewConsumer() {
+  const data = _interopRequireDefault(require("./components/panningViews/asPanViewConsumer"));
+  _asPanViewConsumer = function () {
+    return data;
+  };
+  return data;
+}
+function _picker() {
+  const data = _interopRequireWildcard(require("./components/picker"));
+  _picker = function () {
     return data;
   };
   return data;
@@ -2130,6 +2242,13 @@ function _segmentedControl() {
   };
   return data;
 }
+function _sharedTransition() {
+  const data = _interopRequireDefault(require("./components/sharedTransition"));
+  _sharedTransition = function () {
+    return data;
+  };
+  return data;
+}
 function _skeletonView() {
   const data = _interopRequireWildcard(require("./components/skeletonView"));
   _skeletonView = function () {

package/src/testkit/index.d.ts

@@ -10,7 +10,7 @@ export { TextDriver } from '../components/text/Text.driver.new';
 export { TextFieldDriver } from '../components/textField/TextField.driver.new';
 export { ViewDriver } from '../components/view/View.driver.new';
 export { ModalDriver } from '../components/modal/Modal.driver.new';
-export { DialogDriver } from '../components/dialog/Dialog.driver.new';
+export { DialogDriver } from '../incubator/dialog/Dialog.driver.new';
 export { ButtonDriver } from '../components/button/Button.driver.new';
 export { ImageDriver } from '../components/image/Image.driver.new';
 export { SwitchDriver } from '../components/switch/switch.driver';

package/src/testkit/index.js

@@ -10,7 +10,7 @@ export { TextDriver } from "../components/text/Text.driver.new";
 export { TextFieldDriver } from "../components/textField/TextField.driver.new";
 export { ViewDriver } from "../components/view/View.driver.new";
 export { ModalDriver } from "../components/modal/Modal.driver.new";
-export { DialogDriver } from "../components/dialog/Dialog.driver.new";
+export { DialogDriver } from "../incubator/dialog/Dialog.driver.new";
 export { ButtonDriver } from "../components/button/Button.driver.new";
 export { ImageDriver } from "../components/image/Image.driver.new";
 export { SwitchDriver } from "../components/switch/switch.driver";

package/src/testkit/new/Component.driver.d.ts

@@ -9,8 +9,5 @@ export interface ComponentDriverResult {
     queryElement: () => ReactTestInstance | undefined;
     exists: () => boolean;
 }
-export type ComponentDriverOptions = {
-    includeHiddenElements?: boolean;
-};
-export declare const useComponentDriver: (props: ComponentProps, options?: ComponentDriverOptions) => ComponentDriverResult;
+export declare const useComponentDriver: (props: ComponentProps) => ComponentDriverResult;
 export declare const ComponentDriver: (props: ComponentProps) => ComponentDriverResult;

package/src/testkit/new/Component.driver.js

@@ -1,10 +1,10 @@
-export const useComponentDriver = (props, options) => {
+export const useComponentDriver = props => {
   const {
     renderTree,
     testID
   } = props;
   const getElement = () => {
-    const elements = renderTree.queryAllByTestId(testID, options);
+    const elements = renderTree.queryAllByTestId(testID);
     if (elements.length > 1) {
       throw new Error(`Found more than one element with testID: ${testID}`);
     }
@@ -16,7 +16,7 @@ export const useComponentDriver = (props, options) => {
     }
   };
   const queryElement = () => {
-    const elements = renderTree.queryAllByTestId(testID, options);
+    const elements = renderTree.queryAllByTestId(testID);
     if (elements.length > 1) {
       console.warn(`Found more than one element with testID: ${testID}`);
     }

package/lib/components/HighlighterOverlayView/index.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { processColor, StyleSheet, Modal } from 'react-native';
-// Import the Codegen specification for New Architecture
-import HighlighterViewNativeComponent from "../../specs/HighlighterViewNativeComponent";
-const DefaultOverlayColor = 'rgba(0, 0, 0, 0.5)';
-const HighlighterOverlayView = props => {
-  const {
-    overlayColor,
-    borderRadius,
-    strokeColor,
-    strokeWidth,
-    visible,
-    onRequestClose,
-    highlightFrame,
-    style,
-    children,
-    highlightViewTag,
-    highlightViewTagParams,
-    minimumRectSize,
-    innerPadding
-  } = props;
-
-  // Process colors for New Architecture Codegen component
-  const overlayColorToUse = processColor(overlayColor || DefaultOverlayColor);
-  const strokeColorToUse = strokeColor ? processColor(strokeColor) : undefined;
-
-  // Convert highlightViewTagParams to match native Codegen spec
-  let nativeHighlightViewTagParams;
-  if (highlightViewTagParams) {
-    const padding = typeof highlightViewTagParams.padding === 'number' ? highlightViewTagParams.padding : 0;
-    nativeHighlightViewTagParams = {
-      paddingLeft: padding,
-      paddingTop: padding,
-      paddingRight: padding,
-      paddingBottom: padding,
-      offsetX: highlightViewTagParams.offset?.x || 0,
-      offsetY: highlightViewTagParams.offset?.y || 0
-    };
-  }
-  return <Modal visible={!!visible} animationType={'fade'} transparent onRequestClose={() => onRequestClose?.()}>
-      <HighlighterViewNativeComponent highlightFrame={highlightFrame} style={[style, {
-      ...StyleSheet.absoluteFillObject,
-      backgroundColor: 'transparent'
-    }]} overlayColor={overlayColorToUse} borderRadius={borderRadius} strokeColor={strokeColorToUse} strokeWidth={strokeWidth} highlightViewTag={highlightViewTag} highlightViewTagParams={nativeHighlightViewTagParams} minimumRectSize={minimumRectSize} innerPadding={innerPadding} testID={props.testID} accessible={props.accessible} />
-      {children}
-    </Modal>;
-};
-HighlighterOverlayView.displayName = 'IGNORE';
-export default HighlighterOverlayView;

package/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardView.android.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { Keyboard, View } from 'react-native';
-import KeyboardRegistry from "../KeyboardRegistry";
-import CustomKeyboardViewBase from "./CustomKeyboardViewBase";
-export default class CustomKeyboardView extends CustomKeyboardViewBase {
-  static displayName = 'IGNORE';
-  async componentDidUpdate(prevProps) {
-    const {
-      component,
-      inputRef,
-      shouldFocus,
-      onKeyboardDismiss
-    } = this.props;
-    if (prevProps.component !== component) {
-      if (!component) {
-        if (shouldFocus) {
-          if (inputRef?.current) {
-            inputRef.current.focus?.();
-          } else {
-            inputRef?.focus?.();
-          }
-        }
-      } else {
-        Keyboard.dismiss();
-      }
-      onKeyboardDismiss?.();
-    }
-    super.componentDidUpdate(prevProps);
-  }
-  getStyle = () => {
-    const {
-      keyboardHeight
-    } = this.props;
-    return {
-      height: keyboardHeight
-    };
-  };
-  render() {
-    const {
-      component,
-      initialProps
-    } = this.props;
-    const KeyboardComponent = component && KeyboardRegistry.getKeyboard(component);
-    if (!KeyboardComponent) {
-      return null;
-    }
-    return <View style={this.getStyle()}>
-        <KeyboardComponent {...initialProps} />
-      </View>;
-  }
-}

package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardUtils/index.d.ts

@@ -1,26 +0,0 @@
-export default class KeyboardUtils {
-    static displayName: string;
-    private static listeners;
-    private static addListener;
-    private static removeListener;
-    /**
-     * Used to dismiss (close) the keyboard.
-     */
-    static dismiss: () => void;
-}
-interface KeyboardHeightProps {
-    id: string;
-    onDismiss: () => void;
-}
-declare const useKeyboardHeight: ({ id, onDismiss }: KeyboardHeightProps) => {
-    keyboardHeight: number;
-    isKeyboardVisible: boolean;
-};
-export interface KeyboardHeightListenerProps {
-    id: string;
-    onDismiss: () => void;
-    onKeyboardHeightChange?: (height: number) => void;
-    onKeyboardVisibilityChange?: (isKeyboardVisible: boolean) => void;
-}
-declare const KeyboardHeightListener: ({ id, onDismiss, onKeyboardHeightChange, onKeyboardVisibilityChange }: KeyboardHeightListenerProps) => null;
-export { useKeyboardHeight, KeyboardHeightListener };

package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardUtils/index.js

@@ -1,91 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { Keyboard, Platform } from 'react-native';
-import TextInputKeyboardManager from "../TextInputKeyboardManager";
-const IS_IOS = Platform.OS === 'ios';
-const DEFAULT_KEYBOARD_HEIGHT = IS_IOS ? 216 : 312; // TODO: verify this value for iOS
-
-export default class KeyboardUtils {
-  static displayName = 'KeyboardUtils';
-  static listeners = {};
-  static addListener = (id, onDismiss) => {
-    if (id && onDismiss && !KeyboardUtils.listeners[id]) {
-      KeyboardUtils.listeners[id] = onDismiss;
-    }
-  };
-  static removeListener = id => {
-    if (id && KeyboardUtils.listeners[id]) {
-      delete KeyboardUtils.listeners[id];
-    }
-  };
-
-  /**
-   * Used to dismiss (close) the keyboard.
-   */
-  static dismiss = () => {
-    Keyboard.dismiss();
-    TextInputKeyboardManager.dismissKeyboard();
-    Object.keys(KeyboardUtils.listeners).forEach(key => {
-      KeyboardUtils.listeners[key]();
-    });
-  };
-}
-const useKeyboardHeight = ({
-  id,
-  onDismiss
-}) => {
-  const [isInitialized, setIsInitialized] = useState(false);
-  const [keyboardHeight, setKeyboardHeight] = useState(DEFAULT_KEYBOARD_HEIGHT);
-  const [isVisible, setIsVisible] = useState(false);
-  const keyboardDidShow = useCallback(e => {
-    if (!isInitialized) {
-      setIsInitialized(true);
-      setKeyboardHeight(e.endCoordinates.height);
-    }
-    setIsVisible(true);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const keyboardDidHide = useCallback(() => {
-    setIsVisible(false);
-  }, []);
-  useEffect(() => {
-    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', keyboardDidShow);
-    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', keyboardDidHide);
-    // @ts-ignore
-    KeyboardUtils.addListener(id, onDismiss);
-    return () => {
-      keyboardDidShowListener.remove();
-      keyboardDidHideListener.remove();
-      // @ts-ignore
-      KeyboardUtils.removeListener(id);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return {
-    keyboardHeight,
-    isKeyboardVisible: isVisible
-  };
-};
-const KeyboardHeightListener = ({
-  id,
-  onDismiss,
-  onKeyboardHeightChange,
-  onKeyboardVisibilityChange
-}) => {
-  const {
-    keyboardHeight,
-    isKeyboardVisible
-  } = useKeyboardHeight({
-    id,
-    onDismiss
-  });
-  useEffect(() => {
-    onKeyboardHeightChange?.(keyboardHeight);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [keyboardHeight]);
-  useEffect(() => {
-    onKeyboardVisibilityChange?.(isKeyboardVisible);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isKeyboardVisible]);
-  return null;
-};
-export { useKeyboardHeight, KeyboardHeightListener };