@codecademy/gamut 72.2.3-alpha.c298d6.0 → 72.2.3-alpha.ca9682.0

package/dist/Button/IconButton.js

@@ -16,7 +16,6 @@ export const IconButton = /*#__PURE__*/forwardRef(({
   const iconSize = iconSizeMapping[buttonSize];
   return /*#__PURE__*/_jsx(ToolTip, {
     info: tip,
-    closeOnClick: true,
     ...tipProps,
     children: /*#__PURE__*/_jsx(IconButtonBase, {
       ...props,

package/dist/Tip/ToolTip/index.d.ts

@@ -1,12 +1,7 @@
 import { WithChildrenProp } from '../../utils';
-import { TipCenterAlignment, TipNewBaseProps } from '../shared/types';
-export type ToolTipProps = TipNewBaseProps & WithChildrenProp & {
+import { TipBaseProps, TipCenterAlignment } from '../shared/types';
+export type ToolTipProps = TipBaseProps & WithChildrenProp & {
     alignment?: TipCenterAlignment;
-    /**
-     * If true, the tooltip closes immediately when the trigger is clicked or activated via keyboard.
-     * Pass `false` via `tipProps` on IconButton to opt out (e.g. copy → copied patterns).
-     */
-    closeOnClick?: boolean;
     /**
      * Can be used for accessibility - the same id needs to be passed to the `aria-describedby` attribute of the element that the tooltip is describing.
      */

package/dist/Tip/shared/FloatingTip.js

@@ -11,7 +11,6 @@ export const FloatingTip = ({
   alignment,
   avatar,
   children,
-  closeOnClick,
   escapeKeyPressHandler,
   inheritDims,
   info,
@@ -102,19 +101,6 @@ export const FloatingTip = ({
   const isHoverType = type === 'tool' || type === 'preview';
   const isPreviewType = type === 'preview';
   const toolOnlyEventFunc = isHoverType ? e => handleShowHideAction(e) : undefined;
-  const handleClick = useCallback(() => {
-    if (hoverDelayRef.current) {
-      clearTimeout(hoverDelayRef.current);
-      hoverDelayRef.current = undefined;
-    }
-    if (focusDelayRef.current) {
-      clearTimeout(focusDelayRef.current);
-      focusDelayRef.current = undefined;
-    }
-    setIsOpen(false);
-    setIsFocused(false);
-  }, []);
-  const clickHandler = closeOnClick && isHoverType ? handleClick : undefined;
   const contents = isPreviewType ? /*#__PURE__*/_jsx(PreviewTipContents, {
     avatar: avatar,
     info: info,
@@ -136,7 +122,6 @@ export const FloatingTip = ({
       ref: ref,
       width: inheritDims ? 'inherit' : undefined,
       onBlur: toolOnlyEventFunc,
-      onClick: clickHandler,
       onFocus: toolOnlyEventFunc,
       onKeyDown: escapeKeyPressHandler,
       onMouseDown: e => e.preventDefault(),

package/dist/Tip/shared/InlineTip.js

@@ -1,4 +1,3 @@
-import { useCallback, useState } from 'react';
 import { InfoTipContainer } from '../InfoTip/styles';
 import { PreviewTipContents, PreviewTipShadow } from '../PreviewTip/elements';
 import { ToolTipContainer } from '../ToolTip/elements';
@@ -10,7 +9,6 @@ export const InlineTip = ({
   alignment,
   avatar,
   children,
-  closeOnClick,
   escapeKeyPressHandler,
   id,
   inheritDims,
@@ -27,12 +25,6 @@ export const InlineTip = ({
   zIndex
 }) => {
   const isHoverType = type === 'tool' || type === 'preview';
-  const [isSuppressed, setIsSuppressed] = useState(false);
-  const handleClick = useCallback(() => {
-    if (closeOnClick) setIsSuppressed(true);
-  }, [closeOnClick]);
-  const handleBlur = useCallback(() => setIsSuppressed(false), []);
-  const handleMouseLeave = useCallback(() => setIsSuppressed(false), []);
   const InlineTipWrapper = isHoverType ? ToolTipWrapper : InfoTipWrapper;
   const InlineTipBodyWrapper = isHoverType ? ToolTipContainer : InfoTipContainer;
   const inlineWrapperProps = isHoverType ? {} : {
@@ -47,17 +39,10 @@ export const InlineTip = ({
     type
   });
   const isHorizontalCenter = tipBodyAlignment === 'horizontalCenter';
-  const suppressedBodyStyle = isHoverType && isSuppressed ? {
-    opacity: 0,
-    visibility: 'hidden',
-    transition: 'none'
-  } : undefined;
   const target = /*#__PURE__*/_jsx(TargetContainer, {
     height: inheritDims ? 'inherit' : undefined,
     ref: wrapperRef,
     width: inheritDims ? 'inherit' : undefined,
-    onBlur: isHoverType ? handleBlur : undefined,
-    onClick: isHoverType ? handleClick : undefined,
     onKeyDown: escapeKeyPressHandler,
     children: children
   });
@@ -65,7 +50,6 @@ export const InlineTip = ({
     alignment: alignment,
     zIndex: zIndex ?? 1,
     ...inlineWrapperProps,
-    style: suppressedBodyStyle,
     children: /*#__PURE__*/_jsx(TipBody, {
       alignment: tipBodyAlignment,
       "aria-hidden": isHoverType,
@@ -94,7 +78,6 @@ export const InlineTip = ({
   });
   return /*#__PURE__*/_jsx(InlineTipWrapper, {
     ...tipWrapperProps,
-    onMouseLeave: isHoverType ? handleMouseLeave : undefined,
     children: alignment.includes('top') ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [tipBody, target]
     }) : /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Tip/shared/types.d.ts

@@ -47,7 +47,6 @@ export type TipPlacementComponentProps = Omit<TipNewBaseProps, 'placement' | 'em
     id?: string;
     isTipHidden?: boolean;
     contentRef?: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
-    closeOnClick?: boolean;
     type: 'info' | 'tool' | 'preview';
     wrapperRef?: React.RefObject<HTMLDivElement>;
     zIndex?: number;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.3-alpha.c298d6.0",
+  "version": "72.2.3-alpha.ca9682.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.c298d6.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.c298d6.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.c298d6.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.c298d6.0",
-    "@codecademy/variance": "0.26.2-alpha.c298d6.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.ca9682.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.ca9682.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.ca9682.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.ca9682.0",
+    "@codecademy/variance": "0.26.2-alpha.ca9682.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",