Internal components - move display name to 'ignore' (#3641)

* Components - display name ignore for internal components

* fix displayname

* ignore panningView components

Author: Inbal-Tish

src/components/colorPicker/ColorPickerDialog.tsx

@@ -193,7 +193,7 @@ const ColorPickerDialog = (props: ColorPickerDialogProps) => {
   );
 };
 
-ColorPickerDialog.displayName = 'ColorPicker';
+ColorPickerDialog.displayName = 'ColorPickerDialog';
 
 export default asBaseComponent<ColorPickerDialogProps>(ColorPickerDialog);
 

src/components/panningViews/panDismissibleView.tsx

@@ -96,7 +96,7 @@ interface State {
  * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/PanDismissibleView/PanDismissibleView.gif?raw=true
  */
 class PanDismissibleView extends PureComponent<Props, State> {
-  static displayName = 'PanDismissibleView';
+  static displayName = 'IGNORE';
 
   static defaultProps: Partial<Props> = {
     directions: DEFAULT_DIRECTIONS,

src/components/panningViews/panGestureView.tsx

@@ -46,7 +46,7 @@ interface State {
  * @description: PanGestureView component for drag and swipe gestures (supports only vertical gestures at the moment)
  */
 class PanGestureView extends Component<PanGestureViewProps, State> {
-  static displayName = 'PanGestureView';
+  static displayName = 'IGNORE';
 
   static defaultProps: Partial<PanGestureViewProps> = {
     direction: GestureDirections.DOWN

src/components/panningViews/panListenerView.tsx

@@ -95,7 +95,7 @@ const DEFAULT_SWIPE_VELOCITY = 1.8;
  * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/PanListenerView/PanListenerView.gif?raw=true
  */
 class PanListenerView extends PureComponent<Props> {
-  static displayName = 'PanListenerView';
+  static displayName = 'IGNORE';
 
   public static defaultProps: Partial<Props> = {
     directions: DEFAULT_DIRECTIONS,

src/components/panningViews/panResponderView.tsx

@@ -35,7 +35,7 @@ interface Props extends PanResponderViewProps {
  * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/PanResponderView/PanResponderView.gif?raw=true
  */
 class PanResponderView extends PureComponent<Props> {
-  static displayName = 'PanResponderView';
+  static displayName = 'IGNORE';
 
   static defaultProps = {
     isAnimated: false

src/components/panningViews/panningContext.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 
 const PanningContext = React.createContext({});
+PanningContext.displayName = 'IGNORE';
 export default PanningContext;

src/components/scrollBar/index.tsx

@@ -75,7 +75,7 @@ const GRADIENT_WIDTH = 76;
  */
 
 class ScrollBar extends Component<Props, State> {
-  static displayName = 'ScrollBar';
+  static displayName = 'IGNORE';
 
   static defaultProps = {
     gradientWidth: GRADIENT_WIDTH,
@@ -277,4 +277,5 @@ const Item = ({children, index, onLayout}: any) => {
 
 Item.displayName = 'IGNORE';
 ScrollBar.Item = Item;
+
 export default asBaseComponent<ScrollBarProps, ComponentStatics<typeof ScrollBar>>(forwardRef(gestureHandlerRootHOC(ScrollBar)));

src/incubator/expandableOverlay/index.tsx

@@ -144,4 +144,6 @@ const ExpandableOverlay = (props: ExpandableOverlayProps, ref: any) => {
   );
 };
 
+ExpandableOverlay.displayName = 'IGNORE';
+
 export default forwardRef<ExpandableOverlayMethods, ExpandableOverlayProps>(ExpandableOverlay);

src/incubator/panView/index.tsx

@@ -77,7 +77,7 @@ const PanView = (props: Props) => {
   );
 };
 
-PanView.displayName = 'PanView';
+PanView.displayName = 'IGNORE';
 PanView.directions = PanViewDirectionsEnum;
 
 export default asBaseComponent<PanViewProps, typeof PanView>(gestureHandlerRootHOC(PanView));