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

package/dist/types/lib/data/queryMiddleware.d.ts

@@ -0,0 +1,11 @@
+import { createApi } from '@reduxjs/toolkit/query/react';
+export type QueryMiddleware = ReturnType<typeof createApi>['middleware'];
+export type QueryReducerPath = ReturnType<typeof createApi>['reducerPath'];
+export type QueryReducer = ReturnType<typeof createApi>['reducer'];
+export declare const queryMiddleware: QueryMiddleware;
+export declare const addMiddleware: ({ reducerPath, middleware, }: {
+    reducerPath: QueryReducerPath;
+    middleware: QueryMiddleware;
+}) => void;
+export declare const removeMiddleware: (reducerPath: string) => void;
+export declare const resetMiddlewares: () => void;

package/dist/types/lib/data/react.d.ts

@@ -0,0 +1,5 @@
+export { useInjectQuery } from './useInjectQuery.js';
+export { useInjectListener } from './useInjectListener.js';
+export { useAppDispatch } from './useAppDispatch.js';
+export { useAppSelector } from './useAppSelector.js';
+export { useAppMiddleware } from './useAppMiddleware.js';

package/dist/types/lib/data/store.d.ts

@@ -1,3 +1,4 @@
+import { Middleware } from 'redux';
 import { History } from 'history';
 declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
@@ -15,7 +16,7 @@ export type RootState = ReturnType<typeof rootReducer>;
 export declare const setStore: <T>(store: T) => void;
 export declare const getStore: () => unknown;
 type MiddlewareConfig = {
-    thunk: boolean;
+    thunk?: boolean;
 };
 export declare const createAppStore: (initialState: import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
@@ -33,11 +34,11 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
 } | import("redux").AnyAction | {
     payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
+}, import("@reduxjs/toolkit").MiddlewareArray<[Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+}>, import("redux").AnyAction, undefined>, ...Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
 export type AppStore = ReturnType<typeof createAppStore>;
 export {};

package/dist/types/lib/data/{react-redux.d.ts → useAppDispatch.d.ts}

@@ -1,11 +1,8 @@
 import { Dispatch, PayloadAction, AnyAction } from '@reduxjs/toolkit';
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from './store.js';
 import { WaitMessageState } from './wait-message/reducer.js';
 import { BreakpointState } from './breakpoint/index.js';
 import { ErrorState } from './error/index.js';
 import { LiveMessageState } from './live-message/index.js';
 type AppDispatch = Dispatch<PayloadAction<WaitMessageState> | PayloadAction<BreakpointState> | PayloadAction<ErrorState> | PayloadAction<LiveMessageState> | AnyAction>;
 export declare const useAppDispatch: () => AppDispatch;
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;
 export {};

package/dist/types/lib/data/useAppMiddleware.d.ts

@@ -0,0 +1,5 @@
+import { Middleware } from 'redux';
+export declare const useAppMiddleware: ({ key, middleware, }: {
+    key: string;
+    middleware: Middleware<any, any>;
+}) => void;

package/dist/types/lib/data/useAppSelector.d.ts

@@ -0,0 +1,3 @@
+import { TypedUseSelectorHook } from 'react-redux';
+import { RootState } from './store.js';
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/types/lib/data/useInjectListener.d.ts

@@ -0,0 +1,5 @@
+import { ListenerDispatchFn } from './listenerMiddleware.js';
+export declare const useInjectListener: ({ key, listener, }: {
+    key: string;
+    listener: ListenerDispatchFn;
+}) => void;

package/dist/types/lib/data/useInjectQuery.d.ts

@@ -0,0 +1,7 @@
+import { Reducer, AnyAction } from 'redux';
+import { QueryMiddleware, QueryReducerPath } from './queryMiddleware.js';
+export declare const useInjectQuery: ({ reducerPath, reducer, middleware, }: {
+    reducerPath: QueryReducerPath;
+    reducer: Reducer<any, AnyAction>;
+    middleware: QueryMiddleware;
+}) => void;

package/dist/types/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { isUserAuthorized, login, authorize } from './utils/auth/index.js';
 export { getHTTPClient, getAuthHTTPClient, } from './communication/http-client/index.js';
+export { sdkBaseQuery } from './communication/http-client/baseQuery.js';
 export { onAuthorizationFailure } from './communication/http-client/response-interceptor.js';
 export { auth } from './data/auth/actions.js';
 export { RequireAuth } from './view/require-auth.js';
@@ -7,8 +8,9 @@ export { authentication as authSaga } from './sideeffect/auth/index.js';
 export { authReducer } from './data/auth/reducer.js';
 export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
-export { useAppDispatch, useAppSelector } from './data/react-redux.js';
 export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
+export { useInjectQuery, useInjectListener, useAppDispatch, useAppSelector, useAppMiddleware, } from './data/react.js';
+export { errorMiddleware } from './data/errorMiddleware.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';

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

@@ -16,12 +16,12 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+    }>, import("redux").AnyAction, undefined>, ...import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;

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

@@ -19,12 +19,12 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
+    }>, import("redux").AnyAction, undefined>, ...import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;

package/dist/types/lib/view/visually-hidden/index.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-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>>;
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Omit<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/lib/view/wait-message/index.d.ts

@@ -1,13 +1,7 @@
 /// <reference types="react" />
-import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';
-type CircularIndicatorProps = React.ComponentProps<typeof DSCircularIndeterminateIndicator>;
 export interface WaitMessageProps {
-    size?: CircularIndicatorProps['size'];
-    color?: CircularIndicatorProps['color'];
-    showText?: CircularIndicatorProps['showText'];
-    withTooltip?: CircularIndicatorProps['withTooltip'];
-    tooltipStartPlacementPreference?: CircularIndicatorProps['tooltipStartPlacementPreference'];
+    size?: string;
+    style?: React.CSSProperties;
     [x: string]: any;
 }
 export declare const WaitMessage: import("react").NamedExoticComponent<WaitMessageProps>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.12.0-next.1",
+  "version": "4.13.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -112,53 +112,55 @@
   },
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^4.6.1",
-    "@elliemae/ds-backdrop": "^3.13.1",
-    "@elliemae/ds-basic": "^3.13.1",
-    "@elliemae/ds-button": "^3.13.1",
-    "@elliemae/ds-circular-progress-indicator": "^3.13.1",
-    "@elliemae/ds-controlled-form": "^3.13.1",
-    "@elliemae/ds-date-picker": "^3.13.1",
-    "@elliemae/ds-date-range-picker": "^3.13.1",
-    "@elliemae/ds-dialog": "^3.13.1",
-    "@elliemae/ds-form": "^3.13.1",
-    "@elliemae/ds-form-layout-blocks": "^3.13.1",
-    "@elliemae/ds-grid": "^3.13.1",
-    "@elliemae/ds-modal": "^3.13.1",
-    "@elliemae/ds-popperjs": "^3.13.1",
-    "@elliemae/ds-toast": "^3.13.1",
+    "@elliemae/ds-backdrop": "^3.13.2",
+    "@elliemae/ds-basic": "^3.13.2",
+    "@elliemae/ds-button": "^3.13.2",
+    "@elliemae/ds-circular-progress-indicator": "^3.13.2",
+    "@elliemae/ds-controlled-form": "^3.13.2",
+    "@elliemae/ds-date-picker": "^3.13.2",
+    "@elliemae/ds-date-range-picker": "^3.13.2",
+    "@elliemae/ds-dialog": "^3.13.2",
+    "@elliemae/ds-form": "^3.13.2",
+    "@elliemae/ds-form-layout-blocks": "^3.13.2",
+    "@elliemae/ds-grid": "^3.13.2",
+    "@elliemae/ds-loading-indicator": "^3.13.2",
+    "@elliemae/ds-modal": "^3.13.2",
+    "@elliemae/ds-popperjs": "^3.13.2",
+    "@elliemae/ds-toast": "^3.13.2",
     "@elliemae/em-ssf-guest": "^1.11.2",
-    "@elliemae/pui-diagnostics": "^3.0.0",
+    "@elliemae/pui-diagnostics": "^3.0.1",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
     "@elliemae/pui-scripting-object": "^1.19.0",
     "@elliemae/pui-theme": "^2.6.0",
-    "@elliemae/pui-user-monitoring": "^1.18.1"
+    "@elliemae/pui-user-monitoring": "^1.19.0"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~4.6.1",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
-    "@elliemae/ds-backdrop": "~3.13.1",
-    "@elliemae/ds-basic": "~3.13.1",
-    "@elliemae/ds-button": "~3.13.1",
-    "@elliemae/ds-circular-progress-indicator": "~3.13.1",
-    "@elliemae/ds-controlled-form": "~3.13.1",
-    "@elliemae/ds-date-picker": "~3.13.1",
-    "@elliemae/ds-date-range-picker": "~3.13.1",
-    "@elliemae/ds-dialog": "~3.13.1",
-    "@elliemae/ds-form": "~3.13.1",
-    "@elliemae/ds-form-layout-blocks": "~3.13.1",
-    "@elliemae/ds-grid": "~3.13.1",
-    "@elliemae/ds-modal": "~3.13.1",
-    "@elliemae/ds-popperjs": "~3.13.1",
-    "@elliemae/ds-toast": "~3.13.1",
+    "@elliemae/ds-backdrop": "~3.13.2",
+    "@elliemae/ds-basic": "~3.13.2",
+    "@elliemae/ds-button": "~3.13.2",
+    "@elliemae/ds-circular-progress-indicator": "~3.13.2",
+    "@elliemae/ds-controlled-form": "~3.13.2",
+    "@elliemae/ds-date-picker": "~3.13.2",
+    "@elliemae/ds-date-range-picker": "~3.13.2",
+    "@elliemae/ds-dialog": "~3.13.2",
+    "@elliemae/ds-form": "~3.13.2",
+    "@elliemae/ds-form-layout-blocks": "~3.13.2",
+    "@elliemae/ds-grid": "~3.13.2",
+    "@elliemae/ds-loading-indicator": "~3.13.2",
+    "@elliemae/ds-modal": "~3.13.2",
+    "@elliemae/ds-popperjs": "~3.13.2",
+    "@elliemae/ds-toast": "~3.13.2",
     "@elliemae/em-ssf-guest": "~1.11.2",
-    "@elliemae/pui-cli": "~7.27.0",
-    "@elliemae/pui-diagnostics": "~3.0.0",
+    "@elliemae/pui-cli": "~7.27.1",
+    "@elliemae/pui-diagnostics": "~3.0.1",
     "@elliemae/pui-doc-gen": "~1.4.1",
     "@elliemae/pui-e2e-test-sdk": "~7.7.1",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
     "@elliemae/pui-scripting-object": "~1.19.0",
     "@elliemae/pui-theme": "~2.6.0",
-    "@elliemae/pui-user-monitoring": "~1.18.1",
+    "@elliemae/pui-user-monitoring": "~1.19.0",
     "@types/react-aria-live": "~2.0.2"
   }
 }

package/dist/esm/data/react-redux.js

@@ -1,7 +0,0 @@
-import { useDispatch, useSelector } from "react-redux";
-const useAppDispatch = () => useDispatch();
-const useAppSelector = useSelector;
-export {
-  useAppDispatch,
-  useAppSelector
-};