@ansible/ansible-ui-framework 0.0.277 → 0.0.279

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/cells/ElapsedTimeCell.js

@@ -20,9 +20,7 @@ exports.ElapsedTimeCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
 function ElapsedTimeCell(props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
     var start = (0, react_1.useMemo)(function () { var _a; return new Date((_a = props.start) !== null && _a !== void 0 ? _a : 0).valueOf(); }, [props.start]);
     var finish = (0, react_1.useMemo)(function () { var _a; return new Date((_a = props.finish) !== null && _a !== void 0 ? _a : 0).valueOf(); }, [props.finish]);
     var _a = __read((0, react_1.useState)(Math.max(0, finish - start.valueOf())), 2), elapsed = _a[0], setElapsed = _a[1];
@@ -44,6 +42,6 @@ function ElapsedTimeCell(props) {
     var days = Math.floor(totalSeconds / 60 / 60 / 24);
     if (!start)
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, { children: [days !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [days, t('d'), "\u00A0"] })), hours !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [hours, t('h'), "\u00A0"] })), minutes !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [minutes, t('m'), "\u00A0"] })), (0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [seconds, t('s')] })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, { children: [days !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [days, 'd', "\u00A0"] })), hours !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [hours, 'h', "\u00A0"] })), minutes !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [minutes, 'm', "\u00A0"] })), (0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [seconds, 's'] })] }));
 }
 exports.ElapsedTimeCell = ElapsedTimeCell;

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.279",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {