@xqmsg/ui-core 0.18.7 → 0.18.8

package/dist/components/navigation/components/items/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface NavigationMenuItemProps {
     leftIcon: JSX.Element;
     label: string;
+    to?: string;
     href?: string;
     isSelected: boolean;
     onClick: () => void;

package/dist/components/navigation/index.d.ts

@@ -3,6 +3,7 @@ export declare type GroupMenuItems = {
     leftIcon: JSX.Element;
     label: string;
     href?: string;
+    to?: string;
     rightIcon?: JSX.Element;
     isExternal?: boolean;
 };

package/dist/ui-core.cjs.development.js

@@ -10,6 +10,7 @@ var react = require('@chakra-ui/react');
 var reactHookForm = require('react-hook-form');
 var lodash = require('lodash');
 var icons = require('@chakra-ui/icons');
+var reactRouterDom = require('react-router-dom');
 var hi = require('react-icons/hi');
 var provider = require('@chakra-ui/provider');
 var themeTools = require('@chakra-ui/theme-tools');
@@ -2863,22 +2864,31 @@ var NavigationMenuItem = function NavigationMenuItem(_ref) {
   var label = _ref.label,
       leftIcon = _ref.leftIcon,
       href = _ref.href,
+      to = _ref.to,
       rightIcon = _ref.rightIcon,
       isExternal = _ref.isExternal,
       isSelected = _ref.isSelected,
       onClick = _ref.onClick;
   var additionalProps = {};
+  var reactRouterLinkProps = {};
+
+  if (to) {
+    reactRouterLinkProps = {
+      to: to,
+      as: reactRouterDom.Link
+    };
+  }
 
   if (isExternal) {
     additionalProps = _extends$6({}, additionalProps, {
       referrerPolicy: 'no-referrer',
-      target: '_blank'
+      target: '_blank',
+      href: href,
+      isExternal: true
     });
   }
 
-  return /*#__PURE__*/React__default.createElement(react.Link, Object.assign({
-    href: href
-  }, additionalProps, {
+  return /*#__PURE__*/React__default.createElement(react.Link, Object.assign({}, reactRouterLinkProps, additionalProps, {
     onClick: onClick,
     display: "flex",
     alignItems: "center",