Update dependencies 16/04/26 (#3974)

* Update postcss

* WebDemo - update ui-lib version (also add SVG example)

Author: M-i-k-e-l

packages/react-native-ui-lib/package.json

@@ -82,7 +82,7 @@
         "light-date": "^1.2.0",
         "moment": "^2.24.0",
         "object-hash": "^3.0.0",
-        "postcss": "^8.4.21",
+        "postcss": "^8.5.8",
         "postcss-js": "^4.0.0",
         "prettier": "^3.2.5",
         "react": "18.3.1",

webDemo/package.json

@@ -28,7 +28,7 @@
     "react-native-shimmer-placeholder": "^2.0.8",
     "react-native-svg": "15.11.2",
     "react-native-svg-transformer": "1.5.0",
-    "react-native-ui-lib": "8.0.0-snapshot.7447",
+    "react-native-ui-lib": "8.4.0-snapshot.7870",
     "react-native-web": "^0.18.6",
     "typescript": "^4.4.2"
   },

webDemo/src/App.tsx

@@ -25,7 +25,7 @@ import Picker from './examples/Picker';
 import RadioGroup from './examples/RadioButtonGroup';
 import Timeline from './examples/Timeline';
 import StackAggregator from './examples/StackAggregator';
-import {Image, ProgressiveImage} from './examples/Image';
+import {Image, ProgressiveImage, SvgImage} from './examples/Image';
 import List from './examples/List';
 import CarouselWrapper from './examples/Carousel';
 interface ItemToRender {
@@ -361,6 +361,10 @@ const itemsToRender: ItemToRender[] = [
       );
     }
   },
+  {
+    title: 'SVG Image',
+    FC: SvgImage
+  },
   {
     title: 'Progressive Image',
     FC: ProgressiveImage

webDemo/src/examples/Image.tsx

@@ -5,6 +5,7 @@ import MobileProgressiveImage from 'react-native-ui-lib/ProgressiveImage';
 
 const source = 'https://picsum.photos/200';
 const source2 = 'https://picsum.photos/300';
+const svgSource = 'https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg';
 
 export const Image = () => (
   <MobileImage
@@ -15,6 +16,15 @@ export const Image = () => (
   />
 );
 
+export const SvgImage = () => (
+  <MobileImage
+    accessibilityLabel={'React logo SVG'}
+    source={{uri: svgSource}}
+    resizeMode="contain"
+    style={styles.logo}
+  />
+);
+
 export const ProgressiveImage = () => (
   <MobileProgressiveImage
     source={{uri: source2, cache: 'reload'}}