@elliemae/pui-app-sdk 4.12.0-next.1 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/cjs/communication/http-client/baseQuery.js +42 -0
  2. package/dist/cjs/data/appMiddleware.js +51 -0
  3. package/dist/cjs/data/errorMiddleware.js +31 -0
  4. package/dist/cjs/data/index.js +3 -3
  5. package/dist/cjs/data/listenerMiddleware.js +58 -0
  6. package/dist/cjs/data/queryMiddleware.js +50 -0
  7. package/dist/cjs/data/react.js +32 -0
  8. package/dist/cjs/data/store.js +6 -2
  9. package/dist/cjs/data/useAppDispatch.js +25 -0
  10. package/dist/cjs/data/useAppMiddleware.js +34 -0
  11. package/dist/cjs/data/{react-redux.js → useAppSelector.js} +3 -5
  12. package/dist/cjs/data/useInjectListener.js +34 -0
  13. package/dist/cjs/data/useInjectQuery.js +33 -0
  14. package/dist/cjs/index.js +12 -5
  15. package/dist/cjs/utils/log-records.js +15 -15
  16. package/dist/cjs/utils/micro-frontend/console-logger.js +2 -1
  17. package/dist/cjs/view/breakpoint/use-breakpoint.js +2 -2
  18. package/dist/cjs/view/error-toast/index.js +3 -3
  19. package/dist/cjs/view/form/index.js +0 -1
  20. package/dist/cjs/view/live-message/index.js +3 -3
  21. package/dist/cjs/view/login/index.js +2 -2
  22. package/dist/cjs/view/micro-app/app-factory/index.js +1 -1
  23. package/dist/cjs/view/micro-app/resources/manifest.js +1 -1
  24. package/dist/cjs/view/modals/navigation-prompt/index.js +2 -2
  25. package/dist/cjs/view/modals/session-expiry/index.js +2 -2
  26. package/dist/cjs/view/session-timeout/index.js +2 -2
  27. package/dist/cjs/view/wait-message/index.js +17 -43
  28. package/dist/cjs/view/wait-message/wait-message-launcher.js +2 -2
  29. package/dist/esm/communication/http-client/baseQuery.js +22 -0
  30. package/dist/esm/data/appMiddleware.js +31 -0
  31. package/dist/esm/data/errorMiddleware.js +11 -0
  32. package/dist/esm/data/index.js +1 -1
  33. package/dist/esm/data/listenerMiddleware.js +38 -0
  34. package/dist/esm/data/queryMiddleware.js +30 -0
  35. package/dist/esm/data/react.js +12 -0
  36. package/dist/esm/data/store.js +7 -5
  37. package/dist/esm/data/useAppDispatch.js +5 -0
  38. package/dist/esm/data/useAppMiddleware.js +14 -0
  39. package/dist/esm/data/useAppSelector.js +5 -0
  40. package/dist/esm/data/useInjectListener.js +17 -0
  41. package/dist/esm/data/useInjectQuery.js +15 -0
  42. package/dist/esm/index.js +14 -1
  43. package/dist/esm/utils/log-records.js +15 -15
  44. package/dist/esm/utils/micro-frontend/console-logger.js +2 -1
  45. package/dist/esm/view/breakpoint/use-breakpoint.js +1 -1
  46. package/dist/esm/view/error-toast/index.js +1 -1
  47. package/dist/esm/view/form/index.js +0 -1
  48. package/dist/esm/view/live-message/index.js +1 -1
  49. package/dist/esm/view/login/index.js +1 -1
  50. package/dist/esm/view/micro-app/app-factory/index.js +1 -1
  51. package/dist/esm/view/micro-app/resources/manifest.js +1 -1
  52. package/dist/esm/view/modals/navigation-prompt/index.js +1 -1
  53. package/dist/esm/view/modals/session-expiry/index.js +1 -1
  54. package/dist/esm/view/session-timeout/index.js +1 -1
  55. package/dist/esm/view/wait-message/index.js +16 -32
  56. package/dist/esm/view/wait-message/wait-message-launcher.js +1 -1
  57. package/dist/types/lib/communication/http-client/baseQuery.d.ts +14 -0
  58. package/dist/types/lib/communication/http-client/index.d.ts +1 -1
  59. package/dist/types/lib/data/appMiddleware.d.ts +8 -0
  60. package/dist/types/lib/data/errorMiddleware.d.ts +2 -0
  61. package/dist/types/lib/data/index.d.ts +1 -1
  62. package/dist/types/lib/data/listenerMiddleware.d.ts +11 -0
  63. package/dist/types/lib/data/queryMiddleware.d.ts +11 -0
  64. package/dist/types/lib/data/react.d.ts +5 -0
  65. package/dist/types/lib/data/store.d.ts +4 -3
  66. package/dist/types/lib/data/{react-redux.d.ts → useAppDispatch.d.ts} +0 -3
  67. package/dist/types/lib/data/useAppMiddleware.d.ts +5 -0
  68. package/dist/types/lib/data/useAppSelector.d.ts +3 -0
  69. package/dist/types/lib/data/useInjectListener.d.ts +5 -0
  70. package/dist/types/lib/data/useInjectQuery.d.ts +7 -0
  71. package/dist/types/lib/index.d.ts +3 -1
  72. package/dist/types/lib/utils/log-records.d.ts +16 -36
  73. package/dist/types/lib/utils/testing/render-with-redux.d.ts +2 -2
  74. package/dist/types/lib/utils/testing/render-with-router-redux.d.ts +2 -2
  75. package/dist/types/lib/view/visually-hidden/index.d.ts +1 -1
  76. package/dist/types/lib/view/wait-message/index.d.ts +2 -8
  77. package/package.json +34 -32
  78. package/dist/esm/data/react-redux.js +0 -7
@@ -6,7 +6,6 @@ import {
6
6
  } from "react-hook-form";
7
7
  const StyledForm = styled.form`
8
8
  width: 100%;
9
- height: 100%;
10
9
  `;
11
10
  const Form = ({
12
11
  /* eslint-disable indent */
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { LiveMessage as AriaLiveMessage } from "react-aria-live";
3
- import { useAppSelector } from "../../data/react-redux.js";
3
+ import { useAppSelector } from "../../data/react.js";
4
4
  const LiveMessage = () => {
5
5
  const message = useAppSelector((state) => state.liveMessage?.message);
6
6
  const ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);
@@ -1,6 +1,6 @@
1
1
  import { Fragment, jsx } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
- import { useAppDispatch } from "../../data/react-redux.js";
3
+ import { useAppDispatch } from "../../data/react.js";
4
4
  import { login } from "../../utils/auth/index.js";
5
5
  import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
6
6
  const Login = ({
@@ -103,7 +103,7 @@ const waitAndInitApplication = (appConfig, requests) => (
103
103
  Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
104
104
  const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
105
105
  getLogger().error({ ...logRecord, exception: err });
106
- throw new Error(logRecord.message);
106
+ throw new Error(logRecord.msg);
107
107
  })
108
108
  );
109
109
  const removeAssetsFromDOM = (id, documentEle = document) => {
@@ -37,7 +37,7 @@ const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => asset
37
37
  else {
38
38
  const logRecord = logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
39
39
  getLogger().error(logRecord);
40
- throw new Error(logRecord.message);
40
+ throw new Error(logRecord.msg);
41
41
  }
42
42
  return assets;
43
43
  }, []);
@@ -10,7 +10,7 @@ import {
10
10
  DSDialogSeparator,
11
11
  DSDialogAddon
12
12
  } from "@elliemae/ds-dialog";
13
- import { useAppDispatch } from "../../../data/react-redux.js";
13
+ import { useAppDispatch } from "../../../data/react.js";
14
14
  import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
15
15
  const NavigationPrompt = memo(
16
16
  ({ open = false }) => {
@@ -11,7 +11,7 @@ import {
11
11
  DSDialogFooter,
12
12
  DSDialogSeparator
13
13
  } from "@elliemae/ds-dialog";
14
- import { useAppDispatch } from "../../../data/react-redux.js";
14
+ import { useAppDispatch } from "../../../data/react.js";
15
15
  import { logout } from "../../../data/logout/actions.js";
16
16
  import {
17
17
  resetUserIdleTime,
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
- import { useAppDispatch } from "../../data/react-redux.js";
3
+ import { useAppDispatch } from "../../data/react.js";
4
4
  import { logout } from "../../data/logout/actions.js";
5
5
  import {
6
6
  initSessionMonitoring,
@@ -1,27 +1,16 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { memo, useEffect } from "react";
3
- import styled from "styled-components";
4
- import { DSBackdrop } from "@elliemae/ds-backdrop";
5
- import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
6
- import { useAppSelector } from "../../data/react-redux.js";
3
+ import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
4
+ import { useAppSelector } from "../../data/react.js";
7
5
  import { useHTMLWaitMessage } from "./use-html-wait-message.js";
8
6
  import {
9
7
  waitStartEvent,
10
8
  waitEndEvent
11
9
  } from "../../analytics/user-wait-event.js";
12
- const StyledCircularIndicator = styled(DSCircularIndeterminateIndicator)`
13
- position: absolute;
14
- left: 50%;
15
- top: 50%;
16
- transform: translate(-50%, -50%);
17
- `;
18
10
  const WaitMessage = memo(
19
11
  ({
20
- size = "xl",
21
- color = "light",
22
- showText = true,
23
- withTooltip = false,
24
- tooltipStartPlacementPreference = "center",
12
+ size = "m",
13
+ style = { color: "white", fontSize: "1.25rem" },
25
14
  ...rest
26
15
  }) => {
27
16
  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
@@ -33,22 +22,17 @@ const WaitMessage = memo(
33
22
  waitEndEvent();
34
23
  }, [isOpen]);
35
24
  useHTMLWaitMessage(isOpen !== null);
36
- return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
37
- /* @__PURE__ */ jsx(DSBackdrop, {}),
38
- /* @__PURE__ */ jsx(
39
- StyledCircularIndicator,
40
- {
41
- id: "em-loading",
42
- size,
43
- color,
44
- showText,
45
- withTooltip,
46
- tooltipStartPlacementPreference,
47
- ...rest,
48
- text: message
49
- }
50
- )
51
- ] }) : null;
25
+ return /* @__PURE__ */ jsx(
26
+ DSLoadingIndicator,
27
+ {
28
+ id: "em-loading",
29
+ size,
30
+ style,
31
+ ...rest,
32
+ loading: isOpen,
33
+ message
34
+ }
35
+ );
52
36
  }
53
37
  );
54
38
  export {
@@ -1,5 +1,5 @@
1
1
  import { useEffect } from "react";
2
- import { useAppDispatch } from "../../data/react-redux.js";
2
+ import { useAppDispatch } from "../../data/react.js";
3
3
  import { waitMessage } from "../../data/wait-message/actions.js";
4
4
  const WaitMessageLauncher = () => {
5
5
  const dispatch = useAppDispatch();
@@ -0,0 +1,14 @@
1
+ import { BaseQueryFn } from '@reduxjs/toolkit/query';
2
+ import { AxiosRequestConfig } from 'axios';
3
+ import { RequestConfig } from './index.js';
4
+ type BaseQueryFunction = BaseQueryFn<{
5
+ url: string;
6
+ method: AxiosRequestConfig['method'];
7
+ data?: AxiosRequestConfig['data'];
8
+ params?: AxiosRequestConfig['params'];
9
+ headers?: RequestConfig;
10
+ }, unknown, unknown>;
11
+ export declare const sdkBaseQuery: ({ baseUrl }?: {
12
+ baseUrl?: string | undefined;
13
+ }) => BaseQueryFunction;
14
+ export {};
@@ -1,6 +1,6 @@
1
1
  import { AxiosInstance, RawAxiosRequestHeaders, HeadersDefaults } from 'axios';
2
2
  type AxiosRequestHeaders = RawAxiosRequestHeaders | Partial<HeadersDefaults>;
3
- type RequestConfig = {
3
+ export type RequestConfig = {
4
4
  Authorization?: string;
5
5
  } & AxiosRequestHeaders;
6
6
  export declare const getHTTPClient: ({ baseURL, headers, }?: {
@@ -0,0 +1,8 @@
1
+ import { Middleware } from 'redux';
2
+ export declare const appMiddleware: Middleware<any, any>;
3
+ export declare const addMiddleware: ({ key, middleware, }: {
4
+ key: string;
5
+ middleware: Middleware<any, any>;
6
+ }) => void;
7
+ export declare const removeMiddleware: (key: string) => void;
8
+ export declare const resetMiddlewares: () => void;
@@ -0,0 +1,2 @@
1
+ import type { Middleware } from '@reduxjs/toolkit';
2
+ export declare const errorMiddleware: Middleware;
@@ -1,4 +1,4 @@
1
1
  export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
2
- export { useAppDispatch, useAppSelector } from './react-redux.js';
2
+ export { useAppDispatch, useAppSelector } from './react.js';
3
3
  export { createAppStore as configureStore, getStore } from './store.js';
4
4
  export type { RootState, AppStore } from './store.js';
@@ -0,0 +1,11 @@
1
+ import { Middleware, AnyAction } from 'redux';
2
+ declare const rtkListenerMiddleware: import("@reduxjs/toolkit").ListenerMiddlewareInstance<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, AnyAction>, unknown>;
3
+ export type ListenerDispatchFn = Parameters<typeof rtkListenerMiddleware.startListening>[0];
4
+ export declare const listenerMiddleware: Middleware<any, any>;
5
+ export declare const addListener: ({ key, listener, }: {
6
+ key: string;
7
+ listener: Parameters<typeof rtkListenerMiddleware.startListening>[0];
8
+ }) => import("@reduxjs/toolkit").UnsubscribeListener | null;
9
+ export declare const removeListener: (key: string) => boolean;
10
+ export declare const resetListeners: () => void;
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import { createApi } from '@reduxjs/toolkit/query/react';
2
+ export type QueryMiddleware = ReturnType<typeof createApi>['middleware'];
3
+ export type QueryReducerPath = ReturnType<typeof createApi>['reducerPath'];
4
+ export type QueryReducer = ReturnType<typeof createApi>['reducer'];
5
+ export declare const queryMiddleware: QueryMiddleware;
6
+ export declare const addMiddleware: ({ reducerPath, middleware, }: {
7
+ reducerPath: QueryReducerPath;
8
+ middleware: QueryMiddleware;
9
+ }) => void;
10
+ export declare const removeMiddleware: (reducerPath: string) => void;
11
+ export declare const resetMiddlewares: () => void;
@@ -0,0 +1,5 @@
1
+ export { useInjectQuery } from './useInjectQuery.js';
2
+ export { useInjectListener } from './useInjectListener.js';
3
+ export { useAppDispatch } from './useAppDispatch.js';
4
+ export { useAppSelector } from './useAppSelector.js';
5
+ export { useAppMiddleware } from './useAppMiddleware.js';
@@ -1,3 +1,4 @@
1
+ import { Middleware } from 'redux';
1
2
  import { History } from 'history';
2
3
  declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
3
4
  waitMessage: import("./wait-message/reducer.js").WaitMessageState;
@@ -15,7 +16,7 @@ export type RootState = ReturnType<typeof rootReducer>;
15
16
  export declare const setStore: <T>(store: T) => void;
16
17
  export declare const getStore: () => unknown;
17
18
  type MiddlewareConfig = {
18
- thunk: boolean;
19
+ thunk?: boolean;
19
20
  };
20
21
  export declare const createAppStore: (initialState: import("redux").CombinedState<{
21
22
  waitMessage: import("./wait-message/reducer.js").WaitMessageState;
@@ -33,11 +34,11 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
33
34
  } | import("redux").AnyAction | {
34
35
  payload: import("./breakpoint/index.js").Breakpoints;
35
36
  type: string;
36
- }, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
37
+ }, import("@reduxjs/toolkit").MiddlewareArray<[Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
37
38
  waitMessage: import("./wait-message/reducer.js").WaitMessageState;
38
39
  error: import("./error/index.js").ErrorState;
39
40
  breakpoint: import("./breakpoint/index.js").BreakpointState;
40
41
  liveMessage: import("./live-message/index.js").LiveMessageState;
41
- }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
42
+ }>, import("redux").AnyAction, undefined>, ...Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
42
43
  export type AppStore = ReturnType<typeof createAppStore>;
43
44
  export {};
@@ -1,11 +1,8 @@
1
1
  import { Dispatch, PayloadAction, AnyAction } from '@reduxjs/toolkit';
2
- import { TypedUseSelectorHook } from 'react-redux';
3
- import { RootState } from './store.js';
4
2
  import { WaitMessageState } from './wait-message/reducer.js';
5
3
  import { BreakpointState } from './breakpoint/index.js';
6
4
  import { ErrorState } from './error/index.js';
7
5
  import { LiveMessageState } from './live-message/index.js';
8
6
  type AppDispatch = Dispatch<PayloadAction<WaitMessageState> | PayloadAction<BreakpointState> | PayloadAction<ErrorState> | PayloadAction<LiveMessageState> | AnyAction>;
9
7
  export declare const useAppDispatch: () => AppDispatch;
10
- export declare const useAppSelector: TypedUseSelectorHook<RootState>;
11
8
  export {};
@@ -0,0 +1,5 @@
1
+ import { Middleware } from 'redux';
2
+ export declare const useAppMiddleware: ({ key, middleware, }: {
3
+ key: string;
4
+ middleware: Middleware<any, any>;
5
+ }) => void;
@@ -0,0 +1,3 @@
1
+ import { TypedUseSelectorHook } from 'react-redux';
2
+ import { RootState } from './store.js';
3
+ export declare const useAppSelector: TypedUseSelectorHook<RootState>;
@@ -0,0 +1,5 @@
1
+ import { ListenerDispatchFn } from './listenerMiddleware.js';
2
+ export declare const useInjectListener: ({ key, listener, }: {
3
+ key: string;
4
+ listener: ListenerDispatchFn;
5
+ }) => void;
@@ -0,0 +1,7 @@
1
+ import { Reducer, AnyAction } from 'redux';
2
+ import { QueryMiddleware, QueryReducerPath } from './queryMiddleware.js';
3
+ export declare const useInjectQuery: ({ reducerPath, reducer, middleware, }: {
4
+ reducerPath: QueryReducerPath;
5
+ reducer: Reducer<any, AnyAction>;
6
+ middleware: QueryMiddleware;
7
+ }) => void;
@@ -1,5 +1,6 @@
1
1
  export { isUserAuthorized, login, authorize } from './utils/auth/index.js';
2
2
  export { getHTTPClient, getAuthHTTPClient, } from './communication/http-client/index.js';
3
+ export { sdkBaseQuery } from './communication/http-client/baseQuery.js';
3
4
  export { onAuthorizationFailure } from './communication/http-client/response-interceptor.js';
4
5
  export { auth } from './data/auth/actions.js';
5
6
  export { RequireAuth } from './view/require-auth.js';
@@ -7,8 +8,9 @@ export { authentication as authSaga } from './sideeffect/auth/index.js';
7
8
  export { authReducer } from './data/auth/reducer.js';
8
9
  export { Page } from './view/page.js';
9
10
  export { default as globalConstants } from './utils/constants.js';
10
- export { useAppDispatch, useAppSelector } from './data/react-redux.js';
11
11
  export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
12
+ export { useInjectQuery, useInjectListener, useAppDispatch, useAppSelector, useAppMiddleware, } from './data/react.js';
13
+ export { errorMiddleware } from './data/errorMiddleware.js';
12
14
  export { getAuthorizationHeader } from './utils/auth/helper.js';
13
15
  export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
14
16
  export { createAppStore as configureStore } from './data/store.js';
@@ -1,62 +1,42 @@
1
+ import { InputLogRecord } from '@elliemae/pui-diagnostics';
1
2
  export declare const logRecords: {
2
3
  ERR_TOAST_OPEN_FAILED: {
3
4
  code: string;
4
- message: string;
5
+ msg: string;
5
6
  };
6
7
  WAIT_MSG_OPEN_FAILED: {
7
8
  code: string;
8
- message: string;
9
+ msg: string;
9
10
  };
10
11
  WAIT_MSG_CLOSE_FAILED: {
11
12
  code: string;
12
- message: string;
13
+ msg: string;
13
14
  };
14
15
  APP_CONFIG_LOAD_FAILED: {
15
16
  code: string;
16
- message: string;
17
- };
18
- ASSET_NOT_FOUND_IN_MANIFEST: (assetName: string) => {
19
- code: string;
20
- message: string;
21
- };
22
- APP_INIT_FAILED: (appId: string, errMsg: string) => {
23
- code: string;
24
- message: string;
25
- };
26
- APP_LOADING: (appId: string) => {
27
- code: string;
28
- message: string;
29
- };
30
- APP_LOADING_COMPLETE: (appId: string) => {
31
- code: string;
32
- message: string;
33
- };
34
- APP_UNLOADING: (appId: string) => {
35
- code: string;
36
- message: string;
37
- };
38
- APP_UNLOADING_COMPLETE: (appId: string) => {
39
- code: string;
40
- message: string;
41
- };
42
- SSF_HOST_OBJECT_NOT_FOUND: (name: string) => {
43
- code: string;
44
- message: string;
17
+ msg: string;
45
18
  };
19
+ ASSET_NOT_FOUND_IN_MANIFEST: (assetName: string) => InputLogRecord;
20
+ APP_INIT_FAILED: (appId: string, errMsg: string) => InputLogRecord;
21
+ APP_LOADING: (appId: string) => InputLogRecord;
22
+ APP_LOADING_COMPLETE: (appId: string) => InputLogRecord;
23
+ APP_UNLOADING: (appId: string) => InputLogRecord;
24
+ APP_UNLOADING_COMPLETE: (appId: string) => InputLogRecord;
25
+ SSF_HOST_OBJECT_NOT_FOUND: (name: string) => InputLogRecord;
46
26
  LOGIN_FAILED: {
47
27
  code: string;
48
- message: string;
28
+ msg: string;
49
29
  };
50
30
  LOGOUT_FAILED: {
51
31
  code: string;
52
- message: string;
32
+ msg: string;
53
33
  };
54
34
  SERVICE_WORKER_FAILED: {
55
35
  code: string;
56
- message: string;
36
+ msg: string;
57
37
  };
58
38
  UNHANDLED_ERROR: {
59
39
  code: string;
60
- message: string;
40
+ msg: string;
61
41
  };
62
42
  };
@@ -16,12 +16,12 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
16
16
  } | import("redux").AnyAction | {
17
17
  payload: import("../../data/breakpoint/index.js").Breakpoints;
18
18
  type: string;
19
- }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
19
+ }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
20
20
  waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
21
21
  error: import("../../data/error/index.js").ErrorState;
22
22
  breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
23
23
  liveMessage: import("../../data/live-message/index.js").LiveMessageState;
24
- }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
24
+ }>, import("redux").AnyAction, undefined>, ...import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
25
25
  container: HTMLElement;
26
26
  baseElement: HTMLElement;
27
27
  debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
@@ -19,12 +19,12 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
19
19
  } | import("redux").AnyAction | {
20
20
  payload: import("../../data/breakpoint/index.js").Breakpoints;
21
21
  type: string;
22
- }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
22
+ }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
23
23
  waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
24
24
  error: import("../../data/error/index.js").ErrorState;
25
25
  breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
26
26
  liveMessage: import("../../data/live-message/index.js").LiveMessageState;
27
- }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
27
+ }>, import("redux").AnyAction, undefined>, ...import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
28
28
  container: HTMLElement;
29
29
  baseElement: HTMLElement;
30
30
  debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, string | number | symbol> & import("react").RefAttributes<HTMLSpanElement>>;
2
+ export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Omit<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
@@ -1,13 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';
3
- type CircularIndicatorProps = React.ComponentProps<typeof DSCircularIndeterminateIndicator>;
4
2
  export interface WaitMessageProps {
5
- size?: CircularIndicatorProps['size'];
6
- color?: CircularIndicatorProps['color'];
7
- showText?: CircularIndicatorProps['showText'];
8
- withTooltip?: CircularIndicatorProps['withTooltip'];
9
- tooltipStartPlacementPreference?: CircularIndicatorProps['tooltipStartPlacementPreference'];
3
+ size?: string;
4
+ style?: React.CSSProperties;
10
5
  [x: string]: any;
11
6
  }
12
7
  export declare const WaitMessage: import("react").NamedExoticComponent<WaitMessageProps>;
13
- export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/pui-app-sdk",
3
- "version": "4.12.0-next.1",
3
+ "version": "4.12.0",
4
4
  "description": "ICE MT UI Platform Application SDK ",
5
5
  "sideEffects": [
6
6
  "*.css",
@@ -112,22 +112,23 @@
112
112
  },
113
113
  "peerDependencies": {
114
114
  "@elliemae/app-react-dependencies": "^4.6.1",
115
- "@elliemae/ds-backdrop": "^3.13.1",
116
- "@elliemae/ds-basic": "^3.13.1",
117
- "@elliemae/ds-button": "^3.13.1",
118
- "@elliemae/ds-circular-progress-indicator": "^3.13.1",
119
- "@elliemae/ds-controlled-form": "^3.13.1",
120
- "@elliemae/ds-date-picker": "^3.13.1",
121
- "@elliemae/ds-date-range-picker": "^3.13.1",
122
- "@elliemae/ds-dialog": "^3.13.1",
123
- "@elliemae/ds-form": "^3.13.1",
124
- "@elliemae/ds-form-layout-blocks": "^3.13.1",
125
- "@elliemae/ds-grid": "^3.13.1",
126
- "@elliemae/ds-modal": "^3.13.1",
127
- "@elliemae/ds-popperjs": "^3.13.1",
128
- "@elliemae/ds-toast": "^3.13.1",
115
+ "@elliemae/ds-backdrop": "^3.13.2",
116
+ "@elliemae/ds-basic": "^3.13.2",
117
+ "@elliemae/ds-button": "^3.13.2",
118
+ "@elliemae/ds-circular-progress-indicator": "^3.13.2",
119
+ "@elliemae/ds-controlled-form": "^3.13.2",
120
+ "@elliemae/ds-date-picker": "^3.13.2",
121
+ "@elliemae/ds-date-range-picker": "^3.13.2",
122
+ "@elliemae/ds-dialog": "^3.13.2",
123
+ "@elliemae/ds-form": "^3.13.2",
124
+ "@elliemae/ds-form-layout-blocks": "^3.13.2",
125
+ "@elliemae/ds-grid": "^3.13.2",
126
+ "@elliemae/ds-loading-indicator": "^3.13.2",
127
+ "@elliemae/ds-modal": "^3.13.2",
128
+ "@elliemae/ds-popperjs": "^3.13.2",
129
+ "@elliemae/ds-toast": "^3.13.2",
129
130
  "@elliemae/em-ssf-guest": "^1.11.2",
130
- "@elliemae/pui-diagnostics": "^3.0.0",
131
+ "@elliemae/pui-diagnostics": "^2.7.5",
131
132
  "@elliemae/pui-micro-frontend-base": "^1.14.0",
132
133
  "@elliemae/pui-scripting-object": "^1.19.0",
133
134
  "@elliemae/pui-theme": "^2.6.0",
@@ -136,23 +137,24 @@
136
137
  "devDependencies": {
137
138
  "@elliemae/app-react-dependencies": "~4.6.1",
138
139
  "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
139
- "@elliemae/ds-backdrop": "~3.13.1",
140
- "@elliemae/ds-basic": "~3.13.1",
141
- "@elliemae/ds-button": "~3.13.1",
142
- "@elliemae/ds-circular-progress-indicator": "~3.13.1",
143
- "@elliemae/ds-controlled-form": "~3.13.1",
144
- "@elliemae/ds-date-picker": "~3.13.1",
145
- "@elliemae/ds-date-range-picker": "~3.13.1",
146
- "@elliemae/ds-dialog": "~3.13.1",
147
- "@elliemae/ds-form": "~3.13.1",
148
- "@elliemae/ds-form-layout-blocks": "~3.13.1",
149
- "@elliemae/ds-grid": "~3.13.1",
150
- "@elliemae/ds-modal": "~3.13.1",
151
- "@elliemae/ds-popperjs": "~3.13.1",
152
- "@elliemae/ds-toast": "~3.13.1",
140
+ "@elliemae/ds-backdrop": "~3.13.2",
141
+ "@elliemae/ds-basic": "~3.13.2",
142
+ "@elliemae/ds-button": "~3.13.2",
143
+ "@elliemae/ds-circular-progress-indicator": "~3.13.2",
144
+ "@elliemae/ds-controlled-form": "~3.13.2",
145
+ "@elliemae/ds-date-picker": "~3.13.2",
146
+ "@elliemae/ds-date-range-picker": "~3.13.2",
147
+ "@elliemae/ds-dialog": "~3.13.2",
148
+ "@elliemae/ds-form": "~3.13.2",
149
+ "@elliemae/ds-form-layout-blocks": "~3.13.2",
150
+ "@elliemae/ds-grid": "~3.13.2",
151
+ "@elliemae/ds-loading-indicator": "~3.13.2",
152
+ "@elliemae/ds-modal": "~3.13.2",
153
+ "@elliemae/ds-popperjs": "~3.13.2",
154
+ "@elliemae/ds-toast": "~3.13.2",
153
155
  "@elliemae/em-ssf-guest": "~1.11.2",
154
- "@elliemae/pui-cli": "~7.27.0",
155
- "@elliemae/pui-diagnostics": "~3.0.0",
156
+ "@elliemae/pui-cli": "~7.27.1",
157
+ "@elliemae/pui-diagnostics": "~2.7.5",
156
158
  "@elliemae/pui-doc-gen": "~1.4.1",
157
159
  "@elliemae/pui-e2e-test-sdk": "~7.7.1",
158
160
  "@elliemae/pui-micro-frontend-base": "~1.14.0",
@@ -1,7 +0,0 @@
1
- import { useDispatch, useSelector } from "react-redux";
2
- const useAppDispatch = () => useDispatch();
3
- const useAppSelector = useSelector;
4
- export {
5
- useAppDispatch,
6
- useAppSelector
7
- };