@capillarytech/cap-ui-utils 3.0.18 → 3.0.20

package/index.js

@@ -14,3 +14,4 @@ export { default as getEnvVariable } from "./utils/getEnvVariables";
 export { formatDateWithTimezone, getTimezoneTooltip, hasTimezoneFeatureAccess } from "./utils/timezone";
 export { default as MFEEventBus } from "./utils/mfeEventBus";
 export { default as useMFEModuleHeader } from "./utils/useMFEModuleHeader";
+export { default as MFEModuleHeader } from "./utils/MFEModuleHeader";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "3.0.18",
+  "version": "3.0.20",
   "description": "Utility functions shared accross all the modules",
   "main": "index.js",
   "scripts": {

package/utils/MFEModuleHeader.js

@@ -0,0 +1,17 @@
+import useMFEModuleHeader from './useMFEModuleHeader';
+
+/**
+ * MFEModuleHeader
+ *
+ * Headless component wrapper around useMFEModuleHeader for class components
+ * (which cannot call hooks). Render it anywhere inside a class component and
+ * pass the same config the hook takes; it runs the hook and renders nothing.
+ *
+ * Functional components should call useMFEModuleHeader directly instead.
+ *
+ *   <MFEModuleHeader history={this.props.history} header={...} landingRoutes={[...]} />
+ */
+export default function MFEModuleHeader(props) {
+  useMFEModuleHeader(props);
+  return null;
+}

package/utils/useMFEModuleHeader.js

@@ -145,14 +145,18 @@ export default function useMFEModuleHeader(config) {
     });
   }, [history, navigate, settingsRoute, hasSettingsClick]);
 
-  // Back button (route-based settings or path-aware headers with a back button).
+  // Back button. Subscribe the default goBack whenever navigation is available,
+  // unless the caller overrides module:back-click via `listeners`. The host only
+  // emits this when it actually renders a back button, so an unused subscription
+  // is a harmless no-op.
+  const hasCustomBack = Boolean(listeners && listeners['module:back-click']);
   useEffect(() => {
-    if (!isPathAware) return undefined;
+    if ((!history && !navigate) || hasCustomBack) return undefined;
     return MFEEventBus.on('module:back-click', () => {
       if (history) history.goBack();
       else if (navigate) navigate(-1);
     });
-  }, [history, navigate, isPathAware]);
+  }, [history, navigate, hasCustomBack]);
 
   // Arbitrary custom event listeners. Handlers read from the ref so they can be
   // inline; re-subscribes only when the set of event names changes.