@deque/cauldron-react 6.10.1 → 6.11.0

package/lib/components/Combobox/Combobox.d.ts

@@ -24,7 +24,7 @@ interface ComboboxProps extends React.InputHTMLAttributes<Omit<HTMLInputElement,
         previousValue: ComboboxValue;
     }) => void;
     onActiveChange?: (option: ListboxOption) => void;
-    renderNoResults?: (() => JSX.Element) | React.ReactElement;
+    renderNoResults?: (() => React.JSX.Element) | React.ReactElement;
     portal?: React.RefObject<HTMLElement> | HTMLElement;
     inputRef?: React.Ref<HTMLInputElement>;
 }

package/lib/components/Combobox/ComboboxContext.d.ts

@@ -19,6 +19,6 @@ type ComboboxProvider = {
     matches: ((inputValue: string, value: string) => boolean) | boolean;
 } & Omit<ComboboxContext, 'matches'>;
 declare const ComboboxContext: React.Context<ComboboxContext>;
-declare function ComboboxProvider({ autocomplete, inputValue, formValue, selectedValue, matches, matchingOptions, setMatchingOptions, setFormValue, children }: ComboboxProvider): JSX.Element;
+declare function ComboboxProvider({ autocomplete, inputValue, formValue, selectedValue, matches, matchingOptions, setMatchingOptions, setFormValue, children }: ComboboxProvider): React.JSX.Element;
 declare function useComboboxContext(): ComboboxContext;
 export { ComboboxProvider, useComboboxContext };

package/lib/components/Dialog/index.d.ts

@@ -31,7 +31,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: DialogProps): void;
     private attachIsolator;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     close(): void;
     handleClickOutside(): void;
     focusHeading(): void;

package/lib/components/Listbox/ListboxContext.d.ts

@@ -22,6 +22,6 @@ declare const ListboxContext: React.Context<{
     setOptions: () => null;
     onSelect: () => null;
 }>;
-declare function ListboxProvider<T extends ListboxOption>({ options, active, selected, setOptions, onSelect, children }: ListboxProvider<T>): JSX.Element;
+declare function ListboxProvider<T extends ListboxOption>({ options, active, selected, setOptions, onSelect, children }: ListboxProvider<T>): React.JSX.Element;
 declare function useListboxContext<T extends ListboxOption>(): ListboxContext<T>;
 export { ListboxProvider, useListboxContext, ListboxOption };

package/lib/components/NavBar/NavItem.d.ts

@@ -5,7 +5,7 @@ interface NavItemProps extends React.HTMLAttributes<HTMLLIElement> {
     'aria-current'?: 'page' | 'step' | 'location' | true | false;
 }
 declare const NavItem: {
-    ({ children, active, "aria-current": ariaCurrent, ...other }: NavItemProps): JSX.Element;
+    ({ children, active, "aria-current": ariaCurrent, ...other }: NavItemProps): React.JSX.Element;
     displayName: string;
 };
 export default NavItem;

package/lib/components/RadioCardGroup/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconType } from '../Icon';
 export interface RadioItem extends React.InputHTMLAttributes<HTMLInputElement> {
     label: React.ReactNode;
-    cardImg: JSX.Element;
+    cardImg: React.JSX.Element;
     cardIcon: IconType;
     value?: string;
 }

package/lib/components/Tabs/Tabs.d.ts

@@ -12,7 +12,7 @@ type TabsProps = {
     }) => void;
 } & Cauldron.LabelProps;
 declare const Tabs: {
-    ({ children, thin, orientation, initialActiveIndex, className, onChange, ...labelProp }: TabsProps): JSX.Element;
+    ({ children, thin, orientation, initialActiveIndex, className, onChange, ...labelProp }: TabsProps): React.JSX.Element;
     displayName: string;
 };
 export default Tabs;

package/lib/components/Timeline/Timeline.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
     className?: string;
 }
-export default function Timeline({ className, children, ...props }: TimelineProps): JSX.Element;
+export default function Timeline({ className, children, ...props }: TimelineProps): React.JSX.Element;
 export {};

package/lib/components/Timeline/TimelineItem.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface TimelineItemProps extends React.HTMLAttributes<HTMLLIElement> {
     icon?: React.ReactElement;
 }
-export default function TimelineItem({ className, children, icon, ...props }: TimelineItemProps): JSX.Element;
+export default function TimelineItem({ className, children, icon, ...props }: TimelineItemProps): React.JSX.Element;
 export {};

package/lib/components/Tooltip/index.d.ts

@@ -12,7 +12,7 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     portal?: React.RefObject<HTMLElement> | HTMLElement;
     hideElementOnHidden?: boolean;
 }
-declare function Tooltip({ id: propId, placement: initialPlacement, children, portal, target, association, variant, show: showProp, defaultShow, hideElementOnHidden, className, ...props }: TooltipProps): JSX.Element;
+declare function Tooltip({ id: propId, placement: initialPlacement, children, portal, target, association, variant, show: showProp, defaultShow, hideElementOnHidden, className, ...props }: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var displayName: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.10.1",
+  "version": "6.11.0",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -43,8 +43,9 @@
     "@rollup/plugin-dynamic-import-vars": "^1.4.2",
     "@rollup/plugin-typescript": "^11.1.2",
     "@svgr/rollup": "^6.1.2",
-    "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "^12",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "^2.2.10",
     "@types/jest": "^29.5.11",
@@ -66,8 +67,8 @@
     "postcss-import": "^12.0.1",
     "postcss-loader": "^3.0.0",
     "prop-types": "^15.8.1",
-    "react": "^17",
-    "react-dom": "^17",
+    "react": "^18",
+    "react-dom": "^18",
     "rollup": "^2.23.0",
     "sinon": "^10.0.0",
     "ts-node": "^10.9.2",