dialectlabs · prsvic · Aug 30, 2023 · Apr 23, 2023 · Apr 23, 2023 · Apr 27, 2023
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -1,5 +1,14 @@
 ## Description
-*Enter description to help the reviewer understand what's the change about...*
+<!--
+Enter description to help the reviewer understand what's the change about...
+-->
 
 ## Changelog
-*Add a quick message for our users about this change (include Component name, relevant props and general purpose of the PR)*
+<!--
+Add a quick message for our users about this change (include Component name, relevant props and general purpose of the PR)
+-->
+
+## Additional info
+<!--
+If applicable, add additional info such as link to the bug being fixed by this PR etc
+-->
diff --git a/.npmignore b/.npmignore
@@ -240,7 +240,8 @@ markdowns/
 .babelrc
 # typings/
 # eslint-rules/
-scripts/
+scripts/*
+!scripts/prReleaseNotesCommon.js
 demo-app.component.js
 index.android.js
 index.ios.js

diff --git a/README.md b/README.md
@@ -127,3 +127,7 @@ class MyScreen extends Component {
   }
 }
 ```
+
+## Contributing
+ See [Contribution Guide](https://github.com/wix/react-native-ui-lib/blob/master/CONTRIBUTING.md)
+
diff --git a/android/app/src/main/java/com/rnuilib/MainApplication.java b/android/app/src/main/java/com/rnuilib/MainApplication.java
@@ -10,7 +10,6 @@
 import com.reactnativenavigation.NavigationApplication;
 import com.reactnativenavigation.react.NavigationReactNativeHost;
 import com.wix.reactnativeuilib.UiLibPackageList;
-import com.swmansion.reanimated.ReanimatedJSIModulePackage;
 
 import java.util.List;
 
@@ -23,11 +22,6 @@ protected String getJSMainModuleName() {
             return "demo";
         }
 
-        @Override
-        protected JSIModulePackage getJSIModulePackage() {
-            return new ReanimatedJSIModulePackage();
-        }
-
         @Override
         public boolean getUseDeveloperSupport() {
             return BuildConfig.DEBUG;

diff --git a/android/build.gradle b/android/build.gradle
@@ -6,7 +6,7 @@ buildscript {
         minSdkVersion = 21
         compileSdkVersion = 33
         targetSdkVersion = 33
-        RNNKotlinVersion = "1.6.0"
+        RNNKotlinVersion = "1.8.0"
         // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP.
         ndkVersion = "23.1.7779620"
     }

diff --git a/demo/package.json b/demo/package.json
@@ -15,6 +15,9 @@
     "release": "node ./scripts/release.js",
     "demoRelease": "node ./scripts/demoRelease.js"
   },
+  "dependencies": {
+    "light-date": "^1.2.0"
+  },
   "devDependencies": {
     "react-native-ui-lib": "7.1.0",
     "shell-utils": "^1.0.10"

diff --git a/demo/src/index.js b/demo/src/index.js
@@ -210,6 +210,9 @@ module.exports = {
       get SpacingsScreen() {
         return require('./screens/foundationScreens/SpacingsScreen').default;
       },
+      get RTLScreen() {
+        return require('./screens/foundationScreens/RTLScreen').default;
+      },
       // animationScreens
       get CardScannerScreen() {
         return require('./screens/componentScreens/CardScannerScreen').default;

diff --git a/demo/src/screens/ExampleScreenPresenter.tsx b/demo/src/screens/ExampleScreenPresenter.tsx
@@ -53,7 +53,6 @@ export function renderBooleanOption(title: string,
         {title}
       </Text>
       <Switch
-        useCustomTheme
         key={key}
         testID={key}
         value={value}
@@ -84,7 +83,6 @@ export function renderBooleanGroup(title: string, options: string[]) {
             <View spread centerH row key={key}>
               <Checkbox
                 marginR-s2
-                useCustomTheme
                 key={key}
                 testID={key}
                 value={value}
@@ -125,7 +123,6 @@ export function renderRadioGroup(title: string,
         {_.map(options, (value, key) => {
           return (
             <RadioButton
-              useCustomTheme
               testID={key}
               key={key}
               marginB-s2

diff --git a/demo/src/screens/MenuStructure.js b/demo/src/screens/MenuStructure.js
@@ -7,7 +7,8 @@ export const navigationData = {
       {title: 'Dark Mode', tags: 'dark mode colors', screen: 'unicorn.style.DarkModeScreen'},
       {title: 'Shadows (iOS)', tags: 'shadow', screen: 'unicorn.style.ShadowsScreen'},
       {title: 'Spacings', tags: 'space margins paddings gutter', screen: 'unicorn.style.SpacingsScreen'},
-      {title: 'Typography', tags: 'fonts text', screen: 'unicorn.style.TypographyScreen'}
+      {title: 'Typography', tags: 'fonts text', screen: 'unicorn.style.TypographyScreen'},
+      {title: 'RTL Support', tags: 'rtl', screen: 'unicorn.style.RTLScreen'}
     ]
   },
   // Wrappers: {

diff --git a/demo/src/screens/PlaygroundScreen.tsx b/demo/src/screens/PlaygroundScreen.tsx
@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {View, Text, Card, TextField, Button} from 'react-native-ui-lib'; //eslint-disable-line
+import {View, Text, Card, TextField, Button} from 'react-native-ui-lib';
 
 export default class PlaygroundScreen extends Component {
   render() {

diff --git a/demo/src/screens/__tests__/__snapshots__/AvatarScreen.spec.js.snap b/demo/src/screens/__tests__/__snapshots__/AvatarScreen.spec.js.snap
@@ -36,7 +36,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -159,7 +159,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -289,7 +289,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 {
                   "fontFamily": "System",
@@ -342,7 +342,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -444,7 +444,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 undefined,
                 undefined,
@@ -514,7 +514,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 {
                   "fontFamily": "System",
@@ -567,7 +567,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -669,7 +669,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 undefined,
                 undefined,
@@ -797,7 +797,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -1048,7 +1048,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -1299,7 +1299,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -1501,7 +1501,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -1752,7 +1752,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2047,7 +2047,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2231,7 +2231,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2338,7 +2338,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 undefined,
                 undefined,
@@ -2457,7 +2457,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2564,7 +2564,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 undefined,
                 undefined,
@@ -2683,7 +2683,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2867,7 +2867,7 @@ exports[`AvatarScreen renders screen 1`] = `
             {
               "backgroundColor": "transparent",
               "color": "#20303C",
-              "textAlign": "left",
+              "writingDirection": "ltr",
             },
             undefined,
             {
@@ -2969,7 +2969,7 @@ exports[`AvatarScreen renders screen 1`] = `
                 {
                   "backgroundColor": "transparent",
                   "color": "#20303C",
-                  "textAlign": "left",
+                  "writingDirection": "ltr",
                 },
                 undefined,
                 undefined,
@@ -3072,19 +3072,35 @@ exports[`AvatarScreen renders screen 1`] = `
           >
             <Text
               allowFontScaling={false}
+              fsTagName="unmask"
               numberOfLines={1}
               style={
                 [
                   {
                     "backgroundColor": "transparent",
-                    "color": "#FFFFFF",
-                    "fontFamily": "System",
-                    "fontSize": 12,
-                    "fontWeight": "700",
-                    "lineHeight": 16,
+                    "color": "#20303C",
+                    "writingDirection": "ltr",
                   },
-                  false,
                   undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "color": "#FFFFFF",
+                      "fontFamily": "System",
+                      "fontSize": 12,
+                      "fontWeight": "700",
+                      "lineHeight": 16,
+                    },
+                    false,
+                    undefined,
+                  ],
                 ]
               }
               testID="badge"

diff --git a/demo/src/screens/componentScreens/ActionBarScreen.tsx b/demo/src/screens/componentScreens/ActionBarScreen.tsx
@@ -9,13 +9,9 @@ import collections from '../../assets/icons/collections.png';
 import richText from '../../assets/icons/richText.png';
 
 export default class ActionBarScreen extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      currentPage: 0
-    };
-  }
+  state = {
+    currentPage: 0
+  };
 
   render() {
     return (
-Original file line number
+Diff line change
@@ Expand Up / @@ -127,3 +127,7 @@ class MyScreen extends Component { @@
       }
     }
     ```
+    ## Contributing
+     See [Contribution Guide](https://github.com/wix/react-native-ui-lib/blob/master/CONTRIBUTING.md)