@copart/ops-tool-kit 1.9.0-alpha.1 → 1.9.0-alpha.3

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.9.0-alpha.1";
+const version$3 = "1.9.0-alpha.3";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -90,7 +90,7 @@ const devDependencies = {
 };
 const peerDependencies = {
   react: "*",
-  "@copart/core-components": "^1.4.47"
+  "@copart/core-components": "^2.2.5"
 };
 const dependencies = {
   "@reacting/purist": "0.1.0",
@@ -2556,24 +2556,29 @@ var isobject = function isObject(val) {
 };
 
 function isObjectObject(o) {
-  return isobject(o) === true && Object.prototype.toString.call(o) === '[object Object]';
+  return isobject(o) === true
+    && Object.prototype.toString.call(o) === '[object Object]';
 }
 
 var isPlainObject = function isPlainObject(o) {
-  var ctor, prot;
-  if (isObjectObject(o) === false) return false; // If has modified constructor
+  var ctor,prot;
 
+  if (isObjectObject(o) === false) return false;
+
+  // If has modified constructor
   ctor = o.constructor;
-  if (typeof ctor !== 'function') return false; // If has modified prototype
+  if (typeof ctor !== 'function') return false;
 
+  // If has modified prototype
   prot = ctor.prototype;
-  if (isObjectObject(prot) === false) return false; // If constructor does not have an Object-specific method
+  if (isObjectObject(prot) === false) return false;
 
+  // If constructor does not have an Object-specific method
   if (prot.hasOwnProperty('isPrototypeOf') === false) {
     return false;
-  } // Most likely a plain Object
-
+  }
 
+  // Most likely a plain Object
   return true;
 };
 
@@ -2584,13 +2589,11 @@ function set$1(target, path, value, options) {
 
   let opts = options || {};
   const isArray = Array.isArray(path);
-
   if (!isArray && typeof path !== 'string') {
     return target;
   }
 
   let merge = opts.merge;
-
   if (merge && typeof merge !== 'function') {
     merge = Object.assign;
   }
@@ -2633,7 +2636,8 @@ function result(target, path, value, merge) {
 function split(path, options) {
   const id = createKey(path, options);
   if (set$1.memo[id]) return set$1.memo[id];
-  const char = options && options.separator ? options.separator : '.';
+
+  const char = (options && options.separator) ? options.separator : '.';
   let keys = [];
   let res = [];
 
@@ -2645,32 +2649,25 @@ function split(path, options) {
 
   for (let i = 0; i < keys.length; i++) {
     let prop = keys[i];
-
     while (prop && prop.slice(-1) === '\\' && keys[i + 1]) {
       prop = prop.slice(0, -1) + char + keys[++i];
     }
-
     res.push(prop);
   }
-
   set$1.memo[id] = res;
   return res;
 }
 
 function createKey(pattern, options) {
   let id = pattern;
-
   if (typeof options === 'undefined') {
     return id + '';
   }
-
   const keys = Object.keys(options);
-
   for (let i = 0; i < keys.length; i++) {
     const key = keys[i];
     id += ';' + key + '=' + String(options[key]);
   }
-
   return id;
 }
 
@@ -3204,47 +3201,46 @@ var runtime = createCommonjsModule(function (module) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-!(function(global) {
+!function (global) {
 
   var Op = Object.prototype;
   var hasOwn = Op.hasOwnProperty;
   var undefined$1; // More compressible than void 0.
+
   var $Symbol = typeof Symbol === "function" ? Symbol : {};
   var iteratorSymbol = $Symbol.iterator || "@@iterator";
   var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
   var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
   var runtime = global.regeneratorRuntime;
+
   if (runtime) {
     {
       // If regeneratorRuntime is defined globally and we're in a module,
       // make the exports object identical to regeneratorRuntime.
       module.exports = runtime;
-    }
-    // Don't bother evaluating the rest of this file if the runtime was
+    } // Don't bother evaluating the rest of this file if the runtime was
     // already defined globally.
-    return;
-  }
 
-  // Define the runtime globally (as expected by generated code) as either
+
+    return;
+  } // Define the runtime globally (as expected by generated code) as either
   // module.exports (if we're in a module) or a new, empty object.
+
+
   runtime = global.regeneratorRuntime = module.exports ;
 
   function wrap(innerFn, outerFn, self, tryLocsList) {
     // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
     var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
+    var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
     // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
 
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
     return generator;
   }
-  runtime.wrap = wrap;
 
-  // Try/catch helper to minimize deoptimizations. Returns a completion
+  runtime.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
   // record like context.tryEntries[i].completion. This interface could
   // have been (and was previously) designed to take a closure to be
   // invoked without arguments, but in all the cases we care about we
@@ -3254,121 +3250,126 @@ var runtime = createCommonjsModule(function (module) {
   // in every case, so we don't have to touch the arguments object. The
   // only additional allocation required is the completion record, which
   // has a stable shape and so hopefully should be cheap to allocate.
+
   function tryCatch(fn, obj, arg) {
     try {
-      return { type: "normal", arg: fn.call(obj, arg) };
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
     } catch (err) {
-      return { type: "throw", arg: err };
+      return {
+        type: "throw",
+        arg: err
+      };
     }
   }
 
   var GenStateSuspendedStart = "suspendedStart";
   var GenStateSuspendedYield = "suspendedYield";
   var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
+  var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
   // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
 
-  // Dummy constructor functions that we use as the .constructor and
+  var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
   // .constructor.prototype properties for functions that return Generator
   // objects. For full spec compliance, you may wish to configure your
   // minifier not to mangle the names of these two functions.
+
   function Generator() {}
+
   function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
 
-  // This is a polyfill for %IteratorPrototype% for environments that
+  function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
   // don't natively support it.
+
+
   var IteratorPrototype = {};
+
   IteratorPrototype[iteratorSymbol] = function () {
     return this;
   };
 
   var getProto = Object.getPrototypeOf;
   var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+
+  if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
     // This environment has a native %IteratorPrototype%; use it instead
     // of the polyfill.
     IteratorPrototype = NativeIteratorPrototype;
   }
 
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
   GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
   GeneratorFunctionPrototype.constructor = GeneratorFunction;
-  GeneratorFunctionPrototype[toStringTagSymbol] =
-    GeneratorFunction.displayName = "GeneratorFunction";
-
-  // Helper for defining the .next, .throw, and .return methods of the
+  GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = "GeneratorFunction"; // Helper for defining the .next, .throw, and .return methods of the
   // Iterator interface in terms of a single ._invoke method.
+
   function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      prototype[method] = function(arg) {
+    ["next", "throw", "return"].forEach(function (method) {
+      prototype[method] = function (arg) {
         return this._invoke(method, arg);
       };
     });
   }
 
-  runtime.isGeneratorFunction = function(genFun) {
+  runtime.isGeneratorFunction = function (genFun) {
     var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
+    return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
+    // do is to check its .name property.
+    (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
   };
 
-  runtime.mark = function(genFun) {
+  runtime.mark = function (genFun) {
     if (Object.setPrototypeOf) {
       Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
     } else {
       genFun.__proto__ = GeneratorFunctionPrototype;
+
       if (!(toStringTagSymbol in genFun)) {
         genFun[toStringTagSymbol] = "GeneratorFunction";
       }
     }
+
     genFun.prototype = Object.create(Gp);
     return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
+  }; // Within the body of any async function, `await x` is transformed to
   // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
   // `hasOwn.call(value, "__await")` to determine if the yielded value is
   // meant to be awaited.
-  runtime.awrap = function(arg) {
-    return { __await: arg };
+
+
+  runtime.awrap = function (arg) {
+    return {
+      __await: arg
+    };
   };
 
   function AsyncIterator(generator) {
     function invoke(method, arg, resolve, reject) {
       var record = tryCatch(generator[method], generator, arg);
+
       if (record.type === "throw") {
         reject(record.arg);
       } else {
         var result = record.arg;
         var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return Promise.resolve(value.__await).then(function(value) {
+
+        if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
+          return Promise.resolve(value.__await).then(function (value) {
             invoke("next", value, resolve, reject);
-          }, function(err) {
+          }, function (err) {
             invoke("throw", err, resolve, reject);
           });
         }
 
-        return Promise.resolve(value).then(function(unwrapped) {
+        return Promise.resolve(value).then(function (unwrapped) {
           // When a yielded Promise is resolved, its final value becomes
           // the .value of the Promise<{value,done}> result for the
           // current iteration.
           result.value = unwrapped;
           resolve(result);
-        }, function(error) {
+        }, function (error) {
           // If a rejected Promise was yielded, throw the rejection back
           // into the async generator function so it can be handled there.
           return invoke("throw", error, resolve, reject);
@@ -3380,61 +3381,53 @@ var runtime = createCommonjsModule(function (module) {
 
     function enqueue(method, arg) {
       function callInvokeWithMethodAndArg() {
-        return new Promise(function(resolve, reject) {
+        return new Promise(function (resolve, reject) {
           invoke(method, arg, resolve, reject);
         });
       }
 
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
+      return previousPromise = // If enqueue has been called before, then we want to wait until
+      // all previous Promises have been resolved before calling invoke,
+      // so that results are always delivered in the correct order. If
+      // enqueue has not been called before, then it is important to
+      // call invoke immediately, without waiting on a callback to fire,
+      // so that the async generator function has the opportunity to do
+      // any necessary setup in a predictable way. This predictability
+      // is why the Promise constructor synchronously invokes its
+      // executor callback, and why async functions synchronously
+      // execute code before the first await. Since we implement simple
+      // async functions in terms of async generators, it is especially
+      // important to get this right, even though it requires care.
+      previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
+      // invocations of the iterator.
+      callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+    } // Define the unified helper method that is used to implement .next,
     // .throw, and .return (see defineIteratorMethods).
+
+
     this._invoke = enqueue;
   }
 
   defineIteratorMethods(AsyncIterator.prototype);
+
   AsyncIterator.prototype[asyncIteratorSymbol] = function () {
     return this;
   };
-  runtime.AsyncIterator = AsyncIterator;
 
-  // Note that simple async functions are implemented on top of
+  runtime.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
   // AsyncIterator objects; they just return a Promise for the value of
   // the final result produced by the iterator.
-  runtime.async = function(innerFn, outerFn, self, tryLocsList) {
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList)
-    );
 
-    return runtime.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
+  runtime.async = function (innerFn, outerFn, self, tryLocsList) {
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList));
+    return runtime.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
+    : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
   };
 
   function makeInvokeMethod(innerFn, self, context) {
     var state = GenStateSuspendedStart;
-
     return function invoke(method, arg) {
       if (state === GenStateExecuting) {
         throw new Error("Generator is already running");
@@ -3443,10 +3436,10 @@ var runtime = createCommonjsModule(function (module) {
       if (state === GenStateCompleted) {
         if (method === "throw") {
           throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
+        } // Be forgiving, per 25.3.3.3.3 of the spec:
         // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+
+
         return doneResult();
       }
 
@@ -3455,8 +3448,10 @@ var runtime = createCommonjsModule(function (module) {
 
       while (true) {
         var delegate = context.delegate;
+
         if (delegate) {
           var delegateResult = maybeInvokeDelegate(delegate, context);
+
           if (delegateResult) {
             if (delegateResult === ContinueSentinel) continue;
             return delegateResult;
@@ -3467,7 +3462,6 @@ var runtime = createCommonjsModule(function (module) {
           // Setting context._sent for legacy support of Babel's
           // function.sent implementation.
           context.sent = context._sent = context.arg;
-
         } else if (context.method === "throw") {
           if (state === GenStateSuspendedStart) {
             state = GenStateCompleted;
@@ -3475,20 +3469,17 @@ var runtime = createCommonjsModule(function (module) {
           }
 
           context.dispatchException(context.arg);
-
         } else if (context.method === "return") {
           context.abrupt("return", context.arg);
         }
 
         state = GenStateExecuting;
-
         var record = tryCatch(innerFn, self, context);
+
         if (record.type === "normal") {
           // If an exception is thrown from innerFn, we leave state ===
           // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
+          state = context.done ? GenStateCompleted : GenStateSuspendedYield;
 
           if (record.arg === ContinueSentinel) {
             continue;
@@ -3498,24 +3489,24 @@ var runtime = createCommonjsModule(function (module) {
             value: record.arg,
             done: context.done
           };
-
         } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
+          state = GenStateCompleted; // Dispatch the exception by looping back around to the
           // context.dispatchException(context.arg) call above.
+
           context.method = "throw";
           context.arg = record.arg;
         }
       }
     };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
+  } // Call delegate.iterator[context.method](context.arg) and handle the
   // result, either by returning a { value, done } result from the
   // delegate iterator, or by modifying context.method and context.arg,
   // setting context.delegate to null, and returning the ContinueSentinel.
+
+
   function maybeInvokeDelegate(delegate, context) {
     var method = delegate.iterator[context.method];
+
     if (method === undefined$1) {
       // A .throw or .return when the delegate iterator has no .throw
       // method always terminates the yield* loop.
@@ -3537,8 +3528,7 @@ var runtime = createCommonjsModule(function (module) {
         }
 
         context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
+        context.arg = new TypeError("The iterator does not provide a 'throw' method");
       }
 
       return ContinueSentinel;
@@ -3555,7 +3545,7 @@ var runtime = createCommonjsModule(function (module) {
 
     var info = record.arg;
 
-    if (! info) {
+    if (!info) {
       context.method = "throw";
       context.arg = new TypeError("iterator result is not an object");
       context.delegate = null;
@@ -3565,54 +3555,51 @@ var runtime = createCommonjsModule(function (module) {
     if (info.done) {
       // Assign the result of the finished delegate to the temporary
       // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
+      context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
 
-      // If context.method was "throw" but the delegate handled the
+      context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
       // exception, let the outer generator proceed normally. If
       // context.method was "next", forget context.arg since it has been
       // "consumed" by the delegate iterator. If context.method was
       // "return", allow the original .return call to continue in the
       // outer generator.
+
       if (context.method !== "return") {
         context.method = "next";
         context.arg = undefined$1;
       }
-
     } else {
       // Re-yield the result returned by the delegate method.
       return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
+    } // The delegate iterator is finished, so forget it and continue with
     // the outer generator.
+
+
     context.delegate = null;
     return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
+  } // Define Generator.prototype.{next,throw,return} in terms of the
   // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
 
-  Gp[toStringTagSymbol] = "Generator";
 
-  // A Generator should always return itself as the iterator object when the
+  defineIteratorMethods(Gp);
+  Gp[toStringTagSymbol] = "Generator"; // A Generator should always return itself as the iterator object when the
   // @@iterator function is called on it. Some browsers' implementations of the
   // iterator prototype chain incorrectly implement this, causing the Generator
   // object to not be returned from this call. This ensures that doesn't happen.
   // See https://github.com/facebook/regenerator/issues/274 for more details.
-  Gp[iteratorSymbol] = function() {
+
+  Gp[iteratorSymbol] = function () {
     return this;
   };
 
-  Gp.toString = function() {
+  Gp.toString = function () {
     return "[object Generator]";
   };
 
   function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
+    var entry = {
+      tryLoc: locs[0]
+    };
 
     if (1 in locs) {
       entry.catchLoc = locs[1];
@@ -3637,33 +3624,37 @@ var runtime = createCommonjsModule(function (module) {
     // The root entry object (effectively a try statement without a catch
     // or a finally block) gives us a place to store values thrown from
     // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
+    this.tryEntries = [{
+      tryLoc: "root"
+    }];
     tryLocsList.forEach(pushTryEntry, this);
     this.reset(true);
   }
 
-  runtime.keys = function(object) {
+  runtime.keys = function (object) {
     var keys = [];
+
     for (var key in object) {
       keys.push(key);
     }
-    keys.reverse();
 
-    // Rather than returning an object with a next method, we keep
+    keys.reverse(); // Rather than returning an object with a next method, we keep
     // things simple and return the next function itself.
+
     return function next() {
       while (keys.length) {
         var key = keys.pop();
+
         if (key in object) {
           next.value = key;
           next.done = false;
           return next;
         }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
+      } // To avoid creating an additional object, we just hang the .value
       // and .done properties off the next function object itself. This
       // also ensures that the minifier will not anonymize the function.
+
+
       next.done = true;
       return next;
     };
@@ -3672,6 +3663,7 @@ var runtime = createCommonjsModule(function (module) {
   function values(iterable) {
     if (iterable) {
       var iteratorMethod = iterable[iteratorSymbol];
+
       if (iteratorMethod) {
         return iteratorMethod.call(iterable);
       }
@@ -3681,7 +3673,8 @@ var runtime = createCommonjsModule(function (module) {
       }
 
       if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
+        var i = -1,
+            next = function next() {
           while (++i < iterable.length) {
             if (hasOwn.call(iterable, i)) {
               next.value = iterable[i];
@@ -3692,70 +3685,69 @@ var runtime = createCommonjsModule(function (module) {
 
           next.value = undefined$1;
           next.done = true;
-
           return next;
         };
 
         return next.next = next;
       }
-    }
+    } // Return an iterator with no values.
+
 
-    // Return an iterator with no values.
-    return { next: doneResult };
+    return {
+      next: doneResult
+    };
   }
+
   runtime.values = values;
 
   function doneResult() {
-    return { value: undefined$1, done: true };
+    return {
+      value: undefined$1,
+      done: true
+    };
   }
 
   Context.prototype = {
     constructor: Context,
-
-    reset: function(skipTempReset) {
+    reset: function (skipTempReset) {
       this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
+      this.next = 0; // Resetting context._sent for legacy support of Babel's
       // function.sent implementation.
+
       this.sent = this._sent = undefined$1;
       this.done = false;
       this.delegate = null;
-
       this.method = "next";
       this.arg = undefined$1;
-
       this.tryEntries.forEach(resetTryEntry);
 
       if (!skipTempReset) {
         for (var name in this) {
           // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
+          if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
             this[name] = undefined$1;
           }
         }
       }
     },
-
-    stop: function() {
+    stop: function () {
       this.done = true;
-
       var rootEntry = this.tryEntries[0];
       var rootRecord = rootEntry.completion;
+
       if (rootRecord.type === "throw") {
         throw rootRecord.arg;
       }
 
       return this.rval;
     },
-
-    dispatchException: function(exception) {
+    dispatchException: function (exception) {
       if (this.done) {
         throw exception;
       }
 
       var context = this;
+
       function handle(loc, caught) {
         record.type = "throw";
         record.arg = exception;
@@ -3768,7 +3760,7 @@ var runtime = createCommonjsModule(function (module) {
           context.arg = undefined$1;
         }
 
-        return !! caught;
+        return !!caught;
       }
 
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
@@ -3792,40 +3784,31 @@ var runtime = createCommonjsModule(function (module) {
             } else if (this.prev < entry.finallyLoc) {
               return handle(entry.finallyLoc);
             }
-
           } else if (hasCatch) {
             if (this.prev < entry.catchLoc) {
               return handle(entry.catchLoc, true);
             }
-
           } else if (hasFinally) {
             if (this.prev < entry.finallyLoc) {
               return handle(entry.finallyLoc);
             }
-
           } else {
             throw new Error("try statement without catch or finally");
           }
         }
       }
     },
-
-    abrupt: function(type, arg) {
+    abrupt: function (type, arg) {
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
+
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
           var finallyEntry = entry;
           break;
         }
       }
 
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
+      if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
         // Ignore the finally entry if control is not jumping to a
         // location outside the try/catch block.
         finallyEntry = null;
@@ -3843,14 +3826,12 @@ var runtime = createCommonjsModule(function (module) {
 
       return this.complete(record);
     },
-
-    complete: function(record, afterLoc) {
+    complete: function (record, afterLoc) {
       if (record.type === "throw") {
         throw record.arg;
       }
 
-      if (record.type === "break" ||
-          record.type === "continue") {
+      if (record.type === "break" || record.type === "continue") {
         this.next = record.arg;
       } else if (record.type === "return") {
         this.rval = this.arg = record.arg;
@@ -3862,10 +3843,10 @@ var runtime = createCommonjsModule(function (module) {
 
       return ContinueSentinel;
     },
-
-    finish: function(finallyLoc) {
+    finish: function (finallyLoc) {
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i];
+
         if (entry.finallyLoc === finallyLoc) {
           this.complete(entry.completion, entry.afterLoc);
           resetTryEntry(entry);
@@ -3873,26 +3854,27 @@ var runtime = createCommonjsModule(function (module) {
         }
       }
     },
-
-    "catch": function(tryLoc) {
+    "catch": function (tryLoc) {
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i];
+
         if (entry.tryLoc === tryLoc) {
           var record = entry.completion;
+
           if (record.type === "throw") {
             var thrown = record.arg;
             resetTryEntry(entry);
           }
+
           return thrown;
         }
-      }
-
-      // The context.catch method must only be called with a location
+      } // The context.catch method must only be called with a location
       // argument that corresponds to a known catch block.
+
+
       throw new Error("illegal catch attempt");
     },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
+    delegateYield: function (iterable, resultName, nextLoc) {
       this.delegate = {
         iterator: values(iterable),
         resultName: resultName,
@@ -3908,14 +3890,12 @@ var runtime = createCommonjsModule(function (module) {
       return ContinueSentinel;
     }
   };
-})(
-  // In sloppy mode, unbound `this` refers to the global object, fallback to
-  // Function constructor if we're in global strict mode. That is sadly a form
-  // of indirect eval which violates Content Security Policy.
-  (function() {
-    return this || (typeof self === "object" && self);
-  })() || Function("return this")()
-);
+}( // In sloppy mode, unbound `this` refers to the global object, fallback to
+// Function constructor if we're in global strict mode. That is sadly a form
+// of indirect eval which violates Content Security Policy.
+function () {
+  return this || typeof self === "object" && self;
+}() || Function("return this")());
 });
 
 /**
@@ -3924,24 +3904,19 @@ var runtime = createCommonjsModule(function (module) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 // This method of obtaining a reference to the global object needs to be
 // kept identical to the way it is obtained in runtime.js
-var g$1 = (function() {
-  return this || (typeof self === "object" && self);
-})() || Function("return this")();
-
-// Use `getOwnPropertyNames` because not all browsers support calling
+var g$1 = function () {
+  return this || typeof self === "object" && self;
+}() || Function("return this")(); // Use `getOwnPropertyNames` because not all browsers support calling
 // `hasOwnProperty` on the global `self` object in a worker. See #183.
-var hadRuntime = g$1.regeneratorRuntime &&
-  Object.getOwnPropertyNames(g$1).indexOf("regeneratorRuntime") >= 0;
 
-// Save the old regeneratorRuntime in case it needs to be restored later.
-var oldRuntime = hadRuntime && g$1.regeneratorRuntime;
 
-// Force reevalutation of runtime.js.
-g$1.regeneratorRuntime = undefined;
+var hadRuntime = g$1.regeneratorRuntime && Object.getOwnPropertyNames(g$1).indexOf("regeneratorRuntime") >= 0; // Save the old regeneratorRuntime in case it needs to be restored later.
+
+var oldRuntime = hadRuntime && g$1.regeneratorRuntime; // Force reevalutation of runtime.js.
 
+g$1.regeneratorRuntime = undefined;
 var runtimeModule = runtime;
 
 if (hadRuntime) {
@@ -3951,7 +3926,7 @@ if (hadRuntime) {
   // Remove the global property added by runtime.js.
   try {
     delete g$1.regeneratorRuntime;
-  } catch(e) {
+  } catch (e) {
     g$1.regeneratorRuntime = undefined;
   }
 }
@@ -30970,7 +30945,7 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-var css_248z$1 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  background: #3A4454;\n  min-width: 100px;\n  max-width: 100px;\n  height: 100%;\n  color: #ffffff;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 400px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n  flex: 1;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n  display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  display: flex;\n  width: 100%;\n  padding: 6px 0px 6px 12px;\n  border-radius: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected {\n  color: #323130;\n  background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  margin-left: auto;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n  background-color: #73A6FF;\n  transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n  margin-left: auto;\n  font-size: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n  margin-left: auto;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 14.5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 0;\n  overflow: hidden;\n  white-space:nowrap;\n  margin: 0 5px;\n  font-weight: 100;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  margin: 0 5px 0 0;\n  font-weight: 600;\n  margin-left: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  padding-left: 15px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n  display: inline;\n  display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n  margin-left: 10px;\n  padding: 0 2px;\n  background-color: #232932;\n  border-left: 1px solid #8A8886;\n  overflow: hidden;\n  max-height: 0px;\n  transition: max-height 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3.utilities_ops-app-frame_NavigationBar_NavigationBar--expanded {\n  max-height: 500px;\n  margin-top: 3px;\n}";
+var css_248z$1 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  background: #3A4454;\n  min-width: 100px;\n  max-width: 100px;\n  height: 100%;\n  color: #ffffff;\n  font-size: 16px;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 400px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n  flex: 1;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n  display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  display: flex;\n  width: 100%;\n  padding: 6px 0px 6px 12px;\n  border-radius: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected {\n  color: #323130;\n  background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  margin-left: auto;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n  background-color: #73A6FF;\n  transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n  margin-left: auto;\n  font-size: 12px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n  margin-left: auto;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n  width: 20px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 0;\n  overflow: hidden;\n  white-space:nowrap;\n  margin: 0 5px;\n  font-weight: 100;\n  cursor: pointer;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  margin: 0 5px 0 0;\n  font-weight: 600;\n  margin-left: 0px;\n  cursor: auto;\n  cursor: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n  display: inline;\n  display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n  margin-left: 10px;\n  padding: 0 2px;\n  background-color: #232932;\n  border-left: 1px solid #8A8886;\n  overflow: hidden;\n  max-height: 0px;\n  transition: max-height 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3.utilities_ops-app-frame_NavigationBar_NavigationBar--expanded {\n  max-height: 500px;\n  margin-top: 3px;\n}";
 styleInject(css_248z$1);
 
 var _styleModuleImportMap = {
@@ -30991,18 +30966,25 @@ var _styleModuleImportMap = {
   }
 };
 
-var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref) {
+var NavIcon = function NavIcon(_ref) {
+  var icon = _ref.icon;
+  return typeof icon === 'string' ? React__default["default"].createElement(coreComponents.IconV2, {
+    name: icon
+  }) : icon;
+};
+
+var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref2) {
   var _navItem$name;
 
-  var navItem = _ref.navItem,
-      isHover = _ref.isHover,
-      activeSubmenu = _ref.activeSubmenu,
-      setActiveSubmenu = _ref.setActiveSubmenu,
-      navigateTo = _ref.navigateTo,
-      selected = _ref.selected,
-      setSelected = _ref.setSelected,
-      defaultRedirect = _ref.defaultRedirect,
-      reloadMenuItems = _ref.reloadMenuItems;
+  var navItem = _ref2.navItem,
+      isHover = _ref2.isHover,
+      activeSubmenu = _ref2.activeSubmenu,
+      setActiveSubmenu = _ref2.setActiveSubmenu,
+      navigateTo = _ref2.navigateTo,
+      selected = _ref2.selected,
+      setSelected = _ref2.setSelected,
+      defaultRedirect = _ref2.defaultRedirect,
+      reloadMenuItems = _ref2.reloadMenuItems;
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1"
@@ -31010,11 +30992,13 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref) {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem"
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
-  }, navItem.icon), React__default["default"].createElement("div", {
+  }, React__default["default"].createElement(NavIcon, {
+    icon: navItem.icon
+  })), React__default["default"].createElement("div", {
     className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
   }, (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase()), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
-  }, navItem.count)), React__default["default"].createElement("div", null, hasSubMenuItems && navItem.subMenuItems.map(function (subItem) {
+  }, navItem.count)), React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
     return React__default["default"].createElement(NavigationMenuLevel2, {
       key: subItem.name,
       isHover: isHover,
@@ -31027,19 +31011,19 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref) {
       navigateTo: navigateTo,
       reloadMenuItems: reloadMenuItems
     });
-  })));
+  }) : null));
 };
 
-var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref2) {
-  var navItem = _ref2.navItem,
-      isHover = _ref2.isHover,
-      selected = _ref2.selected,
-      setSelected = _ref2.setSelected,
-      defaultRedirect = _ref2.defaultRedirect,
-      activeSubmenu = _ref2.activeSubmenu,
-      setActiveSubmenu = _ref2.setActiveSubmenu,
-      navigateTo = _ref2.navigateTo,
-      reloadMenuItems = _ref2.reloadMenuItems;
+var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref3) {
+  var navItem = _ref3.navItem,
+      isHover = _ref3.isHover,
+      selected = _ref3.selected,
+      setSelected = _ref3.setSelected,
+      defaultRedirect = _ref3.defaultRedirect,
+      activeSubmenu = _ref3.activeSubmenu,
+      setActiveSubmenu = _ref3.setActiveSubmenu,
+      navigateTo = _ref3.navigateTo,
+      reloadMenuItems = _ref3.reloadMenuItems;
 
   var _useState = React.useState(navItem.count),
       _useState2 = _slicedToArray(_useState, 2),
@@ -31071,19 +31055,21 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref2) {
     })
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
-  }, navItem.icon), React__default["default"].createElement("div", {
+  }, React__default["default"].createElement(NavIcon, {
+    icon: navItem.icon
+  })), React__default["default"].createElement("div", {
     className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
   }, navItem.name), hasSubMenuItems ? React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton"
-  }, React__default["default"].createElement(coreComponents.Icon, {
-    name: activeSubmenu == navItem.route ? 'ChevronUpMed' : 'ChevronDownMed'
+  }, React__default["default"].createElement(coreComponents.IconV2, {
+    name: activeSubmenu == navItem.route ? 'chevron-up' : 'chevron-down'
   })) : React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
   }, countText)), React__default["default"].createElement("div", {
     className: _getClassName("NavMenuLevel3 ".concat(activeSubmenu == navItem.route ? "expanded" : ""), _styleModuleImportMap, {
       "handleMissingStyleName": "warn"
     })
-  }, hasSubMenuItems && navItem.subMenuItems.map(function (subItem) {
+  }, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
     return React__default["default"].createElement(NavigationMenuLevel3, {
       key: subItem.name,
       isHover: isHover,
@@ -31093,16 +31079,16 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref2) {
       defaultRedirect: defaultRedirect,
       navigateTo: navigateTo
     });
-  })));
+  }) : null));
 };
 
-var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref3) {
-  var navItem = _ref3.navItem,
-      isHover = _ref3.isHover,
-      selected = _ref3.selected,
-      setSelected = _ref3.setSelected,
-      defaultRedirect = _ref3.defaultRedirect,
-      navigateTo = _ref3.navigateTo;
+var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref4) {
+  var navItem = _ref4.navItem,
+      isHover = _ref4.isHover,
+      selected = _ref4.selected,
+      setSelected = _ref4.setSelected,
+      defaultRedirect = _ref4.defaultRedirect,
+      navigateTo = _ref4.navigateTo;
 
   var _useState3 = React.useState(navItem.count),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -31129,7 +31115,9 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref3) {
     })
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
-  }, navItem.icon), React__default["default"].createElement("div", {
+  }, React__default["default"].createElement(NavIcon, {
+    icon: navItem.icon
+  })), React__default["default"].createElement("div", {
     className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
   }, navItem.name), React__default["default"].createElement("div", {
     key: isHover,
@@ -31137,12 +31125,12 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref3) {
   }, countText));
 };
 
-var NavigationMenu = function NavigationMenu(_ref4) {
-  var navItems = _ref4.navItems,
-      isHover = _ref4.isHover,
-      navigateTo = _ref4.navigateTo,
-      configDepth = _ref4.configDepth,
-      reloadMenuItems = _ref4.reloadMenuItems;
+var NavigationMenu = function NavigationMenu(_ref5) {
+  var navItems = _ref5.navItems,
+      isHover = _ref5.isHover,
+      navigateTo = _ref5.navigateTo,
+      configDepth = _ref5.configDepth,
+      reloadMenuItems = _ref5.reloadMenuItems;
 
   var _useState5 = React.useState(null),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -31203,10 +31191,9 @@ var NavigationMenu = function NavigationMenu(_ref4) {
   }));
 };
 
-var NavigationBar = function NavigationBar(_ref5) {
-  var getNavItems = _ref5.getNavItems,
-      showNavigation = _ref5.showNavigation,
-      navigateTo = _ref5.navigateTo;
+var NavigationBar = function NavigationBar(_ref6) {
+  var getNavItems = _ref6.getNavItems,
+      navigateTo = _ref6.navigateTo;
 
   var _useState9 = React.useState(null),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -31228,12 +31215,30 @@ var NavigationBar = function NavigationBar(_ref5) {
       isConfigValid = _useState16[0],
       setConfigValid = _useState16[1];
 
+  React.useEffect(function () {
+    var navItems = getNavItems();
+
+    if (Array.isArray(navItems)) {
+      var isValid = validateConfig(navItems);
+
+      if (isValid) {
+        setConfigDepth(getDepth(navItems));
+        setNavItemsModified(updateRoutes(navItems, ""));
+        setConfigValid(true);
+      } else {
+        setConfigValid(false);
+      }
+    } else {
+      reloadMenuItems();
+    }
+  }, []);
+
   var updateRoutes = function updateRoutes(navItems, parentRoute) {
     var updatedItems = navItems.map(function (item) {
       var updatedItem = _objectSpread2({}, item);
 
       if (updatedItem.route) {
-        updatedItem.route = parentRoute + updatedItem.route;
+        updatedItem.route = parentRoute + '/' + updatedItem.route;
       }
 
       if (updatedItem.subMenuItems) {
@@ -31247,18 +31252,11 @@ var NavigationBar = function NavigationBar(_ref5) {
 
   var getDepth = function getDepth(navItems) {
     var depth = 0;
-
-    if (navItems.subMenuItems) {
-      navItems.subMenuItems.forEach(function (d) {
-        var tmpDepth = getDepth(d);
-
-        if (tmpDepth > depth) {
-          depth = tmpDepth;
-        }
-      });
-    }
-
-    return 1 + depth;
+    navItems.forEach(function (navItem) {
+      var subMenuDepth = navItem.subMenuItems ? getDepth(navItem.subMenuItems) : 0;
+      depth = Math.max(depth, 1 + subMenuDepth);
+    });
+    return depth;
   };
 
   var validateConfig = function validateConfig(navItems) {
@@ -31289,7 +31287,7 @@ var NavigationBar = function NavigationBar(_ref5) {
         var isVaild = validateConfig(result);
 
         if (isVaild) {
-          setConfigDepth(getDepth.apply(void 0, _toConsumableArray(result)));
+          setConfigDepth(getDepth(result));
           setNavItemsModified(updateRoutes(result, ""));
           setConfigValid(true);
         } else {
@@ -31299,24 +31297,6 @@ var NavigationBar = function NavigationBar(_ref5) {
     }
   };
 
-  React.useEffect(function () {
-    var navItems = getNavItems();
-
-    if (Array.isArray(navItems)) {
-      var isValid = validateConfig(navItems);
-
-      if (isValid) {
-        setConfigDepth(getDepth.apply(void 0, _toConsumableArray(navItems)));
-        setNavItemsModified(updateRoutes(navItems, ""));
-        setConfigValid(true);
-      } else {
-        setConfigValid(false);
-      }
-    } else {
-      reloadMenuItems();
-    }
-  }, []);
-
   var onMouseOver = function onMouseOver() {
     setHover(true);
   };
@@ -31325,7 +31305,7 @@ var NavigationBar = function NavigationBar(_ref5) {
     setHover(false);
   };
 
-  return showNavigation ? React__default["default"].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
     onMouseOver: onMouseOver,
     onMouseLeave: onMouseLeave
@@ -31335,7 +31315,7 @@ var NavigationBar = function NavigationBar(_ref5) {
     navigateTo: navigateTo,
     configDepth: configDepth,
     reloadMenuItems: reloadMenuItems
-  }) : null, !isConfigValid ? React__default["default"].createElement("div", null, "Please check your navigation config") : null) : null;
+  }) : null, !isConfigValid ? React__default["default"].createElement("div", null, "Please check your navigation config") : null);
 };
 
 /******************************************************************************
@@ -45692,20 +45672,18 @@ var AppFrame = function AppFrame(props) {
     pathname: window.location.pathname
   }), React__default["default"].createElement("main", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
-  }, !props.hideNavBar && storage.isAuthenticated ? React__default["default"].createElement(NavigationBar, {
+  }, props.showNavigation && storage.isAuthenticated ? React__default["default"].createElement(NavigationBar, {
     navigateTo: props.navigateTo,
-    showNavigation: props.showNavigation,
     getNavItems: props.getNavItems
   }) : null, React__default["default"].createElement("div", {
     style: {
-      marginLeft: props.hideNavBar ? '0px' : '100px'
+      marginLeft: props.showNavigation ? '100px' : '0px'
     }
   }, props.children)))))));
 };
 AppFrame.defaultProps = {
-  hideNavBar: true,
   handleScrolling: true,
-  showNavigation: true,
+  showNavigation: false,
   getNavItems: function getNavItems() {
     return [];
   }