@elliemae/pui-app-sdk 3.0.0-beta.5 → 3.0.0-beta.9

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { History } from 'history';
-import { AppStore, RootState } from '../../data/store';
+import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
     store: AppStore;
@@ -9,31 +9,31 @@ interface Args {
 }
 export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, history, initialState, store, }?: Args) => {
     store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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;
     }>, {
-        payload: import("../../data/wait-message/reducer").WaitMessageState;
+        payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
-        payload: import("../../data/breakpoint").Breakpoints;
+        payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
     }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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").Middleware<{}, import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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").Dispatch<import("redux").AnyAction>>>>;
     container: HTMLElement;
     baseElement: Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { History } from 'history';
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type AppRootProps = {
     store: AppStore;
     history: History;

package/dist/types/{view → lib/view}/fields/check-box/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
+import { CHECKBOX_VARIANT } from '@elliemae/ds-form/Checkbox';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type CheckBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

package/dist/types/{view → lib/view}/fields/check-box/index.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/check-box/set-value.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/combo-box/index.stories.d.ts

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

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

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

package/dist/types/{view → lib/view}/fields/date-picker/index.stories.d.ts

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
+import { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form/InputMask';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type InputMaskProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;

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

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

package/dist/types/{view → lib/view}/fields/large-text-box/index.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/radio/index.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/radio/set-value.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/radio-group/index.stories.d.ts

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

package/dist/types/{view → lib/view}/fields/text-box/index.stories.d.ts

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

package/dist/types/{view → lib/view}/form/usecases.stories.d.ts

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Link } from './center-region';
+import { Link } from './center-region/index.js';
 export interface HeaderProps {
     links?: Array<Link>;
     show?: boolean;

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

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

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

@@ -1,9 +1,9 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const mountApp: ({ id, name }: MicroAppConfig) => Promise<void>;
 export declare const unmountApp: ({ id, name }: MicroAppConfig) => Promise<void | null>;
 export declare const loadApp: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const unloadApp: ({ id, hostUrl, documentEle, }: {
     id: string;
-    hostUrl: string;
-    documentEle: HTMLDocument;
+    hostUrl?: string | undefined;
+    documentEle: Document;
 }) => void;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare const MicroApp: import("react").NamedExoticComponent<MicroAppProps>;

package/dist/types/{view → lib/view}/micro-app/resources/manifest.d.ts

@@ -1,7 +1,7 @@
 declare type Manifest = Record<string, string>;
 export declare const getAppManifest: ({ hostUrl, manifestPath, }: {
-    hostUrl: string;
-    manifestPath: string;
+    hostUrl?: string | undefined;
+    manifestPath?: string | undefined;
 }) => Promise<Manifest>;
 export declare const getFullFileNameofAssetsFromManifest: (manifest: Record<string, string>, assetNames?: Array<string>) => Array<string>;
 export {};

package/dist/types/{view → lib/view}/micro-app/resources/script.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_SCRIPT_ID_PREFIX = "emui-script-";
 export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/{view → lib/view}/micro-app/resources/style.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_STYLE_ID_PREFIX = "emui-style-";
 export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/{view → lib/view}/micro-app/use-app-will-render.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare type OnUnloadCompleteFn = () => void;
 declare type UseAppWillRenderArgs = MicroAppProps & {
     onUnloadComplete?: OnUnloadCompleteFn;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render';
-import { MicroIFrameAppProps } from './types';
+import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render.js';
+import { MicroIFrameAppProps } from './types.js';
 declare type AppProps = MicroIFrameAppProps & {
     dispose: boolean;
     onUnloadComplete: OnUnloadCompleteFn;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 declare type Props = MicroIFrameAppProps & {
     entityId?: string;
 };

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

@@ -1,4 +1,4 @@
-import { MicroAppProps } from '../micro-app/types';
+import { MicroAppProps } from '../micro-app/types.js';
 export declare type MicroIFrameAppProps = {
     name?: string;
     sandbox?: string;

package/dist/types/{view → lib/view}/micro-iframe-app/use-frame-loaded.d.ts

@@ -1,2 +1,2 @@
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 export declare const useFrameLoaded: ({ id, documentEle }: MicroIFrameAppProps) => void;

package/dist/types/{view → lib/view}/modals/error/index.stories.d.ts

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

package/dist/types/{view → lib/view}/modals/navigation-prompt/index.stories.d.ts

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

package/dist/types/{view → lib/view}/modals/session-expiry/index.stories.d.ts

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

package/dist/types/{view → lib/view}/modals/wait-message/index.stories.d.ts

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

package/dist/types/{view → lib/view}/storybook/decorator.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type StoreFn = () => React.ReactElement;
 export declare const withAppDecorator: (theme: Theme, store: AppStore, story: StoreFn) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.9",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -12,7 +12,8 @@
   "exports": {
     ".": {
       "import": "./dist/es/index.js",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.js",
+      "typings": "./dist/types/index.d.ts"
     },
     "./storybook/*": {
       "import": "./dist/es/utils/storybook/*.js",
@@ -33,6 +34,14 @@
     "./analytics": {
       "import": "./dist/es/analytics/index.js",
       "require": "./dist/cjs/analytics/index.js"
+    },
+    "./data": {
+      "import": "./dist/es/data/index.js",
+      "require": "./dist/cjs/data/index.js"
+    },
+    "./micro-frontend": {
+      "import": "./dist/es/micro-frontend.js",
+      "require": "./dist/cjs/micro-frontend.js"
     }
   },
   "files": [
@@ -90,29 +99,37 @@
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^2.10.0",
     "@elliemae/ds-basic": "^1.60.0",
+    "@elliemae/ds-button": "^1.60.0",
+    "@elliemae/ds-form": "^1.60.0",
+    "@elliemae/ds-loading-indicator": "^1.60.0",
     "@elliemae/ds-date-picker": "^1.60.0",
     "@elliemae/ds-modal": "^1.60.0",
     "@elliemae/ds-popperjs": "^1.60.0",
+    "@elliemae/ds-toast": "^1.60.0",
     "@elliemae/em-ssf-guest": "^1.11.1",
-    "@elliemae/pui-diagnostics": "^2.7.1",
-    "@elliemae/pui-micro-frontend-base": "^1.9.0",
-    "@elliemae/pui-theme": "^2.2.6",
-    "@elliemae/pui-user-monitoring": "^1.11.2"
+    "@elliemae/pui-diagnostics": "^2.7.2",
+    "@elliemae/pui-micro-frontend-base": "^1.10.0",
+    "@elliemae/pui-theme": "^2.3.0",
+    "@elliemae/pui-user-monitoring": "^1.12.1"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~2.10.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.2.1",
     "@elliemae/ds-basic": "~1.60.0",
+    "@elliemae/ds-button": "~1.60.0",
+    "@elliemae/ds-form": "~1.60.0",
+    "@elliemae/ds-loading-indicator": "~1.60.0",
     "@elliemae/ds-date-picker": "~1.60.0",
     "@elliemae/ds-modal": "~1.60.0",
     "@elliemae/ds-popperjs": "~1.60.0",
+    "@elliemae/ds-toast": "~1.60.0",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~6.0.0-beta.19",
-    "@elliemae/pui-diagnostics": "~2.7.1",
+    "@elliemae/pui-cli": "~6.0.0-beta.24",
+    "@elliemae/pui-diagnostics": "~2.7.2",
     "@elliemae/pui-e2e-test-sdk": "~6.8.0",
-    "@elliemae/pui-micro-frontend-base": "~1.9.0",
-    "@elliemae/pui-theme": "~2.2.6",
-    "@elliemae/pui-user-monitoring": "~1.11.2",
+    "@elliemae/pui-micro-frontend-base": "~1.10.0",
+    "@elliemae/pui-theme": "~2.3.0",
+    "@elliemae/pui-user-monitoring": "~1.12.1",
     "react-router": "~5.2.1",
     "react-router-dom": "~5.3.0"
   }

package/dist/types/data/react-redux.d.ts

@@ -1,20 +0,0 @@
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from './store';
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
-}>, null, import("redux").AnyAction> & import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer").WaitMessageState;
-    error: import("./error").ErrorState;
-    breakpoint: import("./breakpoint").BreakpointState;
-    liveMessage: import("./live-message").LiveMessageState;
-}>, undefined, import("redux").AnyAction> & import("redux").Dispatch<{
-    payload: import("./wait-message/reducer").WaitMessageState;
-    type: string;
-} | import("redux").AnyAction | {
-    payload: import("./breakpoint").Breakpoints;
-    type: string;
-}>;
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;