@sudobility/building_blocks_rn 0.0.32 → 0.0.34

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

@@ -1,24 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, Text, ScrollView } from 'react-native';
 import { createThemedStyles } from '../../utils/styles';
-import { useRTLTextStyle } from '../../hooks/useRTL';
+import { useIsRTL } from '../../hooks/useRTL';
 function TextSectionView({ section, level = 2, }) {
     const styles = useStyles();
-    const rtlText = useRTLTextStyle();
+    const isRTL = useIsRTL();
     return (_jsxs(View, { style: styles.section, children: [_jsx(Text, { style: [
                     level === 2 ? styles.sectionTitle : styles.subsectionTitle,
-                    rtlText,
-                ], children: section.title }), section.content && (_jsx(Text, { style: [styles.sectionContent, rtlText], children: section.content })), section.items && section.items.length > 0 && (_jsx(View, { style: styles.list, children: section.items.map((item, index) => (_jsxs(View, { style: styles.listItem, children: [_jsx(Text, { style: styles.bullet, children: '\u2022' }), _jsx(Text, { style: [styles.listItemText, rtlText], children: item })] }, index))) })), section.subsections?.map((sub, index) => (_jsx(TextSectionView, { section: sub, level: 3 }, index)))] }));
+                    isRTL && styles.rtlText,
+                ], children: section.title }), section.content && (_jsx(Text, { style: [styles.sectionContent, isRTL && styles.rtlText], children: section.content })), section.items && section.items.length > 0 && (_jsx(View, { style: styles.list, children: section.items.map((item, index) => (_jsxs(View, { style: styles.listItem, children: [_jsx(Text, { style: styles.bullet, children: '\u2022' }), _jsx(Text, { style: [styles.listItemText, isRTL && styles.rtlText], children: item })] }, index))) })), section.subsections?.map((sub, index) => (_jsx(TextSectionView, { section: sub, level: 3 }, index)))] }));
 }
 export function AppTextScreen({ text, lastUpdatedDate, ScreenWrapper, style, }) {
     const styles = useStyles();
-    const rtlText = useRTLTextStyle();
+    const isRTL = useIsRTL();
     const lastUpdated = text.lastUpdated
         ? text.lastUpdated.replace('{{date}}', lastUpdatedDate ?? '')
         : lastUpdatedDate
             ? `Last updated: ${lastUpdatedDate}`
             : undefined;
-    const content = (_jsxs(View, { style: [styles.container, style], children: [_jsx(Text, { style: [styles.title, rtlText], children: text.title }), lastUpdated && (_jsx(Text, { style: [styles.lastUpdated, rtlText], children: lastUpdated })), text.sections.map((section, index) => (_jsx(TextSectionView, { section: section }, index))), text.contact && (_jsxs(View, { style: styles.contactSection, children: [_jsx(Text, { style: [styles.sectionTitle, rtlText], children: text.contact.title }), _jsx(Text, { style: [styles.sectionContent, rtlText], children: text.contact.description }), _jsx(Text, { style: [styles.contactInfo, rtlText], children: text.contact.info }), text.contact.gdprNotice && (_jsx(Text, { style: [styles.gdprNotice, rtlText], children: text.contact.gdprNotice }))] }))] }));
+    const content = (_jsxs(View, { style: [styles.container, style], children: [_jsx(Text, { style: [styles.title, isRTL && styles.rtlText], children: text.title }), lastUpdated && (_jsx(Text, { style: [styles.lastUpdated, isRTL && styles.rtlText], children: lastUpdated })), text.sections.map((section, index) => (_jsx(TextSectionView, { section: section }, index))), text.contact && (_jsxs(View, { style: styles.contactSection, children: [_jsx(Text, { style: [styles.sectionTitle, isRTL && styles.rtlText], children: text.contact.title }), _jsx(Text, { style: [styles.sectionContent, isRTL && styles.rtlText], children: text.contact.description }), _jsx(Text, { style: [styles.contactInfo, isRTL && styles.rtlText], children: text.contact.info }), text.contact.gdprNotice && (_jsx(Text, { style: [styles.gdprNotice, isRTL && styles.rtlText], children: text.contact.gdprNotice }))] }))] }));
     if (ScreenWrapper) {
         return _jsx(ScreenWrapper, { children: content });
     }
@@ -99,4 +99,7 @@ const useStyles = createThemedStyles(colors => ({
         marginTop: 12,
         fontStyle: 'italic',
     },
+    rtlText: {
+        writingDirection: 'rtl',
+    },
 }));

package/dist/src/constants/languages.js

@@ -52,5 +52,6 @@ export const RTL_LANGUAGES = ['ar'];
  * Check if a language code is RTL.
  */
 export function isRTL(languageCode) {
-    return RTL_LANGUAGES.includes(languageCode);
+    const baseCode = languageCode.toLowerCase().replace('_', '-').split('-')[0];
+    return RTL_LANGUAGES.includes(baseCode);
 }

package/package.json

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