@instructure/ui-tooltip 11.7.3-snapshot-25 → 11.7.3-snapshot-27

package/lib/Tooltip/v2/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Tooltip = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
@@ -18,8 +17,7 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _props = require("./props");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-const _excluded = ["renderTip", "isShowingContent", "defaultIsShowingContent", "on", "color", "placement", "mountNode", "constrain", "offsetX", "offsetY", "positionTarget", "onShowContent", "onHideContent", "preventTooltip", "styles"];
-var _dec, _dec2, _class, _Tooltip;
+var _dec, _dec2, _class;
 /*
  * The MIT License (MIT)
  *
@@ -48,45 +46,58 @@ var _dec, _dec2, _class, _Tooltip;
 category: components
 ---
 **/
-let Tooltip = exports.Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default), _dec(_class = _dec2(_class = (_Tooltip = class Tooltip extends _react.Component {
+let Tooltip = exports.Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default), _dec(_class = _dec2(_class = class Tooltip extends _react.Component {
+  static displayName = "Tooltip";
+  static componentId = 'Tooltip';
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {
+    defaultIsShowingContent: false,
+    color: 'primary',
+    placement: 'top',
+    constrain: 'window',
+    offsetX: 0,
+    offsetY: 0,
+    preventTooltip: false
+  };
+  _id;
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+    if (typeof this.props.elementRef === 'function') {
+      this.props.elementRef(el);
+    }
+  };
   constructor(props) {
     super(props);
-    this._id = void 0;
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-      if (typeof this.props.elementRef === 'function') {
-        this.props.elementRef(el);
-      }
-    };
-    this.handleFocus = () => {
-      this.setState({
-        hasFocus: true
-      });
-    };
-    this.handleBlur = () => {
-      this.setState({
-        hasFocus: false
-      });
-    };
     this._id = props.deterministicId();
     this.state = {
       hasFocus: false
     };
   }
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    this.props.makeStyles?.();
   }
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    this.props.makeStyles?.();
   }
+  handleFocus = () => {
+    this.setState({
+      hasFocus: true
+    });
+  };
+  handleBlur = () => {
+    this.setState({
+      hasFocus: false
+    });
+  };
   renderTrigger() {
-    const _ref = this.props,
-      children = _ref.children,
-      as = _ref.as;
-    const hasFocus = this.state.hasFocus;
+    const {
+      children,
+      as
+    } = this.props;
+    const {
+      hasFocus
+    } = this.state;
     const triggerProps = {
       'aria-describedby': this._id
     };
@@ -111,23 +122,24 @@ let Tooltip = exports.Tooltip = (_dec = (0, _withDeterministicId.withDeterminist
     }
   }
   render() {
-    const _this$props3 = this.props,
-      renderTip = _this$props3.renderTip,
-      isShowingContent = _this$props3.isShowingContent,
-      defaultIsShowingContent = _this$props3.defaultIsShowingContent,
-      on = _this$props3.on,
-      color = _this$props3.color,
-      placement = _this$props3.placement,
-      mountNode = _this$props3.mountNode,
-      constrain = _this$props3.constrain,
-      offsetX = _this$props3.offsetX,
-      offsetY = _this$props3.offsetY,
-      positionTarget = _this$props3.positionTarget,
-      onShowContent = _this$props3.onShowContent,
-      onHideContent = _this$props3.onHideContent,
-      preventTooltip = _this$props3.preventTooltip,
-      styles = _this$props3.styles,
-      rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+    const {
+      renderTip,
+      isShowingContent,
+      defaultIsShowingContent,
+      on,
+      color,
+      placement,
+      mountNode,
+      constrain,
+      offsetX,
+      offsetY,
+      positionTarget,
+      onShowContent,
+      onHideContent,
+      preventTooltip,
+      styles,
+      ...rest
+    } = this.props;
     return (0, _jsxRuntime.jsx)(_latest.Popover, {
       ...(0, _passthroughProps.passthroughProps)(rest),
       isShowingContent: !preventTooltip && isShowingContent,
@@ -155,19 +167,11 @@ let Tooltip = exports.Tooltip = (_dec = (0, _withDeterministicId.withDeterminist
       "data-cid": "Tooltip",
       children: !preventTooltip ? (0, _jsxRuntime.jsx)("span", {
         id: this._id,
-        css: styles === null || styles === void 0 ? void 0 : styles.tooltip,
+        css: styles?.tooltip,
         role: "tooltip",
         children: (0, _callRenderProp.callRenderProp)(renderTip)
       }) : null
     });
   }
-}, _Tooltip.displayName = "Tooltip", _Tooltip.componentId = 'Tooltip', _Tooltip.allowedProps = _props.allowedProps, _Tooltip.defaultProps = {
-  defaultIsShowingContent: false,
-  color: 'primary',
-  placement: 'top',
-  constrain: 'window',
-  offsetX: 0,
-  offsetY: 0,
-  preventTooltip: false
-}, _Tooltip)) || _class) || _class);
+}) || _class) || _class);
 var _default = exports.default = Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tooltip",
-  "version": "11.7.3-snapshot-25",
+  "version": "11.7.3-snapshot-27",
   "description": "A component for showing small text-only overlays on hover/focus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -14,23 +14,23 @@
   "bugs": "https://github.com/instructure/instructure-ui/issues",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.7.3-snapshot-25",
-    "@instructure/ui-popover": "11.7.3-snapshot-25",
-    "@instructure/shared-types": "11.7.3-snapshot-25",
-    "@instructure/ui-position": "11.7.3-snapshot-25",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-25",
-    "@instructure/ui-themes": "11.7.3-snapshot-25",
-    "@instructure/ui-utils": "11.7.3-snapshot-25"
+    "@babel/runtime": "^7.29.2",
+    "@instructure/emotion": "11.7.3-snapshot-27",
+    "@instructure/shared-types": "11.7.3-snapshot-27",
+    "@instructure/ui-popover": "11.7.3-snapshot-27",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-27",
+    "@instructure/ui-position": "11.7.3-snapshot-27",
+    "@instructure/ui-utils": "11.7.3-snapshot-27",
+    "@instructure/ui-themes": "11.7.3-snapshot-27"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-25",
-    "@instructure/ui-scripts": "11.7.3-snapshot-25",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-25"
+    "@instructure/ui-scripts": "11.7.3-snapshot-27",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-27",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-27"
   },
   "peerDependencies": {
     "react": ">=18 <=19"