@xqmsg/ui-core 0.18.6 → 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');
@@ -594,7 +595,7 @@ var SpinnerButton = function SpinnerButton(_ref) {
       className = _ref.className;
   return /*#__PURE__*/React__default.createElement(react.Button, {
     spinner: /*#__PURE__*/React__default.createElement(react.Spinner, {
-      size: 'sm'
+      size: 'xs'
     }),
     isLoading: isLoading,
     onClick: onClick,
@@ -694,7 +695,13 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
     type: type,
     isRequired: isRequired
   }, props, {
-    ref: _ref
+    ref: _ref,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter') {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }
   })), rightElement && rightElement);
 });
 
@@ -1074,7 +1081,13 @@ var StackedTextarea = /*#__PURE__*/React__default.forwardRef(function (_ref2, _r
   return /*#__PURE__*/React__default.createElement(react.Textarea, Object.assign({
     ref: _ref
   }, props, {
-    fontSize: "13px"
+    fontSize: "13px",
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter') {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }
   }));
 });
 
@@ -1515,6 +1528,11 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
   }, [latestTokenElement, watchedValue]);
 
   var onHandleKeyDown = function onHandleKeyDown(e) {
+    if (e.key === 'Enter') {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+
     if ((e.key === ' ' || e.key === 'Enter' || e.key === ',' || e.key === 'Tab') && localValue.trim().length) {
       if (e.key === 'Enter' && !localValue.trim().length && tokenIndex !== null) {
         setLocalValue(lastestFormValueToArray[tokenIndex]);
@@ -2846,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",