@ansible/ansible-ui-framework 0.0.277 → 0.0.278

package/cjs/PageFramework.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
-export declare function PageFrameworkProvider(props: {
+export declare function PageFramework(props: {
     children: ReactNode;
+    navigate?: (to: string) => void;
 }): JSX.Element;

package/cjs/PageFramework.js

@@ -1,12 +1,24 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFrameworkProvider = void 0;
+exports.PageFramework = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var usePageNavigate_1 = require("./components/usePageNavigate");
 var PageAlertToaster_1 = require("./PageAlertToaster");
 var PageDialog_1 = require("./PageDialog");
 var Settings_1 = require("./Settings");
 var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-function PageFrameworkProvider(props) {
-    return ((0, jsx_runtime_1.jsx)(useFrameworkTranslations_1.FrameworkTranslationsProvider, { children: (0, jsx_runtime_1.jsx)(Settings_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PageDialog_1.PageDialogProvider, { children: (0, jsx_runtime_1.jsx)(PageAlertToaster_1.PageAlertToasterProvider, { children: props.children }) }) }) }));
+function PageFramework(props) {
+    return ((0, jsx_runtime_1.jsx)(useFrameworkTranslations_1.FrameworkTranslationsProvider, { children: (0, jsx_runtime_1.jsx)(Settings_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PageDialog_1.PageDialogProvider, { children: (0, jsx_runtime_1.jsx)(PageAlertToaster_1.PageAlertToasterProvider, { children: (0, jsx_runtime_1.jsx)(usePageNavigate_1.PageNavigateCallbackContextProvider, __assign({ callback: props.navigate }, { children: props.children })) }) }) }) }));
 }
-exports.PageFrameworkProvider = PageFrameworkProvider;
+exports.PageFramework = PageFramework;

package/cjs/components/usePageNavigate.d.ts

@@ -1 +1,6 @@
+import { ReactNode } from 'react';
+export declare function PageNavigateCallbackContextProvider(props: {
+    callback?: (url: string) => void;
+    children: ReactNode;
+}): JSX.Element;
 export declare function usePageNavigate(): (to?: string) => void;

package/cjs/components/usePageNavigate.js

@@ -1,16 +1,37 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageNavigate = void 0;
+exports.usePageNavigate = exports.PageNavigateCallbackContextProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var PageNavigateCallbackContext = (0, react_1.createContext)(undefined);
+function usePageNavigateCallback() {
+    return (0, react_1.useContext)(PageNavigateCallbackContext);
+}
+function PageNavigateCallbackContextProvider(props) {
+    return ((0, jsx_runtime_1.jsx)(PageNavigateCallbackContext.Provider, __assign({ value: props.callback }, { children: props.children })));
+}
+exports.PageNavigateCallbackContextProvider = PageNavigateCallbackContextProvider;
 function usePageNavigate() {
+    var pageNavigateCallback = usePageNavigateCallback();
     var navigate = (0, react_1.useCallback)(function (to) {
         if (to === null || to === void 0 ? void 0 : to.startsWith('http')) {
             open(to, '_blank');
         }
         else {
-            open(to, '_self');
+            pageNavigateCallback ? pageNavigateCallback(to !== null && to !== void 0 ? to : '') : open(to, '_self');
         }
-    }, []);
+    }, [pageNavigateCallback]);
     return navigate;
 }
 exports.usePageNavigate = usePageNavigate;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.277",
+  "version": "0.0.278",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {