@controleonline/ui-common 1.2.94 → 1.2.96

package/docs/homepage-1056.md

@@ -4,3 +4,11 @@ Soft appearance is opt-in for HomePage only. Existing menu routes/parameters, pe
 
 Source: https://github.com/ControleOnline/app-community/issues/1056
 Local evidence: 40 homepage tests and 34 runtime footer/zoom tests passed. No production authorization.
+
+## Web login translation bootstrap
+
+Keep the navigation tree mounted while translations initialize. Hide the shell and disable pointer/accessibility interaction until the existing translation readiness contract succeeds. Unmounting navigation during login resets its route and repeatedly mounts/registers the bottom bar, causing React maximum update depth. No route, permission, translation source, theme or zoom changes. Native behavior is unchanged.
+
+Regression evidence: app-community homepage bootstrapNavigation.test.js reproduced maximum update depth before the fix, then passed after it. 44 tests across 9 homepage suites passed. Runtime Dev reproduced the unfixed bug; new runtime verification is required after consuming ui-common 1.2.96.
+
+Release 1.2.96 uses the task-only c91510d source plus version metadata. The integration merge into dev preserves independent team work, but those changes are excluded from this homepage package. Publication uses the existing tag-triggered trusted publishing workflow.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-common",
-  "version": "1.2.94",
+  "version": "1.2.96",
   "author": "ControleOnline",
   "description": "ControleOnline Common Quasar UI Component",
   "license": "MIT",

package/src/react/components/DefaultProvider.styles.js

@@ -12,6 +12,9 @@ const styles = StyleSheet.create({
   shell: {
     flex: 1,
   },
+  translationPending: {
+    opacity: 0,
+  },
   content: {
     flex: 1,
     minHeight: 0,

package/src/react/components/DefaultProvider.web.js

@@ -395,15 +395,19 @@ export const DefaultProvider = ({
 
   useWebThemePalette({resolveDomainThemeColors, baseThemeColors, mainCompany, resolveThemePalette, runtimeColors, applyPaletteToRuntimeColors, applyThemeCssVariables, actions, currentCompany, isShopClientApp});
 
-  if (requiresTranslateBootstrap && !isTranslateBootstrapReady) {
-    return <View style={providerStyles.loadingContainer} />;
-  }
+  const translationPending = requiresTranslateBootstrap && !isTranslateBootstrapReady;
 
   return (
       <ThemeContext.Provider value={themeContextValue}>
         <View
+          pointerEvents={translationPending ? 'none' : 'auto'}
+          accessibilityElementsHidden={translationPending}
+          importantForAccessibility={translationPending ? 'no-hide-descendants' : 'auto'}
           style={[
             providerStyles.shell,
+            // Keep navigation mounted while translations load. Unmounting it
+            // resets the login route and repeatedly registers the bottom bar.
+            translationPending && providerStyles.translationPending,
             {
               backgroundColor: colors?.background || runtimeColors.background,
             },