@codecademy/gamut 67.6.1-alpha.1bf8a5.0 → 67.6.1-alpha.301aed.0

package/dist/Tip/__tests__/helpers.d.ts

@@ -2,9 +2,10 @@
 /// <reference types="testing-library__jest-dom" />
 import { setupRtl } from '@codecademy/gamut-tests';
 import { RefObject } from 'react';
-import { InfoTip } from '../InfoTip';
+import { InfoTip, InfoTipProps } from '../InfoTip';
 import { TipPlacements } from '../shared/types';
 type InfoTipView = ReturnType<ReturnType<typeof setupRtl<typeof InfoTip>>>['view'];
+type Placement = NonNullable<InfoTipProps['placement']>;
 type ViewParam = {
     view: InfoTipView;
 };
@@ -15,7 +16,7 @@ type InfoParam = {
     info: string;
 };
 type PlacementParam = {
-    placement: TipPlacements;
+    placement: Placement;
 };
 export declare const createFocusOnClick: (ref: RefObject<HTMLDivElement>) => ({ isTipHidden }: {
     isTipHidden: boolean;
@@ -47,10 +48,13 @@ export declare const pressKey: (key: string) => Promise<void>;
 export declare const waitForLinkToHaveFocus: ({ view, linkText, }: ViewParam & LinkTextParam) => Promise<HTMLElement>;
 export declare const openTipAndWaitForLink: ({ view, linkText, }: ViewParam & LinkTextParam) => Promise<HTMLElement>;
 export declare const openTipTabToLinkAndWaitForFocus: (view: InfoTipView, linkText: string) => Promise<HTMLElement>;
-export declare const testFocusWrap: ({ view, direction, }: ViewParam & {
+export declare const testShowTipOnClick: ({ view, info, placement, }: ViewParam & InfoParam & PlacementParam) => Promise<void>;
+export declare const testEscapeKeyReturnsFocus: ({ view, info, placement, }: ViewParam & InfoParam & PlacementParam) => Promise<void>;
+export declare const testFocusWrap: ({ view, containerRef, direction, }: ViewParam & {
+    containerRef: RefObject<HTMLDivElement>;
     direction: 'forward' | 'backward';
 }) => Promise<void>;
-export declare const testTabFromPopoverWithNoInteractiveElements: (view: InfoTipView) => Promise<void>;
+export declare const getTipContent: (view: InfoTipView, text: string, useQuery?: boolean) => HTMLElement;
 export declare const testTabbingBetweenLinks: ({ view, firstLinkText, secondLinkText, placement, }: ViewParam & {
     firstLinkText: string;
     secondLinkText: string;
@@ -58,6 +62,7 @@ export declare const testTabbingBetweenLinks: ({ view, firstLinkText, secondLink
 }) => Promise<void>;
 export declare const setupLinkTestWithPlacement: (linkText: string, placement: TipPlacements, renderView: ReturnType<typeof setupRtl<typeof InfoTip>>) => {
     view: import("@testing-library/react").RenderResult;
+    containerRef: RefObject<HTMLDivElement>;
     info: import("react/jsx-runtime").JSX.Element;
     onClick: ({ isTipHidden }: {
         isTipHidden: boolean;
@@ -81,12 +86,28 @@ type ViewWithQueries = {
     getAllByText: (text: string) => HTMLElement[];
     getAllByLabelText: (text: string) => HTMLElement[];
 };
+export declare const getVisibleTip: ({ text, placement, }: {
+    text: string;
+    placement?: "inline" | "floating" | undefined;
+}) => HTMLElement | undefined;
+export declare const expectTipToBeVisible: ({ text, placement, }: {
+    text: string;
+    placement?: "inline" | "floating" | undefined;
+}) => void;
+export declare const expectTipToBeClosed: ({ text, placement, }: {
+    text: string;
+    placement?: "inline" | "floating" | undefined;
+}) => void;
 export declare const openInfoTipsWithKeyboard: ({ view, count, }: {
     view: ViewWithQueries;
     count: number;
 }) => Promise<void>;
 export declare const expectTipsVisible: (tips: {
     text: string;
+    placement?: 'inline' | 'floating';
+}[]) => void;
+export declare const expectTipsClosed: (tips: {
+    text: string;
+    placement?: 'inline' | 'floating';
 }[]) => void;
-export declare const expectTipsClosed: () => void;
 export {};

package/dist/Tip/shared/FloatingTip.js

@@ -18,7 +18,7 @@ export const FloatingTip = ({
   loading,
   narrow,
   overline,
-  contentRef,
+  popoverContentRef,
   truncateLines,
   type,
   username,
@@ -123,7 +123,7 @@ export const FloatingTip = ({
       width: inheritDims ? 'inherit' : undefined,
       onBlur: toolOnlyEventFunc,
       onFocus: toolOnlyEventFunc,
-      onKeyDown: escapeKeyPressHandler,
+      onKeyDown: escapeKeyPressHandler ? e => escapeKeyPressHandler(e) : undefined,
       onMouseDown: e => e.preventDefault(),
       onMouseEnter: toolOnlyEventFunc,
       children: children
@@ -134,7 +134,7 @@ export const FloatingTip = ({
       horizontalOffset: offset,
       isOpen: isPopoverOpen,
       outline: true,
-      popoverContainerRef: contentRef,
+      popoverContainerRef: popoverContentRef,
       skipFocusTrap: true,
       targetRef: ref,
       variant: "secondary",

package/dist/Tip/shared/InlineTip.js

@@ -17,7 +17,6 @@ export const InlineTip = ({
   loading,
   narrow,
   overline,
-  contentRef,
   truncateLines,
   type,
   username,
@@ -43,7 +42,7 @@ export const InlineTip = ({
     height: inheritDims ? 'inherit' : undefined,
     ref: wrapperRef,
     width: inheritDims ? 'inherit' : undefined,
-    onKeyDown: escapeKeyPressHandler,
+    onKeyDown: escapeKeyPressHandler ? e => escapeKeyPressHandler(e) : undefined,
     children: children
   });
   const tipBody = /*#__PURE__*/_jsx(InlineTipBodyWrapper, {
@@ -56,9 +55,7 @@ export const InlineTip = ({
       color: "currentColor",
       horizNarrow: narrow && isHorizontalCenter,
       id: id,
-      ref: contentRef,
       role: type === 'tool' ? 'tooltip' : undefined,
-      tabIndex: type === 'info' ? -1 : undefined,
       width: narrow && !isHorizontalCenter ? narrowWidth : 'max-content',
       zIndex: "auto",
       children: type === 'preview' ? /*#__PURE__*/_jsxs(_Fragment, {

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

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

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './Anchor';
 export * from './Animation';
 export * from './AppWrapper';
 export * from './Badge';
+export * from './BarChart';
 export * from './BodyPortal';
 export * from './Box';
 export * from './Breadcrumbs';

package/dist/index.js

@@ -6,6 +6,7 @@ export * from './Anchor';
 export * from './Animation';
 export * from './AppWrapper';
 export * from './Badge';
+export * from './BarChart';
 export * from './BodyPortal';
 export * from './Box';
 export * from './Breadcrumbs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "67.6.1-alpha.1bf8a5.0",
+  "version": "67.6.1-alpha.301aed.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-icons": "9.53.0",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "3ea4041455bf67ec353aae224820db1d8068fafc"
+  "gitHead": "256e9aa6f08f98861b030e2eedd133f52f70f908"
 }