@elliemae/pui-app-sdk 4.0.0-beta.5 → 4.1.0

package/dist/esm/view/session-timeout/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { logout } from "../../data/logout/actions.js";
@@ -16,12 +16,14 @@ const SessionTimeout = () => {
   const [warningNotifiedAt, setwarningNotifiedAt] = useState();
   useEffect(() => {
     initSessionMonitoring();
-    const warningCb = subscribeToSessionExpiryWarning((sessionExpiryWarningNotifiedAt) => {
-      if (!sessionExpiryWarningNotifiedAt)
-        return;
-      setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
-      setSessionExpiryWarning(true);
-    });
+    const warningCb = subscribeToSessionExpiryWarning(
+      (sessionExpiryWarningNotifiedAt) => {
+        if (!sessionExpiryWarningNotifiedAt)
+          return;
+        setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
+        setSessionExpiryWarning(true);
+      }
+    );
     const resetCb = subscribeToResetSession((resetWarningModal) => {
       if (resetWarningModal === true) {
         setSessionExpiryWarning(false);
@@ -38,10 +40,12 @@ const SessionTimeout = () => {
       stopSessionMonitoring();
     };
   }, [dispatch]);
-  return /* @__PURE__ */ React.createElement("div", null, showSessionExpiryWarning && /* @__PURE__ */ React.createElement(SessionExpiry, {
-    open: true,
-    warningNotifiedAt
-  }));
+  return /* @__PURE__ */ jsx("div", {
+    children: showSessionExpiryWarning && /* @__PURE__ */ jsx(SessionExpiry, {
+      open: true,
+      warningNotifiedAt
+    })
+  });
 };
 export {
   SessionTimeout

package/dist/esm/view/storybook/decorator.js

@@ -1,11 +1,12 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { browserHistory } from "../../utils/history.js";
 import { AppRoot } from "../app-root/index.js";
-const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(AppRoot, {
+const withAppDecorator = (theme, store, story) => /* @__PURE__ */ jsx(AppRoot, {
   store,
   history: browserHistory,
-  theme
-}, story());
+  theme,
+  children: story()
+});
 export {
   withAppDecorator
 };

package/dist/esm/view/visually-hidden/index.js

@@ -1,20 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import styled from "styled-components";
 const Span = styled.span`
@@ -29,9 +13,12 @@ const Span = styled.span`
   white-space: nowrap;
   word-wrap: normal;
 `;
-const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, __spreadValues({
-  ref
-}, props)));
+const VisuallyHidden = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(Span, {
+    ref,
+    ...props
+  })
+);
 export {
   VisuallyHidden
 };

package/dist/types/__mocks__/@elliemae/em-ssf-guest.d.ts

@@ -0,0 +1,6 @@
+import { IAuth } from '@elliemae/pui-scripting-object';
+declare const _default: {
+    connect: () => Promise<void>;
+    getObject: (objectId: string) => Promise<IAuth>;
+};
+export default _default;

package/dist/types/{data → lib/data}/index.d.ts

@@ -1,4 +1,4 @@
-export { useInjectReducer, useInjectSaga } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { useAppDispatch, useAppSelector } from './react-redux.js';
 export { createAppStore as configureStore, getStore } from './store.js';
 export type { RootState, AppStore } from './store.js';

package/dist/types/{data → lib/data}/store.d.ts

@@ -22,7 +22,7 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}> | undefined, history: History, middlewareConfig?: MiddlewareConfig | undefined) => import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
+}> | undefined, history: History, middlewareConfig?: MiddlewareConfig) => import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;

package/dist/types/{index.d.ts → lib/index.d.ts}

@@ -6,7 +6,7 @@ export { RequireAuth } from './view/require-auth.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 } from 'redux-injectors';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';
@@ -16,7 +16,7 @@ export { ACTIONS as NavigationPromptActions } from './data/navigation-prompt/act
 export { loadable } from './view/loadable/index.js';
 export { WaitMessage } from './view/modals/wait-message/index.js';
 export { SessionTimeout } from './view/session-timeout/index.js';
-export { subscribeToSessionExpiryWarning, subscribeToSessionExpiry, resetUserIdleTime, trackActivity, } from './utils/session.js';
+export { subscribeToSessionExpiryWarning, subscribeToSessionExpiry, subscribeToResetSession, resetUserIdleTime, trackActivity, } from './utils/session.js';
 export { waitMessage as waitMessageAction } from './data/wait-message/actions.js';
 export { initServiceWorker } from './utils/service-worker.js';
 export { CMicroAppGuest } from './utils/micro-frontend/guest.js';
@@ -42,8 +42,11 @@ export { RenderWithStateAddOns } from './utils/testing/render-with-state-addons.
 export { getApiActionCreator, getSelectField } from './api/helpers.js';
 export { getUser as fetchUserSettings } from './api/users/index.js';
 export { withAppDecorator } from './view/storybook/decorator.js';
+export { Autocomplete } from './view/fields/autocomplete/index.js';
 export { ErrorToast } from './view/error-toast/index.js';
+export { NavigationPrompt } from './view/modals/navigation-prompt/index.js';
 export { Form } from './view/form/index.js';
+export { ComboBoxV3 } from './view/fields/combo-box-v3/index.js';
 export { ConnectForm } from './view/fields/connect-form.js';
 export { FormItemLayout } from './view/fields/form-item-layout/index.js';
 export { FormLayoutBlockItem } from './view/fields/form-layout-block-item/index.js';
@@ -75,5 +78,5 @@ export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';
 export type { RootState, AppStore } from './data/store.js';
 export type { AppConfig } from './utils/app-config/config.js';
-export type { OnInitCallback, OnMountCallback, } from './utils/micro-frontend/guest.js';
+export type { OnInitCallback, OnMountCallback, OnUnMountCallback, } from './utils/micro-frontend/guest.js';
 export type { OnInitCallback as OnHostInitCallback } from './utils/micro-frontend/host.js';

package/dist/types/lib/utils/app-config/index.d.ts

@@ -0,0 +1 @@
+export declare const loadAppConfig: (assetPath?: string) => Promise<void>;

package/dist/types/{utils → lib/utils}/auth/index.d.ts

@@ -29,4 +29,6 @@ export declare const login: ({ clientId, scope, responseType, }: {
     clientId: string;
     scope: string;
     responseType: string;
-}) => Promise<void>;
+}) => Promise<{
+    authorized: boolean;
+}>;

package/dist/types/{utils → lib/utils}/micro-frontend/host.d.ts

@@ -1,6 +1,6 @@
-import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent, IDomainObject } from '@elliemae/pui-micro-frontend-base';
 import { History, To } from 'history';
 import { DefaultTheme } from 'styled-components';
+import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
 import { MicroFrontEndLogger } from './console-logger.js';
 declare type HostOptions = {
     systemVersion: string;
@@ -21,7 +21,7 @@ export declare class CMicroAppHost implements IMicroAppHost {
     activeGuests: Record<string, unknown>;
     private readonly onInit?;
     private readonly onRenewSessionTimer?;
-    domainObjects: Record<string, IDomainObject>;
+    domainObjects: Record<string, any>;
     private constructor();
     static getInstance(params?: ConstructorParams): CMicroAppHost;
     static isInitialized(): boolean;
@@ -51,6 +51,6 @@ export declare class CMicroAppHost implements IMicroAppHost {
     onBreakpointChangeEvent(eventHandler: BreakpointChangeEventHandler): string;
     setSystemVersion(version?: string): void;
     sendBAEvent(this: void, data: BAEvent): void;
-    getObject<T extends IDomainObject>(name: string): T;
+    getObject<T>(name: string): Promise<T>;
 }
 export {};

package/dist/types/{utils → lib/utils}/micro-frontend/ssfguest-adapter.d.ts

@@ -1,7 +1,7 @@
-import { SubscriptionListener, IDomainObject } from '@elliemae/pui-micro-frontend-base';
+import { SubscriptionListener } from '@elliemae/pui-micro-frontend-base';
 export declare class SSFGuestAdapter {
     init(): Promise<boolean>;
-    getObject<T extends IDomainObject>(name: string): Promise<T>;
+    getObject<T>(name: string): Promise<T>;
     subscribe<T>(message: string, func: SubscriptionListener<T>): string | number;
     unsubscribe(token: string, objectId: string, eventName: string): void;
 }

package/dist/types/lib/utils/micro-frontend/tests/guest-ssf-host.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/utils/micro-frontend/tests/guest.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { RenderOptions } from '@testing-library/react';
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/types/{view → lib/view}/app-root/index.d.ts

@@ -5,11 +5,12 @@ import { AppStore } from '../../data/store.js';
 declare type AppRootProps = {
     store: AppStore;
     history: History;
+    basename?: string;
     theme: Theme;
     children: React.ReactNode;
     manageSession?: boolean;
     WaitMessage?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 };
-export declare const AppRoot: ({ store, history, theme, manageSession, WaitMessage, errorTemplate, children, }: AppRootProps) => JSX.Element;
+export declare const AppRoot: ({ store, history, basename, theme, manageSession, WaitMessage, errorTemplate, children, }: AppRootProps) => JSX.Element;
 export {};

package/dist/types/{view → lib/view}/app-router.d.ts

@@ -5,5 +5,5 @@ interface AppRouterProps {
     basename?: string;
     children?: React.ReactNode;
 }
-export declare const AppRouter: ({ history, ...props }: AppRouterProps) => JSX.Element;
+export declare const AppRouter: ({ history, basename, ...props }: AppRouterProps) => JSX.Element;
 export {};

package/dist/types/{view → lib/view}/error-boundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 }
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
@@ -7,6 +8,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
     componentDidCatch(error: Error, errorInfo: {
         componentStack: string;
     }): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
 export {};

package/dist/types/lib/view/fields/autocomplete/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type AutocompleteOption = {
+    label: string;
+    type: string;
+    [x: string]: unknown;
+};
+export declare type AutocompleteProps = {
+    name: string;
+    options: AutocompleteOption[];
+    [x: string]: any;
+};
+export declare const Autocomplete: ({ name, children, ...rest }: AutocompleteProps) => JSX.Element;
+export {};

package/dist/types/lib/view/fields/autocomplete/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { AutocompleteProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<AutocompleteProps>;

package/dist/types/lib/view/fields/combo-box-v3/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type ComboBoxV3Props<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: Record<string, unknown>[] | Record<string, unknown> | null;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const ComboBoxV3: ({ name, defaultValue, rules, ...rest }: ComboBoxV3Props) => JSX.Element;

package/dist/types/lib/view/fields/combo-box-v3/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { ComboBoxV3Props } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<ComboBoxV3Props<import("react-hook-form").FieldValues, string>>;

package/dist/types/{view → lib/view}/fields/form-item-layout/index.d.ts

@@ -2,7 +2,7 @@
 export declare type FormItemLayoutProps = {
     name: string;
     floatingLabel?: boolean;
-    inputComponent: React.ReactNode;
+    inputComponent: React.ComponentType<any>;
     labelText?: string;
     [x: string]: any;
 };

package/dist/types/{view → lib/view}/fields/input-mask/index.d.ts

@@ -6,7 +6,9 @@ export declare type InputMaskProps<TFieldValues extends FieldValues = FieldValue
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
     mask: <T>(value: T) => T;
+    onChange?: (e: React.BaseSyntheticEvent) => void;
+    onBlur?: (e: React.BaseSyntheticEvent) => void;
     [x: string]: any;
 };
-export declare const InputMask: ({ name, defaultValue, rules, ...rest }: InputMaskProps) => JSX.Element;
+export declare const InputMask: ({ name, defaultValue, rules, onChange: changeHandler, onBlur: onBlurHandler, ...rest }: InputMaskProps) => JSX.Element;
 export { MASK_TYPES, MASK_PIPES };

package/dist/types/lib/view/fields/tests/combo-box-v3.test.d.ts

@@ -0,0 +1 @@
+export {};