@elliemae/pui-app-sdk 1.85.2 → 1.86.1

package/dist/cjs/view/micro-iframe-app/index.js

@@ -5,43 +5,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.MicroIFrameApp = void 0;
 
 var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _index = _interopRequireDefault(require("file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html"));
+var _usePrevious = require("../use-previous.js");
 
-var _index2 = require("./iframe/index.js");
-
-var _useFrameLoaded = require("./iframe/use-frame-loaded.js");
-
-var _useAppWillRender = require("../micro-app/use-app-will-render.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
+var _app = require("./app.js");
 
 const MicroIFrameApp = /*#__PURE__*/(0, _react.memo)(({
-  id: appId,
+  entityId = null,
   ...rest
 }) => {
-  const [frameDocument, setFrameDocument] = (0, _react.useState)(null);
-  (0, _useFrameLoaded.useFrameLoaded)({
-    appId,
-    frameDocument,
-    ...rest
-  });
-  (0, _useAppWillRender.useAppWillRender)({
-    appId,
-    documentEle: frameDocument,
-    ...rest
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.IFrame, {
-    appId: appId,
-    src: _index.default,
-    ...rest,
-    onFrameReady: setFrameDocument
+  const [disposePrevApp, setDisposePrevApp] = (0, _react.useState)(false);
+  const [appKey, setAppKey] = (0, _react.useState)(Date.now());
+  const prevEntityId = (0, _usePrevious.usePrevious)(entityId);
+  (0, _react.useEffect)(() => {
+    if (prevEntityId !== entityId && prevEntityId) {
+      setDisposePrevApp(true);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [entityId]);
+  return /*#__PURE__*/(0, _react.createElement)(_app.App, { ...rest,
+    key: appKey,
+    dispose: disposePrevApp,
+    onUnloadComplete: () => {
+      setAppKey(Date.now());
+      setDisposePrevApp(false);
+    }
   });
 });
-var _default = MicroIFrameApp;
-exports.default = _default;
+exports.MicroIFrameApp = MicroIFrameApp;

package/dist/cjs/view/modals/error/index.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CloseModal = exports.Basic = exports.default = void 0;
+exports.default = exports.CloseModal = exports.Basic = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 

package/dist/cjs/view/modals/navigation-prompt/index.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Close = exports.Basic = exports.default = void 0;
+exports.default = exports.Close = exports.Basic = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/cjs/view/modals/session-expiry/index.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Close = exports.Basic = exports.default = void 0;
+exports.default = exports.Close = exports.Basic = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/cjs/view/modals/wait-message/index.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Close = exports.Basic = exports.default = void 0;
+exports.default = exports.Close = exports.Basic = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/dist/cjs/view/session-timeout/index.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Basic = exports.default = void 0;
+exports.default = exports.Basic = void 0;
 
 var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 

package/dist/cjs/view/use-previous.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = void 0;
+
+var _react = require("react");
+
+const usePrevious = value => {
+  const ref = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+
+exports.usePrevious = usePrevious;

package/dist/es/data/configureStore.js

@@ -35,6 +35,7 @@ export default function configureStore(initialState = {}, history) {
   const enhancers = [applyMiddleware(...middlewares)];
   const store = createStore(createReducer(), initialState, composeEnhancers(...enhancers)); // Extensions
 
+  store.createRootReducer = createReducer;
   store.runSaga = sagaMiddleware.run;
   store.injectedReducers = {}; // Reducer registry
 

package/dist/es/data/reducerInjectors.js

@@ -10,7 +10,8 @@ export function injectReducerFactory(store, isValid) {
     if (Reflect.has(store.injectedReducers, key) && store.injectedReducers[key] === reducer) return;
     store.injectedReducers[key] = reducer; // eslint-disable-line no-param-reassign
 
-    store.replaceReducer(createReducer(store.injectedReducers));
+    const createRootReducer = store.createRootReducer || createReducer;
+    store.replaceReducer(createRootReducer(store.injectedReducers));
   };
 }
 export default function getInjectors(store) {

package/dist/es/index.js

@@ -69,7 +69,7 @@ export { actions as error } from "./data/error/index.js";
 export { actions as logout } from "./data/logout/actions.js"; // micro apps
 
 export { default as MicroApp } from "./view/micro-app/index.js";
-export { default as MicroIFrameApp } from "./view/micro-iframe-app/index.js";
+export { MicroIFrameApp } from "./view/micro-iframe-app/index.js";
 export { getNavigationLinks } from "./view/micro-app/utils.js"; // app host
 
 export { getStore } from "./utils/store.js";

package/dist/es/utils/auth/index.js

@@ -89,9 +89,13 @@ export const authorize = async ({
     sessionStorage.setItem('userSettings', JSON.stringify(data));
     history.push(new URL(redirectUri).pathname);
   } catch (err) {
+    var _err$response, _err$response$data;
+
+    const code = err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.code;
     await endSession({
       clientId,
       redirectUri,
+      code,
       scope,
       responseType
     }); // eslint-disable-next-line no-console
@@ -102,8 +106,9 @@ export const authorize = async ({
 export const endSession = async ({
   clientId,
   redirectUri,
-  responseType,
-  scope
+  code = 1004,
+  responseType = 'code',
+  scope = 'loc'
 }) => {
   try {
     const authorization = getAuthorizationHeader();
@@ -125,7 +130,7 @@ export const endSession = async ({
     const params = {
       client_id: clientId,
       redirect_uri: redirectUri,
-      error_code: 1004,
+      error_code: code,
       response_type: responseType,
       scope
     };

package/dist/es/utils/micro-frontend/host.js

@@ -14,7 +14,7 @@ import { loadAppConfig } from "../app-config/index.js";
 import browserHistory from "../history.js";
 import { logger } from "./console-logger.js";
 import { HOST_WINDOW_RESIZED, HOST_WINDOW_BREAKPOINT_CHANGED } from "../constants.js";
-import { getCurrentBreakpoint, getViewportSize as getWindowViewportSize } from "../window.js";
+import { getCurrentBreakpoint, getViewportSize as getWindowViewportSize, getWindow } from "../window.js";
 export class CMicroAppHost {
   constructor(params) {
     _defineProperty(this, "logger", void 0);
@@ -72,11 +72,11 @@ export class CMicroAppHost {
   }
 
   getItem(key) {
-    return window.parent.sessionStorage.getItem(key);
+    return getWindow().sessionStorage.getItem(key);
   }
 
   setItem(key, value) {
-    window.parent.sessionStorage.setItem(key, value);
+    getWindow().sessionStorage.setItem(key, value);
   }
 
   getGuests() {
@@ -123,11 +123,11 @@ export class CMicroAppHost {
   }
 
   getAuthToken() {
-    return window.parent.sessionStorage.getItem('Authorization');
+    return getWindow().sessionStorage.getItem('Authorization');
   }
 
   renewAuthToken() {
-    return window.parent.sessionStorage.getItem('Authorization');
+    return getWindow().sessionStorage.getItem('Authorization');
   }
 
   logout() {
@@ -149,11 +149,11 @@ export class CMicroAppHost {
   }
 
   onResizeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_RESIZED, eventHandler);
+    return subscribe(HOST_WINDOW_RESIZED, (msg, data) => eventHandler(data));
   }
 
   onBreakpointChangeEvent(eventHandler) {
-    return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, eventHandler);
+    return subscribe(HOST_WINDOW_BREAKPOINT_CHANGED, (msg, data) => eventHandler(data));
   }
 
   setSystemVersion(version = 'latest') {

package/dist/es/utils/window.js

@@ -1,5 +1,5 @@
 import { getDefaultTheme } from '@elliemae/pui-theme';
-export default (() => {
+export const getWindow = () => {
   try {
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     window.parent.document;
@@ -7,7 +7,8 @@ export default (() => {
   } catch (err) {
     return window;
   }
-});
+};
+export default getWindow;
 export const getViewportSize = () => ({
   width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0),
   height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

package/dist/es/view/micro-app/use-app-will-render.js

@@ -9,18 +9,20 @@ export const useAppWillRender = ({
   appId,
   documentEle,
   history,
-  theme
+  theme,
+  onUnloadComplete
 }) => {
   // ToDo: Since ecc app is using older version of react-redux we need this undefined check. once ECC upgrades to react-redux v6 or later, this check can be removed
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const dispatch = useDispatch ? useDispatch() : null;
-  const ref = useRef(Promise.resolve());
+  const ref = useRef(null);
   const getConfig = useCallback(() => getMicroFrontEndAppConfig({
     id: appId
   }), [appId]);
   const unload = useCallback(async appConfig => {
     await unmountApp(appConfig);
     unloadApp(appConfig);
+    if (onUnloadComplete) onUnloadComplete(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const load = useCallback(async appConfig => {
     if (dispatch) dispatch(waitMessageAction.open());

package/dist/es/view/micro-iframe-app/app.js

@@ -0,0 +1,32 @@
+import { memo, useState } from 'react';
+import Proptype from 'prop-types';
+import frameHtml from 'file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html';
+import { IFrame } from "./iframe/index.js";
+import { useFrameLoaded } from "./iframe/use-frame-loaded.js";
+import { useAppWillRender } from "../micro-app/use-app-will-render.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const App = /*#__PURE__*/memo(({
+  id: appId,
+  dispose,
+  onUnloadComplete,
+  ...rest
+}) => {
+  const [frameDocument, setFrameDocument] = useState(null);
+  useFrameLoaded({
+    appId,
+    frameDocument,
+    ...rest
+  });
+  useAppWillRender({
+    appId,
+    documentEle: dispose ? null : frameDocument,
+    onUnloadComplete,
+    ...rest
+  });
+  return /*#__PURE__*/_jsx(IFrame, {
+    appId: appId,
+    src: frameHtml,
+    ...rest,
+    onFrameReady: setFrameDocument
+  });
+});

package/dist/es/view/micro-iframe-app/index.js

@@ -1,30 +1,27 @@
-import { memo, useState } from 'react';
-import Proptype from 'prop-types';
-import frameHtml from 'file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html';
-import { IFrame } from "./iframe/index.js";
-import { useFrameLoaded } from "./iframe/use-frame-loaded.js";
-import { useAppWillRender } from "../micro-app/use-app-will-render.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const MicroIFrameApp = /*#__PURE__*/memo(({
-  id: appId,
+import { useEffect, useState, memo } from 'react';
+import PropType from 'prop-types';
+import { usePrevious } from "../use-previous.js";
+import { App } from "./app.js";
+import { createElement as _createElement } from "react";
+export const MicroIFrameApp = /*#__PURE__*/memo(({
+  entityId = null,
   ...rest
 }) => {
-  const [frameDocument, setFrameDocument] = useState(null);
-  useFrameLoaded({
-    appId,
-    frameDocument,
-    ...rest
+  const [disposePrevApp, setDisposePrevApp] = useState(false);
+  const [appKey, setAppKey] = useState(Date.now());
+  const prevEntityId = usePrevious(entityId);
+  useEffect(() => {
+    if (prevEntityId !== entityId && prevEntityId) {
+      setDisposePrevApp(true);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [entityId]);
+  return /*#__PURE__*/_createElement(App, { ...rest,
+    key: appKey,
+    dispose: disposePrevApp,
+    onUnloadComplete: () => {
+      setAppKey(Date.now());
+      setDisposePrevApp(false);
+    }
   });
-  useAppWillRender({
-    appId,
-    documentEle: frameDocument,
-    ...rest
-  });
-  return /*#__PURE__*/_jsx(IFrame, {
-    appId: appId,
-    src: frameHtml,
-    ...rest,
-    onFrameReady: setFrameDocument
-  });
-});
-export default MicroIFrameApp;
+});

package/dist/es/view/use-previous.js

@@ -0,0 +1,8 @@
+import { useRef, useEffect } from 'react';
+export const usePrevious = value => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};

package/dist/types/index.d.ts

@@ -62,7 +62,7 @@ export { actions as ariaLive } from './data/live-message';
 export { actions as error } from './data/error';
 export { actions as logout } from './data/logout/actions';
 export { default as MicroApp } from './view/micro-app';
-export { default as MicroIFrameApp } from './view/micro-iframe-app';
+export { MicroIFrameApp } from './view/micro-iframe-app';
 export { getNavigationLinks } from './view/micro-app/utils';
 export { getStore } from './utils/store';
 export { RegisterService } from './utils/app-host/service';

package/dist/types/utils/auth/index.d.ts

@@ -18,11 +18,12 @@ export function authorize({ idpCode, redirectUri, clientId, scope, responseType,
     scope: any;
     responseType: any;
 }): Promise<void>;
-export function endSession({ clientId, redirectUri, responseType, scope, }: {
+export function endSession({ clientId, redirectUri, code, responseType, scope, }: {
     clientId: any;
     redirectUri: any;
-    responseType: any;
-    scope: any;
+    code?: number | undefined;
+    responseType?: string | undefined;
+    scope?: string | undefined;
 }): Promise<void>;
 export function login({ clientId, scope, responseType }: {
     clientId: any;

package/dist/types/utils/micro-frontend/host.d.ts

@@ -1,4 +1,4 @@
-import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler } from '@elliemae/pui-micro-frontend-base';
+import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener } from '@elliemae/pui-micro-frontend-base';
 import { History } from 'history';
 import { DefaultTheme } from 'styled-components';
 import { MicroFrontEndLogger } from './console-logger';
@@ -32,7 +32,7 @@ export declare class CMicroAppHost implements IMicroAppHost {
     getGuests(this: CMicroAppHost): Record<string, unknown>;
     getGuest<T>(this: CMicroAppHost, id: string): T | null;
     publish<Type>(this: CMicroAppHost, message: string | symbol, data?: Type): boolean;
-    subscribe<Type extends Function>(this: CMicroAppHost, message: string | symbol, func: Type): string;
+    subscribe<T>(message: string | symbol, func: SubscriptionListener<T>): string;
     unsubscribe(token: string): void;
     navigate<S = LocationState>(this: CMicroAppHost, url: string, state?: S): void;
     openWaitMessage(this: CMicroAppHost): void;

package/dist/types/utils/testing/render-with-redux.d.ts

@@ -5,57 +5,57 @@ export function renderWithRedux(ui: any, { initialState, store }?: {
     store: any;
     container: HTMLElement;
     baseElement: Element;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format/build/types").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
     rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
-    getByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByPlaceholderText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByAltText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTitle: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByDisplayValue: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByRole: (text: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;
-    getAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    queryByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement | null;
-    queryAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement[];
-    findByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTestId: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
 };
 import React from "react";