@sudobility/building_blocks_rn 0.0.28 → 0.0.29

package/dist/src/components/pages/AppTextScreen.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, Text, ScrollView, I18nManager } from 'react-native';
 import { createThemedStyles } from '../../utils/styles';
-const rtlText = I18nManager.isRTL
-    ? { writingDirection: 'rtl' }
-    : undefined;
+function useRTLText() {
+    return I18nManager.isRTL ? { writingDirection: 'rtl' } : undefined;
+}
 function TextSectionView({ section, level = 2, }) {
     const styles = useStyles();
+    const rtlText = useRTLText();
     return (_jsxs(View, { style: styles.section, children: [_jsx(Text, { style: [
                     level === 2 ? styles.sectionTitle : styles.subsectionTitle,
                     rtlText,
@@ -13,6 +14,7 @@ function TextSectionView({ section, level = 2, }) {
 }
 export function AppTextScreen({ text, lastUpdatedDate, ScreenWrapper, style, }) {
     const styles = useStyles();
+    const rtlText = useRTLText();
     const lastUpdated = text.lastUpdated
         ? text.lastUpdated.replace('{{date}}', lastUpdatedDate ?? '')
         : lastUpdatedDate

package/dist/src/components/settings/LanguagePicker.js

@@ -14,13 +14,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useState } from 'react';
 import { View, Text, Pressable, Modal, FlatList, SafeAreaView, I18nManager, } from 'react-native';
-const rtlText = I18nManager.isRTL
-    ? { writingDirection: 'rtl' }
-    : undefined;
+function useRTLText() {
+    return I18nManager.isRTL ? { writingDirection: 'rtl' } : undefined;
+}
 import { DEFAULT_LANGUAGES } from '../../constants/languages';
 import { createThemedStyles } from '../../utils/styles';
 export function LanguagePicker({ languages = DEFAULT_LANGUAGES, currentLanguage = 'en', onLanguageChange, label, style, }) {
     const styles = useStyles();
+    const rtlText = useRTLText();
     const [modalVisible, setModalVisible] = useState(false);
     const currentLang = languages.find(l => l.code === currentLanguage);
     const handleSelect = (code) => {

package/dist/src/components/settings/SettingsListScreen.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, Text, Pressable, ScrollView, I18nManager } from 'react-native';
 import { createThemedStyles } from '../../utils/styles';
-const rtlText = I18nManager.isRTL
-    ? { writingDirection: 'rtl' }
-    : undefined;
+function useRTLText() {
+    return I18nManager.isRTL ? { writingDirection: 'rtl' } : undefined;
+}
 export function SettingsListScreen({ sections, onSectionPress, title = 'Settings', style, onTrack, }) {
     const styles = useStyles();
+    const rtlText = useRTLText();
     const handlePress = (section) => {
         onTrack?.({
             eventType: 'navigation',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/building_blocks_rn",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Higher-level shared UI building blocks for Sudobility React Native apps",
   "type": "module",
   "main": "./dist/index.js",