@cube-dev/ui-kit 0.0.0-canary-7339959 → 0.0.0-canary-031f87e

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7339959
+ * @cube-dev/ui-kit v0.0.0-canary-031f87e
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7339959
+ * @cube-dev/ui-kit v0.0.0-canary-031f87e
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7339959
+ * @cube-dev/ui-kit v0.0.0-canary-031f87e
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7339959
+ * @cube-dev/ui-kit v0.0.0-canary-031f87e
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-7339959",
+  "version": "0.0.0-canary-031f87e",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/_internal/hooks/index.d.ts

@@ -1,5 +1,9 @@
-export * from './use-deprecation-warning';
+export * from './use-warn';
+export * from './use-timer';
 export * from './use-event';
 export * from './use-sync-ref';
+export * from './use-effect-once';
+export * from './use-update-effect';
+export * from './use-is-first-render';
 export * from './use-chained-callback';
-export * from './use-timer';
+export * from './use-deprecation-warning';

package/types/_internal/hooks/use-effect-once.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useEffectOnce(effect: EffectCallback): void;

package/types/_internal/hooks/use-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): boolean;

package/types/_internal/hooks/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

package/types/_internal/hooks/use-warn.d.ts

@@ -0,0 +1,2 @@
+import { warn } from '../../utils/warnings';
+export declare function useWarn<T>(condition: T, ...args: Parameters<typeof warn>): void;

package/types/components/forms/FieldWrapper/FieldWrapper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CubeFieldWrapperProps } from './types';
+/**
+ * A wrapper for form fields to provide additional decoration for inputs.
+ * @internal Do not use this component directly.
+ */
+export declare const FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts

@@ -0,0 +1,9 @@
+import { CubeFieldWrapperProps } from './types';
+export declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends {
+    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
+} = {
+    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
+}, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
+    fieldWrapperProps: ActualWrapperProps;
+    rest: RestProps;
+}>;

package/types/components/forms/FieldWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FieldWrapper';
+export * from './extract-field-wrapper-props';
+export * from './types';

package/types/components/forms/{FieldWrapper.d.ts → FieldWrapper/types.d.ts}

@@ -1,36 +1,31 @@
 import { ReactNode } from 'react';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Props, Styles } from '../../tasty';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
+import { Props, Styles } from '../../../tasty';
 export declare type CubeFieldWrapperProps = {
     as?: string;
-    labelPosition?: LabelPosition;
-    label?: ReactNode;
-    labelSuffix?: ReactNode;
-    labelStyles?: Styles;
+    validationState?: ValidationState;
     styles?: Styles;
     /** Whether the input is required */
     isRequired?: boolean;
     /** Whether the input is disabled */
     isDisabled?: boolean;
-    necessityIndicator?: NecessityIndicator;
-    labelProps?: Props;
     fieldProps?: Props;
-    /** Custom message for the field. It will be placed below the label and the input */
-    message?: string | ReactNode;
-    /** Styles for the message */
-    messageStyles?: Styles;
+    isHidden?: boolean;
+    label?: ReactNode;
+    labelPosition?: LabelPosition;
+    labelSuffix?: ReactNode;
+    labelStyles?: Styles;
+    labelProps?: Props;
     /** The description for the field. It will be placed below the label */
     description?: ReactNode;
-    Component?: JSX.Element;
-    validationState?: ValidationState;
     requiredMark?: boolean;
     tooltip?: ReactNode;
     extra?: ReactNode;
-    isHidden?: boolean;
     necessityLabel?: ReactNode;
+    necessityIndicator?: NecessityIndicator;
+    /** Custom message for the field. It will be placed below the label and the input */
+    message?: string | ReactNode;
+    /** Styles for the message */
+    messageStyles?: Styles;
+    Component?: JSX.Element;
 };
-/**
- * A wrapper for form fields to provide additional decoration for inputs.
- */
-declare const _FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;
-export { _FieldWrapper as FieldWrapper };

package/types/components/forms/Form/Field/Field.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FieldTypes } from '../types';
+import { CubeFieldProps } from './types';
+export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;

package/types/components/forms/Form/Field/FieldContext.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { ValidateTrigger, ValidationState } from '../../../../shared';
+export declare type FieldContextValue = {
+    id: string;
+    name: string;
+    value: any;
+    validateTrigger?: ValidateTrigger;
+    validationState?: ValidationState;
+    onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
+    message?: React.ReactNode;
+    isRequired?: boolean;
+    onBlur: () => void;
+};
+export declare function FieldProvider(props: React.PropsWithChildren<{
+    value: FieldContextValue;
+}>): JSX.Element;
+export declare type UseFieldPropsParams = {
+    valuePropsMapper?: ({ value, onChange }: {
+        value: any;
+        onChange: any;
+    }) => any;
+    /**
+     * @default 'onBlur'
+     */
+    defaultValidationTrigger?: ValidateTrigger;
+};
+export declare function useFieldProps<Props extends {
+    onBlur?: (e: React.FocusEvent) => void;
+}>(props: Props, params?: UseFieldPropsParams): Props;

package/types/components/forms/Form/Field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Field';
+export * from './FieldContext';
+export * from './types';

package/types/components/forms/Form/Field/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from 'react';
+import { FieldTypes } from '../types';
+import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
+import { CubeFormInstance } from '../useForm';
+export interface CubeFieldProps<T extends FieldTypes> {
+    /** The initial value of the input. */
+    defaultValue?: any;
+    /** The unique ID of the field */
+    id?: string;
+    /** The id prefix for the field to avoid collisions between forms */
+    idPrefix?: string;
+    children?: ReactElement | ((form: CubeFormInstance<T>) => ReactElement);
+    /** Function that checks whether to perform update of the form state. */
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+    /** Validation rules */
+    rules?: ValidationRule[];
+    /** The form instance */
+    form?: CubeFormInstance<T>;
+    /** Field name. It's used as a key the form data. */
+    name?: string[] | string;
+    /** The validation state of the field */
+    validationState?: ValidationState;
+    /** On which event perform the validation for the field */
+    validateTrigger?: ValidateTrigger;
+}

package/types/components/forms/Form/{Field.d.ts → LegacyField.d.ts}

@@ -3,7 +3,7 @@ import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../
 import { Styles } from '../../../tasty';
 import { CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
-export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
+export interface CubeFieldProps<T extends FieldTypes = FieldTypes> extends OptionalFieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */

package/types/components/forms/Form/index.d.ts

@@ -15,3 +15,4 @@ export { useFormProps, Form, Field, useForm, FormContext };
 export type { CubeFormProps } from './Form';
 export type { CubeFormInstance } from './useForm';
 export type { FieldTypes, Fields } from './types';
+export * from './Field';

package/types/components/forms/Form/useForm.d.ts

@@ -30,7 +30,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     isFieldInvalid<Name extends keyof T>(name: Name): boolean;
     isFieldTouched<Name extends keyof T>(name: Name): boolean;
     getFieldError<Name extends keyof T>(name: Name): ReactNode[];
-    createField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
+    createField<Name extends keyof T>(name: Name, skipRender?: boolean): TFormData[Name];
     removeField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
     setFields<Names extends keyof T>(newFields: SetFieldsArrType<T, Names>[]): void;
     setSubmitting(isSubmitting: boolean): void;

package/types/components/forms/Switch/Switch.d.ts

@@ -10,8 +10,7 @@ export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleP
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
  */
-declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;
     defaultSelected?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _Switch as Switch };
+} & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

package/types/components/forms/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubeTextAreaProps extends CubeTextInputBaseProps {
     /** Whether the textarea should change its size depends on content */
     autoSize?: boolean;
@@ -12,8 +12,7 @@ export interface CubeTextAreaProps extends CubeTextInputBaseProps {
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _TextArea as TextArea };
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/types/components/forms/TextInput/TextInput.d.ts

@@ -2,6 +2,11 @@
 import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
 export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+/**
+ * TextInputs are text inputs that allow users to input custom text entries
+ * with a keyboard. Various decorations can be displayed around the field to
+ * communicate the entry requirements.
+ */
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -40,5 +40,4 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** The size of the input */
     size?: 'small' | 'default' | 'large' | string;
 }
-declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
-export { _TextInputBase as TextInputBase };
+export declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextInput';
+export * from './TextInputBase';

package/types/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,5 +1,6 @@
-import { ReactElement, RefObject } from 'react';
+import { ForwardedRef, ReactElement, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
+import { FieldTypes } from '../../forms';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
@@ -20,9 +21,8 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     size?: 'small' | 'default' | 'large' | string;
     suffixPosition?: 'before' | 'after';
 }
-declare const __ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
+export declare const ComboBox: (<T extends FieldTypes>(props: CubeComboBoxProps<T> & {
+    ref?: ForwardedRef<unknown> | undefined;
+}) => JSX.Element) & {
     Item: typeof Item;
-} & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
 };
-export { __ComboBox as ComboBox };

package/types/test/index.d.ts

@@ -1,2 +1,6 @@
+import userEvent from '@testing-library/user-event';
+export * from '@testing-library/user-event';
+export * from '@testing-library/react';
 export * from './utils';
 export * from './render';
+export { userEvent };

package/types/test/render.d.ts

@@ -1,4 +1,61 @@
 import React from 'react';
 import { RenderOptions } from '@testing-library/react';
+import { CubeFormInstance } from '../components/forms';
 export declare function renderWithRoot(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
-export * from '@testing-library/react';
+export declare function renderWithForm(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'>): {
+    readonly formInstance: CubeFormInstance<any, import("../components/forms/Form/useForm").CubeFormData<any>>;
+    readonly container: HTMLElement;
+    readonly baseElement: Element;
+    readonly debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    readonly rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    readonly unmount: () => void;
+    readonly asFragment: () => DocumentFragment;
+    readonly getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    readonly getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    readonly getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    readonly getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    readonly queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    readonly queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    readonly findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+};