react-native-ui-lib 7.39.0 → 7.39.1-snapshot.6732

package/src/hooks/useScrollTo/index.js

@@ -1,7 +1,5 @@
 import _isFunction from "lodash/isFunction";
-import _isUndefined from "lodash/isUndefined";
 import { useCallback, useRef } from 'react';
-import { Constants } from "../../commons/new";
 const useScrollTo = props => {
   const {
     scrollViewRef: propsScrollViewRef,
@@ -26,10 +24,17 @@ const useScrollTo = props => {
     containerSize.current = horizontal ? width : height;
   }, [horizontal]);
   const scrollTo = useCallback((offset, animated = true) => {
-    if (horizontal && Constants.isRTL && Constants.isAndroid && !_isUndefined(contentSize.current) && !_isUndefined(containerSize.current)) {
+    // Fix that was for Android RTL. Scrolling is now aligned between IOS and Android and offset is ok.
+    /* if (
+      horizontal &&
+        Constants.isRTL &&
+        Constants.isAndroid &&
+        !_.isUndefined(contentSize.current) &&
+        !_.isUndefined(containerSize.current)
+    ) {
       const scrollingWidth = Math.max(0, contentSize.current - containerSize.current);
       offset = scrollingWidth - offset;
-    }
+    } */
 
     // @ts-ignore
     if (_isFunction(scrollViewRef.current?.scrollToOffset)) {

package/src/incubator/dialog/useDialogContent.js

@@ -23,7 +23,7 @@ const useDialogContent = props => {
     }
     return <View left centerV pointerEvents={'box-none'}>
         <TouchableOpacity paddingB-s2 row onPress={close}>
-          <Icon source={Assets.icons.xMedium} tintColor={Colors.white} {...closeButtonProps?.iconProps} />
+          <Icon source={Assets.internal.icons.xMedium} tintColor={Colors.white} {...closeButtonProps?.iconProps} />
           <Text recorderTag={'unmask'} text70BO white {...closeButtonProps?.labelProps}>
             {closeButtonProps?.label || 'Close'}
           </Text>

package/src/incubator/expandableOverlay/index.js

@@ -75,4 +75,5 @@ const ExpandableOverlay = (props, ref) => {
       {renderOverlay()}
     </TouchableOpacity>;
 };
+ExpandableOverlay.displayName = 'IGNORE';
 export default forwardRef(ExpandableOverlay);

package/src/incubator/panView/index.js

@@ -53,6 +53,6 @@ const PanView = props => {
       </GestureDetector>
     </View>;
 };
-PanView.displayName = 'PanView';
+PanView.displayName = 'IGNORE';
 PanView.directions = PanViewDirectionsEnum;
 export default asBaseComponent(gestureHandlerRootHOC(PanView));

package/src/incubator/slider/Thumb.js

@@ -7,13 +7,20 @@ import View from "../../components/view";
 import { Constants } from "../../commons/new";
 const SHADOW_RADIUS = 4;
 const THUMB_SIZE = 24;
+const THUMB_ACCESSIBLE_HITSLOP = Math.max(0, 48 - THUMB_SIZE) / 2;
+const DEFAULT_THUMB_HIT_SLOP = {
+  top: THUMB_ACCESSIBLE_HITSLOP,
+  bottom: THUMB_ACCESSIBLE_HITSLOP,
+  left: THUMB_ACCESSIBLE_HITSLOP,
+  right: THUMB_ACCESSIBLE_HITSLOP
+};
 const Thumb = props => {
   const {
     disabled,
     disableActiveStyling,
     activeStyle,
     defaultStyle,
-    hitSlop,
+    hitSlop = DEFAULT_THUMB_HIT_SLOP,
     onSeekStart,
     onSeekEnd,
     start,

package/src/incubator/toast/toast.api.json

@@ -104,19 +104,47 @@
                   {
                     "props": {
                       "visible": true,
-                      "message": "\"Mika Or\" was saved to contacts."
+                      "message": "Mika Or was saved to contacts.",
+                      "preset": "general"
                     }
                   }
                 ]
               },
               {
-                "title": "Success"
+                "title": "Success",
+                "content": [
+                  {
+                    "props": {
+                      "visible": true,
+                      "message": "Post published.",
+                      "preset": "success"
+                    }
+                  }
+                ]
               },
               {
-                "title": "Validation"
+                "title": "Validation",
+                "content": [
+                  {
+                    "props": {
+                      "visible": true,
+                      "message": "Enter a card number.",
+                      "preset": "failure"
+                    }
+                  }
+                ]
               },
               {
-                "title": "Offline Error"
+                "title": "Offline Error",
+                "content": [
+                  {
+                    "props": {
+                      "visible": true,
+                      "message": "This action is not available offline.",
+                      "preset": "offline"
+                    }
+                  }
+                ]
               }
             ],
             "title": "Types"
@@ -126,13 +154,35 @@
             "columns": ["Prop", "Preview"],
             "items": [
               {
-                "title": "None"
+                "title": "None",
+                "content": [
+                  {
+                    "props": {
+                      "visible": true,
+                      "message": "Action completed."
+                    }
+                  }
+                ]
               },
               {
-                "title": "With action"
+                "title": "With action",
+                "content": [
+                  {
+                    "snippet": "<Incubator.Toast visible message=\"Action completed.\" action={{label: 'Undo', onPress: () => {}}}/>"
+                  }
+                ]
               },
               {
-                "title": "With loader"
+                "title": "With loader",
+                "content": [
+                  {
+                    "props": {
+                      "visible": true,
+                      "message": "Action completed.",
+                      "showLoader": true
+                    }
+                  }
+                ]
               }
             ],
             "title": "Accessories"

package/src/index.d.ts

@@ -67,7 +67,7 @@ export { default as PanningContext } from './components/panningViews/panningCont
 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 } from './components/picker';
+export { default as Picker, PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods, PickerSelectionStatusProps } from './components/picker';
 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';

package/src/index.js

@@ -166,6 +166,7 @@ var _exportNames = {
   RenderCustomModalProps: true,
   PickerItemsListProps: true,
   PickerMethods: true,
+  PickerSelectionStatusProps: true,
   PieChart: true,
   PieChartSegmentProps: true,
   ProgressBar: true,
@@ -1110,6 +1111,12 @@ Object.defineProperty(exports, "PickerSearchStyle", {
     return _picker().PickerSearchStyle;
   }
 });
+Object.defineProperty(exports, "PickerSelectionStatusProps", {
+  enumerable: true,
+  get: function () {
+    return _picker().PickerSelectionStatusProps;
+  }
+});
 Object.defineProperty(exports, "PickerValue", {
   enumerable: true,
   get: function () {

package/src/assets/icons/index.js

@@ -1,26 +0,0 @@
-export const icons = {
-  get check() {
-    return require('./check.png');
-  },
-  get checkSmall() {
-    return require('./check-small.png');
-  },
-  get minusSmall() {
-    return require('./minusSmall.png');
-  },
-  get plusSmall() {
-    return require('./plusSmall.png');
-  },
-  get search() {
-    return require('./search.png');
-  },
-  get x() {
-    return require('./x.png');
-  },
-  get xMedium() {
-    return require('./xMedium.png');
-  },
-  get xFlat() {
-    return require('./xFlat.png');
-  }
-};

package/src/assets/images/index.js

@@ -1,5 +0,0 @@
-export const images = {
-  get gradient() {
-    return require('./gradient.png');
-  }
-};