react-native-ui-lib 7.46.3-snapshot.7342 → 7.46.3-snapshot.7356

package/src/hooks/useScrollToItem/index.js

@@ -3,8 +3,10 @@ import _includes from "lodash/includes";
 import _isEmpty from "lodash/isEmpty";
 import _times from "lodash/times";
 import { useState, useCallback, useEffect, useRef } from 'react';
-import useScrollTo from "../useScrollTo";
+import { useSharedValue } from 'react-native-reanimated';
+import { useScrollTo } from "./..";
 import { Constants } from "../../commons/new";
+const FIX_RTL = Constants.isRTL;
 export let OffsetType = /*#__PURE__*/function (OffsetType) {
   OffsetType["CENTER"] = "CENTER";
   OffsetType["DYNAMIC"] = "DYNAMIC";
@@ -20,12 +22,15 @@ const useScrollToItem = props => {
     scrollViewRef: propsScrollViewRef,
     itemsCount,
     selectedIndex,
+    containerWidth,
     offsetType = OffsetType.CENTER,
     addOffsetMargin = true,
     outerSpacing = 0,
     innerSpacing = 0
   } = props;
   const itemsWidths = useRef(_times(itemsCount, () => null));
+  const itemsWidthsAnimated = useSharedValue(_times(itemsCount, () => 0));
+  const itemsOffsetsAnimated = useSharedValue(_times(itemsCount, () => 0));
   const currentIndex = useRef(selectedIndex || 0);
   const [offsets, setOffsets] = useState({
     CENTER: [],
@@ -49,30 +54,31 @@ const useScrollToItem = props => {
   // const contentWidth = _.sum(itemsWidths);
   // TODO: const scrollEnabled = contentWidth.current > containerWidth;
 
-  const setSnapBreakpoints = useCallback(itemsWidths => {
-    if (_isEmpty(itemsWidths)) {
+  const setSnapBreakpoints = useCallback(widths => {
+    if (_isEmpty(widths)) {
       return;
     }
-    const screenCenter = Constants.screenWidth / 2; // TODO: change to something more dynamic?
+    const screenCenter = containerWidth / 2;
     let index = 0;
     const centeredOffsets = [];
     let currentCenterOffset = outerSpacing;
     const leftOffsets = [];
     leftOffsets.push(outerSpacing - innerSpacing);
     const rightOffsets = [];
-    rightOffsets.push(-Constants.screenWidth + itemsWidths[0] + outerSpacing + innerSpacing);
+    rightOffsets.push(-containerWidth + widths[0] + outerSpacing + innerSpacing);
     while (index < itemsCount) {
-      centeredOffsets[index] = currentCenterOffset - screenCenter + itemsWidths[index] / 2;
+      /* calc center, left and right offsets */
+      centeredOffsets[index] = currentCenterOffset - screenCenter + widths[index] / 2;
       ++index;
-      currentCenterOffset += itemsWidths[index - 1] + innerSpacing;
-      leftOffsets[index] = leftOffsets[index - 1] + itemsWidths[index - 1] + innerSpacing;
-      rightOffsets[index] = rightOffsets[index - 1] + itemsWidths[index] + innerSpacing;
+      currentCenterOffset += widths[index - 1] + innerSpacing;
+      leftOffsets[index] = leftOffsets[index - 1] + widths[index - 1] + innerSpacing;
+      rightOffsets[index] = rightOffsets[index - 1] + widths[index] + innerSpacing;
     }
     if (addOffsetMargin) {
       index = 1;
       while (index < itemsCount - 1) {
-        leftOffsets[index] -= itemsWidths[index - 1];
-        rightOffsets[index] += itemsWidths[index + 1] + innerSpacing;
+        leftOffsets[index] -= widths[index - 1];
+        rightOffsets[index] += widths[index + 1] + innerSpacing;
         ++index;
       }
     }
@@ -81,7 +87,25 @@ const useScrollToItem = props => {
       LEFT: leftOffsets,
       RIGHT: rightOffsets
     }); // default for DYNAMIC is CENTER
-  }, [itemsCount, outerSpacing, innerSpacing, addOffsetMargin]);
+
+    // Update shared values
+    // @ts-expect-error pretty sure this is a bug in reanimated since itemsWidthsAnimated is defined as SharedValue<number[]>
+    itemsWidthsAnimated.modify(value => {
+      'worklet';
+
+      return value.map((_, index) => widths[index]);
+    });
+    itemsOffsetsAnimated.modify(value => {
+      'worklet';
+
+      value.forEach((_, index) => {
+        if (index > 0) {
+          value[index] = value[index - 1] + widths[index - 1];
+        }
+      });
+      return value;
+    });
+  }, [itemsCount, outerSpacing, innerSpacing, addOffsetMargin, containerWidth]);
   const onItemLayout = useCallback((event, index) => {
     const {
       width
@@ -93,25 +117,40 @@ const useScrollToItem = props => {
   }, [setSnapBreakpoints]);
   const focusIndex = useCallback((index, animated = true) => {
     if (index >= 0 && offsets.CENTER.length > index) {
+      const rtlIndex = FIX_RTL ? itemsCount - index - 1 : index;
       if (offsetType !== OffsetType.DYNAMIC) {
-        scrollTo(offsets[offsetType][index], animated);
+        scrollTo(offsets[offsetType][rtlIndex], animated);
       } else {
         const movingLeft = index < currentIndex.current;
-        currentIndex.current = index;
-        scrollTo(movingLeft ? offsets[OffsetType.RIGHT][index] : offsets[OffsetType.LEFT][index], animated);
+        currentIndex.current = rtlIndex;
+        scrollTo(movingLeft ? offsets[OffsetType.RIGHT][rtlIndex] : offsets[OffsetType.LEFT][rtlIndex], animated);
       }
     }
   }, [offsets, offsetType, scrollTo]);
   useEffect(() => {
     if (!_isUndefined(selectedIndex)) {
-      focusIndex(selectedIndex);
+      focusIndex(selectedIndex, false);
     }
   }, [selectedIndex, focusIndex]);
+  const reset = useCallback(() => {
+    for (let i = 0; i < itemsCount; ++i) {
+      itemsWidths.current[i] = null;
+      itemsWidthsAnimated.value[i] = 0;
+      itemsOffsetsAnimated.value[i] = 0;
+    }
+    setOffsets({
+      CENTER: [],
+      LEFT: [],
+      RIGHT: []
+    });
+  }, [itemsCount]);
   return {
     scrollViewRef,
     onItemLayout,
-    itemsWidths: offsets.CENTER.length > 0 ? itemsWidths.current : [],
+    itemsWidthsAnimated,
+    itemsOffsetsAnimated,
     focusIndex,
+    reset,
     onContentSizeChange,
     onLayout
   };

package/src/incubator/expandableOverlay/ExpandableOverlay.driver.js

@@ -1,5 +1,5 @@
 import { ModalDriver } from "../../components/modal/Modal.driver.new";
-import { DialogDriver } from "../dialog/Dialog.driver.new";
+import { DialogDriver } from "../../components/dialog/Dialog.driver.new";
 import { useComponentDriver } from "../../testkit/new/Component.driver";
 import { usePressableDriver } from "../../testkit/new/usePressable.driver";
 export const ExpandableOverlayDriver = (props, useDialog) => {

package/src/incubator/expandableOverlay/index.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { TouchableOpacityProps } from '../../components/touchableOpacity';
 import { ModalProps, ModalTopBarProps } from '../../components/modal';
-import { DialogMigrationProps } from '../dialog';
+import { DialogProps } from '../../components/dialog';
 export interface ExpandableOverlayMethods {
     openExpandable: () => void;
     closeExpandable: () => void;
@@ -10,7 +10,7 @@ export interface ExpandableOverlayMethods {
 export interface RenderCustomOverlayProps extends ExpandableOverlayMethods {
     visible: boolean;
 }
-export type ExpandableOverlayProps = TouchableOpacityProps & DialogMigrationProps & PropsWithChildren<{
+export type ExpandableOverlayProps = TouchableOpacityProps & PropsWithChildren<{
     /**
      * The content to render inside the expandable modal/dialog
      */
@@ -19,6 +19,10 @@ export type ExpandableOverlayProps = TouchableOpacityProps & DialogMigrationProp
      * Whether to use a dialog as expandable container (by default the container will be a full screen modal)
      */
     useDialog?: boolean;
+    /**
+     *  The props to pass to the dialog expandable container
+     */
+    dialogProps?: DialogProps;
     /**
      * The props to pass to the modal expandable container
      */
@@ -40,5 +44,40 @@ export type ExpandableOverlayProps = TouchableOpacityProps & DialogMigrationProp
      */
     disabled?: boolean;
 }>;
-declare const _default: React.ForwardRefExoticComponent<ExpandableOverlayProps & React.RefAttributes<ExpandableOverlayMethods>>;
+declare const _default: React.ForwardRefExoticComponent<TouchableOpacityProps & {
+    /**
+     * The content to render inside the expandable modal/dialog
+     */
+    expandableContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    /**
+     * Whether to use a dialog as expandable container (by default the container will be a full screen modal)
+     */
+    useDialog?: boolean | undefined;
+    /**
+     *  The props to pass to the dialog expandable container
+     */
+    dialogProps?: DialogProps | undefined;
+    /**
+     * The props to pass to the modal expandable container
+     */
+    modalProps?: ModalProps | undefined;
+    /**
+     * Whether to render a modal top bar (relevant only for modal)
+     */
+    showTopBar?: boolean | undefined;
+    /**
+     * The modal top bar props to pass on
+     */
+    topBarProps?: ModalTopBarProps | undefined;
+    /**
+     * A custom overlay to render instead of Modal or Dialog components
+     */
+    renderCustomOverlay?: ((props: RenderCustomOverlayProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined) | undefined;
+    /**
+     * Disabled opening expandable overlay
+     */
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<ExpandableOverlayMethods>>;
 export default _default;

package/src/incubator/expandableOverlay/index.js

@@ -3,8 +3,7 @@ import { AccessibilityInfo, findNodeHandle } from 'react-native';
 import TouchableOpacity from "../../components/touchableOpacity";
 import View from "../../components/view";
 import Modal from "../../components/modal";
-import DialogOld from "../../components/dialog";
-import DialogNew from "../dialog";
+import Dialog from "../../components/dialog";
 import { Colors } from "../../style";
 const ExpandableOverlay = (props, ref) => {
   const {
@@ -13,7 +12,6 @@ const ExpandableOverlay = (props, ref) => {
     useDialog,
     modalProps,
     dialogProps,
-    migrateDialog,
     showTopBar,
     topBarProps,
     renderCustomOverlay,
@@ -53,7 +51,6 @@ const ExpandableOverlay = (props, ref) => {
       </Modal>;
   };
   const renderDialog = () => {
-    const Dialog = migrateDialog ? DialogNew : DialogOld;
     return <Dialog testID={`${testID}.overlay`} {...dialogProps} visible={visible} onDismiss={closeExpandable}>
         {expandableContent}
       </Dialog>;

package/src/incubator/index.d.ts

@@ -3,9 +3,7 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
 export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from '../components/textField';
 export { default as Toast, ToastProps, ToastPresets } from './toast';
 export { default as TouchableOpacity, TouchableOpacityProps } from './TouchableOpacity';
-export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from './panView';
 export { default as Slider, SliderRef, SliderProps } from './slider';
-export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from './dialog';
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from '../components/chipsInput';
 export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from '../components/WheelPicker';
 export { default as Gradient, GradientProps } from './gradient';

package/src/incubator/index.js

@@ -4,9 +4,7 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
 export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from "../components/textField";
 export { default as Toast, ToastProps, ToastPresets } from "./toast";
 export { default as TouchableOpacity, TouchableOpacityProps } from "./TouchableOpacity";
-export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from "./panView";
 export { default as Slider, SliderRef, SliderProps } from "./slider";
-export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from "./dialog";
 // TODO: delete exports after fully removing from private
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from "../components/chipsInput";
 export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from "../components/WheelPicker";

package/src/incubator/toast/index.js

@@ -7,7 +7,7 @@ import View from "../../components/view";
 import Text from "../../components/text";
 import Icon from "../../components/icon";
 import Button from "../../components/button";
-import PanView from "../panView";
+import PanView from "../../components/panView";
 import { ToastProps, ToastPresets } from "./types";
 import useToastTimer from "./helpers/useToastTimer";
 import useToastPresets from "./helpers/useToastPresets";

package/src/index.d.ts

@@ -6,7 +6,7 @@ export * from 'uilib-native';
 export { asBaseComponent, Config, Constants, forwardRef, withScrollEnabler, WithScrollEnablerProps, withScrollReached, WithScrollReachedProps, UIComponent, BaseComponentInjectedProps, ForwardRefInjectedProps, ContainerModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier } from './commons/new';
 export { BaseComponent, PureBaseComponent } from './commons';
 import * as Incubator from './incubator';
-export { ExpandableOverlayProps, ExpandableOverlayMethods, ToastProps, ToastPresets, PanViewProps, PanViewDirections, PanViewDismissThreshold } from './incubator';
+export { ExpandableOverlayProps, ExpandableOverlayMethods, ToastProps, ToastPresets } from './incubator';
 import * as Hooks from './hooks';
 import * as Modifiers from './commons/modifiers';
 export { default as LogService } from './services/LogService';
@@ -32,7 +32,7 @@ export { default as ColorSwatch, ColorSwatchProps, ColorInfo } from './component
 export { default as ConnectionStatusBar, ConnectionStatusBarProps } from './components/connectionStatusBar';
 export { default as Dash, DashProps } from './components/dash';
 export { default as DateTimePicker, DateTimePickerProps, DateTimePickerMode } from './components/dateTimePicker';
-export { default as Dialog, DialogProps, DialogDirections, DialogDirectionsEnum } from './components/dialog';
+export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods, DialogDirections, DialogDirectionsEnum } from './components/dialog';
 export { default as Drawer, DrawerProps, DrawerItemProps } from './components/drawer';
 export { default as ExpandableSection, ExpandableSectionProps } from './components/expandableSection';
 export { default as Fader, FaderProps, FaderPosition } from './components/fader';
@@ -60,14 +60,8 @@ export { default as Modal, ModalProps, ModalTopBarProps } from './components/mod
 export { default as NumberInput, NumberInputProps, NumberInputData } from './components/numberInput';
 export { default as Overlay, OverlayTypes } from './components/overlay';
 export { default as PageControl, PageControlProps } from './components/pageControl';
-export { default as PanDismissibleView, PanDismissibleViewProps, DismissibleAnimationProps } from './components/panningViews/panDismissibleView';
-export { default as PanGestureView, PanGestureViewProps } from './components/panningViews/panGestureView';
-export { default as PanListenerView, PanListenerViewProps } from './components/panningViews/panListenerView';
-export { default as PanningContext } from './components/panningViews/panningContext';
-export { default as PanningProvider, PanningDirections, PanLocationProps, PanAmountsProps, PanDirectionsProps } from './components/panningViews/panningProvider';
-export { default as PanResponderView, PanResponderViewProps } from './components/panningViews/panResponderView';
-export { default as asPanViewConsumer } from './components/panningViews/asPanViewConsumer';
 export { default as Picker, PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods, PickerSelectionStatusProps } from './components/picker';
+export { default as PanView, PanViewProps, PanningDirections, PanningDirectionsEnum, PanViewDirections, PanViewDirectionsEnum, PanViewDismissThreshold } from './components/panView';
 export { default as PieChart, type PieChartProps, PieChartSegmentProps } from './components/pieChart';
 export { default as ProgressBar, ProgressBarProps } from './components/progressBar';
 export { default as ProgressiveImage, ProgressiveImageProps } from './components/progressiveImage';
@@ -79,7 +73,6 @@ export { default as ScrollBar, ScrollBarProps } from './components/scrollBar';
 export { default as SearchInput, SearchInputProps, SearchInputRef } from './components/searchInput';
 export { default as SectionsWheelPicker, SectionsWheelPickerProps } from './components/sectionsWheelPicker';
 export { default as SegmentedControl, SegmentedControlProps, SegmentedControlItemProps, SegmentedControlPreset } from './components/segmentedControl';
-export { default as SharedTransition } from './components/sharedTransition';
 export { default as SkeletonView, SkeletonViewProps } from './components/skeletonView';
 export { default as SortableGridList, SortableGridListProps } from './components/sortableGridList';
 export { default as SortableList, SortableListProps, SortableListItemProps } from './components/sortableList';

package/src/index.js

@@ -28,9 +28,6 @@ var _exportNames = {
   ExpandableOverlayMethods: true,
   ToastProps: true,
   ToastPresets: true,
-  PanViewProps: true,
-  PanViewDirections: true,
-  PanViewDismissThreshold: true,
   Incubator: true,
   Hooks: true,
   Modifiers: true,
@@ -84,6 +81,9 @@ var _exportNames = {
   DateTimePickerMode: true,
   Dialog: true,
   DialogProps: true,
+  DialogHeaderProps: true,
+  DialogStatics: true,
+  DialogImperativeMethods: true,
   DialogDirections: true,
   DialogDirectionsEnum: true,
   Drawer: true,
@@ -140,22 +140,6 @@ 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,
@@ -167,6 +151,13 @@ 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,
@@ -188,7 +179,6 @@ var _exportNames = {
   SegmentedControlProps: true,
   SegmentedControlItemProps: true,
   SegmentedControlPreset: true,
-  SharedTransition: true,
   SkeletonView: true,
   SkeletonViewProps: true,
   SortableGridList: true,
@@ -589,16 +579,28 @@ 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, "DismissibleAnimationProps", {
+Object.defineProperty(exports, "DialogStatics", {
   enumerable: true,
   get: function () {
-    return _panDismissibleView().DismissibleAnimationProps;
+    return _dialog().DialogStatics;
   }
 });
 Object.defineProperty(exports, "Drawer", {
@@ -964,106 +966,46 @@ Object.defineProperty(exports, "PageControlProps", {
     return _pageControl().PageControlProps;
   }
 });
-Object.defineProperty(exports, "PanAmountsProps", {
-  enumerable: true,
-  get: function () {
-    return _panningProvider().PanAmountsProps;
-  }
-});
-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", {
+Object.defineProperty(exports, "PanView", {
   enumerable: true,
   get: function () {
-    return _panResponderView().default;
+    return _panView().default;
   }
 });
-Object.defineProperty(exports, "PanResponderViewProps", {
+Object.defineProperty(exports, "PanViewDirections", {
   enumerable: true,
   get: function () {
-    return _panResponderView().PanResponderViewProps;
+    return _panView().PanViewDirections;
   }
 });
-Object.defineProperty(exports, "PanViewDirections", {
+Object.defineProperty(exports, "PanViewDirectionsEnum", {
   enumerable: true,
   get: function () {
-    return Incubator().PanViewDirections;
+    return _panView().PanViewDirectionsEnum;
   }
 });
 Object.defineProperty(exports, "PanViewDismissThreshold", {
   enumerable: true,
   get: function () {
-    return Incubator().PanViewDismissThreshold;
+    return _panView().PanViewDismissThreshold;
   }
 });
 Object.defineProperty(exports, "PanViewProps", {
   enumerable: true,
   get: function () {
-    return Incubator().PanViewProps;
-  }
-});
-Object.defineProperty(exports, "PanningContext", {
-  enumerable: true,
-  get: function () {
-    return _panningContext().default;
+    return _panView().PanViewProps;
   }
 });
 Object.defineProperty(exports, "PanningDirections", {
   enumerable: true,
   get: function () {
-    return _panningProvider().PanningDirections;
+    return _panView().PanningDirections;
   }
 });
-Object.defineProperty(exports, "PanningProvider", {
+Object.defineProperty(exports, "PanningDirectionsEnum", {
   enumerable: true,
   get: function () {
-    return _panningProvider().default;
+    return _panView().PanningDirectionsEnum;
   }
 });
 Object.defineProperty(exports, "Picker", {
@@ -1270,12 +1212,6 @@ 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 () {
@@ -1660,12 +1596,6 @@ 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 () {
@@ -2123,58 +2053,16 @@ function _pageControl() {
   };
   return data;
 }
-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 _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 () {
+function _picker() {
+  const data = _interopRequireWildcard(require("./components/picker"));
+  _picker = function () {
     return data;
   };
   return data;
 }
-function _picker() {
-  const data = _interopRequireWildcard(require("./components/picker"));
-  _picker = function () {
+function _panView() {
+  const data = _interopRequireWildcard(require("./components/panView"));
+  _panView = function () {
     return data;
   };
   return data;
@@ -2242,13 +2130,6 @@ 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 () {
@@ -2368,6 +2249,5 @@ function _WheelPicker() {
   };
   return data;
 }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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 '../incubator/dialog/Dialog.driver.new';
+export { DialogDriver } from '../components/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 "../incubator/dialog/Dialog.driver.new";
+export { DialogDriver } from "../components/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";