@copart/ops-tool-kit 1.13.0-beta.14 → 1.13.0-beta.15

package/dist/ops-tool-kit.js

@@ -6,7 +6,7 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var frontEndUtils = require('@copart/front-end-utils');
 var coreComponents = require('@copart/core-components');
-var reactRouterDom = require('react-router-dom');
+var ReactRouterDOM = require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,9 +46,10 @@ function _mergeNamespaces(n, m) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var ReactRouterDOM__namespace = /*#__PURE__*/_interopNamespace(ReactRouterDOM);
 
 const name$1 = "@copart/ops-tool-kit";
-const version$3 = "1.13.0-beta.14";
+const version$3 = "1.13.0-beta.15";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -109,7 +110,7 @@ const devDependencies$1 = {
 const peerDependencies = {
   "@copart/core-components": "2.3.0-alpha.filters.6",
   react: "*",
-  "react-router-dom": "^5.0.0"
+  "react-router-dom": "^5.0.0 || ^6.0.0"
 };
 const dependencies$1 = {
   "@reacting/purist": "0.1.0",
@@ -69725,13 +69726,68 @@ function serializeNavItems(items) {
   });
 }
 
+/**
+ * True when the host app uses react-router-dom v6+ (`useNavigate` present, `useHistory` removed).
+ */
+var IS_REACT_ROUTER_V6 = typeof ReactRouterDOM__namespace.useNavigate === 'function' && typeof ReactRouterDOM__namespace.useHistory !== 'function';
+function normalizeNavigateTarget(to) {
+  if (typeof to === 'string') return normalizeIframePath(to);
+  return to;
+}
+function useRouterNavigationV5() {
+  var history = ReactRouterDOM__namespace.useHistory();
+  var location = ReactRouterDOM__namespace.useLocation();
+  var navigate = React.useCallback(function (to, options) {
+    if (typeof to === 'number') {
+      history.go(to);
+      return;
+    }
+    var target = normalizeNavigateTarget(to);
+    if ((options === null || options === void 0 ? void 0 : options.state) != null) history.push(target, options.state);else if (options !== null && options !== void 0 && options.replace) history.replace(target);else history.push(target);
+  }, [history]);
+  return {
+    navigate: navigate,
+    location: location
+  };
+}
+function useRouterNavigationV6() {
+  var navigateFn = ReactRouterDOM__namespace.useNavigate();
+  var location = ReactRouterDOM__namespace.useLocation();
+  var navigate = React.useCallback(function (to, options) {
+    if (typeof to === 'number') {
+      navigateFn(to);
+      return;
+    }
+    var target = normalizeNavigateTarget(to);
+    if ((options === null || options === void 0 ? void 0 : options.state) != null || options !== null && options !== void 0 && options.replace) {
+      navigateFn(target, {
+        state: options === null || options === void 0 ? void 0 : options.state,
+        replace: options === null || options === void 0 ? void 0 : options.replace
+      });
+    } else {
+      navigateFn(target);
+    }
+  }, [navigateFn]);
+  return {
+    navigate: navigate,
+    location: location
+  };
+}
+
+/**
+ * Router-agnostic navigation for iframe shell components.
+ * Uses `useHistory` on react-router-dom v5 and `useNavigate` on v6.
+ */
+var useRouterNavigation = IS_REACT_ROUTER_V6 ? useRouterNavigationV6 : useRouterNavigationV5;
+
 function IframeRouteSync(_ref) {
   var _ref$updateUriIsPath = _ref.updateUriIsPath,
     updateUriIsPath = _ref$updateUriIsPath === void 0 ? false : _ref$updateUriIsPath,
     _ref$suppressEcho = _ref.suppressEcho,
     suppressEcho = _ref$suppressEcho === void 0 ? true : _ref$suppressEcho;
-  var history = reactRouterDom.useHistory();
-  var location = reactRouterDom.useLocation();
+  var _useRouterNavigation = useRouterNavigation(),
+    navigate = _useRouterNavigation.navigate,
+    location = _useRouterNavigation.location;
   var initialRef = React.useRef(true);
   var suppressUpdateUriRef = React.useRef(false);
   React.useEffect(function () {
@@ -69739,11 +69795,11 @@ function IframeRouteSync(_ref) {
       if (data.eventType === 'LOAD_URI' && data.eventProps) {
         var path = normalizeIframePath(data.eventProps.uri);
         if (suppressEcho) suppressUpdateUriRef.current = true;
-        history.push(path);
+        navigate(path);
       }
     });
     return remove;
-  }, [history, suppressEcho]);
+  }, [navigate, suppressEcho]);
   React.useEffect(function () {
     if (initialRef.current) {
       initialRef.current = false;
@@ -69883,11 +69939,10 @@ function IframeAppRootInner(_ref) {
     navCountsOnError = _ref.navCountsOnError,
     updateUriIsPath = _ref.updateUriIsPath,
     suppressRouteSyncEcho = _ref.suppressRouteSyncEcho;
-  var history = reactRouterDom.useHistory();
+  var _useRouterNavigation = useRouterNavigation(),
+    navigate = _useRouterNavigation.navigate;
   return /*#__PURE__*/React__default["default"].createElement(CrumbProvider, {
-    navigate: function navigate(path) {
-      return history.push(path);
-    }
+    navigate: navigate
   }, /*#__PURE__*/React__default["default"].createElement(AppEnvSender, {
     toolkitEnv: toolkitEnv,
     mihelpAgentProps: mihelpAgentProps
@@ -69923,7 +69978,7 @@ function IframeAppRoot(_ref2) {
     _ref2$suppressRouteSy = _ref2.suppressRouteSyncEcho,
     suppressRouteSyncEcho = _ref2$suppressRouteSy === void 0 ? true : _ref2$suppressRouteSy;
   var initialPath = normalizeIframePath(initialUri);
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.MemoryRouter, {
+  return /*#__PURE__*/React__default["default"].createElement(ReactRouterDOM.MemoryRouter, {
     initialEntries: [initialPath],
     initialIndex: 0
   }, /*#__PURE__*/React__default["default"].createElement(IframeAppRootInner, {
@@ -81779,6 +81834,7 @@ exports.AutoRefresh = AutoRefresh;
 exports.CallLogger = CallLogger;
 exports.ContextualHelp = ContextualHelp;
 exports.Crumb = Crumb$1;
+exports.IS_REACT_ROUTER_V6 = IS_REACT_ROUTER_V6;
 exports.IframeAppRoot = IframeAppRoot;
 exports.IframeRouteSync = IframeRouteSync;
 exports.NavConfigSender = NavConfigSender;
@@ -81793,4 +81849,5 @@ exports.registerEarlyLoadUriListener = registerEarlyLoadUriListener;
 exports.resolveCountStatus = resolveCountStatus;
 exports.serializeNavItems = serializeNavItems;
 exports.storage = storage$2;
+exports.useRouterNavigation = useRouterNavigation;
 //# sourceMappingURL=ops-tool-kit.js.map