@instructure/ui-link 8.47.1 → 8.47.2-snapshot-2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.47.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.47.1...v8.47.2-snapshot-2) (2023-11-09)
+
+
+### Features
+
+* **ui-breadcrumb,ui-link:** add onMouseEnter prop ([a52f836](https://github.com/instructure/instructure-ui/commit/a52f836b48bfbd99763e9f5381675e8eabaa22c5))
+
+
+
+
+
 ## [8.47.1](https://github.com/instructure/instructure-ui/compare/v8.47.0...v8.47.1) (2023-11-06)
 
 **Note:** Version bump only for package @instructure/ui-link

package/es/Link/index.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "onClick", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
+const _excluded = ["children", "onClick", "onMouseEnter", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
 var _dec, _dec2, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -169,6 +169,7 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
     const _this$props4 = this.props,
       children = _this$props4.children,
       onClick = _this$props4.onClick,
+      onMouseEnter = _this$props4.onMouseEnter,
       color = _this$props4.color,
       href = _this$props4.href,
       margin = _this$props4.margin,
@@ -186,6 +187,7 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       display: this.display,
       margin: margin,
       href: href,
+      onMouseEnter: onMouseEnter,
       onClick: this.handleClick,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,

package/es/Link/props.js

@@ -38,9 +38,10 @@ const propTypes = {
   iconPlacement: PropTypes.oneOf(['start', 'end']),
   display: PropTypes.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
   isWithinText: PropTypes.bool,
+  onBlur: PropTypes.func,
   onClick: PropTypes.func,
   onFocus: PropTypes.func,
-  onBlur: PropTypes.func
+  onMouseEnter: PropTypes.func
 };
-const allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'role', 'forceButtonRole', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onClick', 'onFocus', 'onBlur'];
+const allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'role', 'forceButtonRole', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onBlur', 'onClick', 'onFocus', 'onMouseEnter'];
 export { propTypes, allowedProps };

package/lib/Link/index.js

@@ -23,7 +23,7 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-const _excluded = ["children", "onClick", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
+const _excluded = ["children", "onClick", "onMouseEnter", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
 var _dec, _dec2, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -181,6 +181,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const _this$props4 = this.props,
       children = _this$props4.children,
       onClick = _this$props4.onClick,
+      onMouseEnter = _this$props4.onMouseEnter,
       color = _this$props4.color,
       href = _this$props4.href,
       margin = _this$props4.margin,
@@ -198,6 +199,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       display: this.display,
       margin: margin,
       href: href,
+      onMouseEnter: onMouseEnter,
       onClick: this.handleClick,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,

package/lib/Link/props.js

@@ -45,8 +45,9 @@ const propTypes = exports.propTypes = {
   iconPlacement: _propTypes.default.oneOf(['start', 'end']),
   display: _propTypes.default.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
   isWithinText: _propTypes.default.bool,
+  onBlur: _propTypes.default.func,
   onClick: _propTypes.default.func,
   onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func
+  onMouseEnter: _propTypes.default.func
 };
-const allowedProps = exports.allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'role', 'forceButtonRole', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onClick', 'onFocus', 'onBlur'];
+const allowedProps = exports.allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'role', 'forceButtonRole', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onBlur', 'onClick', 'onFocus', 'onMouseEnter'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "8.47.1",
+  "version": "8.47.2-snapshot-2",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,25 +24,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.47.1",
-    "@instructure/emotion": "8.47.1",
-    "@instructure/shared-types": "8.47.1",
-    "@instructure/ui-a11y-utils": "8.47.1",
-    "@instructure/ui-color-utils": "8.47.1",
-    "@instructure/ui-dom-utils": "8.47.1",
-    "@instructure/ui-icons": "8.47.1",
-    "@instructure/ui-prop-types": "8.47.1",
-    "@instructure/ui-react-utils": "8.47.1",
-    "@instructure/ui-testable": "8.47.1",
-    "@instructure/ui-view": "8.47.1",
+    "@instructure/console": "8.47.2-snapshot-2",
+    "@instructure/emotion": "8.47.2-snapshot-2",
+    "@instructure/shared-types": "8.47.2-snapshot-2",
+    "@instructure/ui-a11y-utils": "8.47.2-snapshot-2",
+    "@instructure/ui-color-utils": "8.47.2-snapshot-2",
+    "@instructure/ui-dom-utils": "8.47.2-snapshot-2",
+    "@instructure/ui-icons": "8.47.2-snapshot-2",
+    "@instructure/ui-prop-types": "8.47.2-snapshot-2",
+    "@instructure/ui-react-utils": "8.47.2-snapshot-2",
+    "@instructure/ui-testable": "8.47.2-snapshot-2",
+    "@instructure/ui-view": "8.47.2-snapshot-2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.47.1",
-    "@instructure/ui-test-locator": "8.47.1",
-    "@instructure/ui-test-queries": "8.47.1",
-    "@instructure/ui-test-utils": "8.47.1",
-    "@instructure/ui-themes": "8.47.1"
+    "@instructure/ui-babel-preset": "8.47.2-snapshot-2",
+    "@instructure/ui-test-locator": "8.47.2-snapshot-2",
+    "@instructure/ui-test-queries": "8.47.2-snapshot-2",
+    "@instructure/ui-test-utils": "8.47.2-snapshot-2",
+    "@instructure/ui-themes": "8.47.2-snapshot-2"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

package/src/Link/index.tsx

@@ -213,6 +213,7 @@ class Link extends Component<LinkProps, LinkState> {
     const {
       children,
       onClick,
+      onMouseEnter,
       color,
       href,
       margin,
@@ -241,6 +242,7 @@ class Link extends Component<LinkProps, LinkState> {
         display={this.display}
         margin={margin}
         href={href}
+        onMouseEnter={onMouseEnter}
         onClick={this.handleClick}
         onFocus={this.handleFocus}
         onBlur={this.handleBlur}

package/src/Link/props.ts

@@ -112,6 +112,11 @@ type LinkOwnProps = {
    */
   isWithinText?: boolean
 
+  /**
+   * Fires when the Link loses focus
+   */
+  onBlur?: (event: React.FocusEvent<ViewOwnProps>) => void
+
   /**
    * Fires when the Link is clicked
    */
@@ -123,9 +128,9 @@ type LinkOwnProps = {
   onFocus?: (event: React.FocusEvent<ViewOwnProps>) => void
 
   /**
-   * Fires when the Link loses focus
+   * Fires when the Link is hovered
    */
-  onBlur?: (event: React.FocusEvent<ViewOwnProps>) => void
+  onMouseEnter?: (event: React.MouseEvent<ViewOwnProps>) => void
 }
 
 export type LinkStyleProps = {
@@ -168,9 +173,10 @@ const propTypes: PropValidators<PropKeys> = {
     'inline-flex'
   ]),
   isWithinText: PropTypes.bool,
+  onBlur: PropTypes.func,
   onClick: PropTypes.func,
   onFocus: PropTypes.func,
-  onBlur: PropTypes.func
+  onMouseEnter: PropTypes.func
 }
 
 const allowedProps: AllowedPropKeys = [
@@ -187,9 +193,10 @@ const allowedProps: AllowedPropKeys = [
   'iconPlacement',
   'display',
   'isWithinText',
+  'onBlur',
   'onClick',
   'onFocus',
-  'onBlur'
+  'onMouseEnter'
 ]
 
 export type { LinkProps, LinkState, LinkStyle }