@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

package/dist/es/view/app-root/hosted-app.js

@@ -1,18 +1,15 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import _styled from "styled-components";
-
-var _GlobalStyle, _MediaBreakpoint, _WindowSize, _HTMLWaitMessage;
-
+import * as React from "react";
+import styled from "styled-components";
 import { MediaBreakpoint } from "../media-breakpoint/index.js";
 import { WindowSize } from "../window-size/index.js";
 import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message.js";
 import GlobalStyle from "./style.js";
-export const HostedApp = ({
-  children
-}) => /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/_jsx(HTMLWaitMessage, {
+const Div = styled.div`
+  height: 100%;
+`;
+const HostedApp = ({ children }) => /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), /* @__PURE__ */ React.createElement(MediaBreakpoint, null), /* @__PURE__ */ React.createElement(WindowSize, null), /* @__PURE__ */ React.createElement(HTMLWaitMessage, {
   close: true
-})), children);
-
-var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
-  componentId: "sc-njn2ro-0"
-})(["height:100%;"]);
+}), children);
+export {
+  HostedApp
+};

package/dist/es/view/app-root/index.js

@@ -1,33 +1,26 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import { Provider } from 'react-redux';
-import { ThemeProvider } from 'styled-components';
-import { Router } from 'react-router-dom';
-import { getDefaultTheme } from '@elliemae/pui-theme';
-import { useInjectSaga } from 'redux-injectors';
+import * as React from "react";
+import { Provider } from "react-redux";
+import { ThemeProvider } from "styled-components";
+import { Router } from "react-router-dom";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { useInjectSaga } from "redux-injectors";
 import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
 import { waitMessage } from "../../sideeffect/wait-message/index.js";
 import { errorToast } from "../../sideeffect/error-toast/index.js";
 import { ErrorBoundary } from "../error-boundary/index.js";
 import { StandAloneApp } from "./stand-alone-app.js";
 import { HostedApp } from "./hosted-app.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-
-const AppToRender = props => {
-  useInjectSaga({
-    key: 'waitMessage',
-    saga: waitMessage
-  });
-  useInjectSaga({
-    key: 'errorToast',
-    saga: errorToast
-  });
+const AppToRender = (props) => {
+  useInjectSaga({ key: "waitMessage", saga: waitMessage });
+  useInjectSaga({ key: "errorToast", saga: errorToast });
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /*#__PURE__*/_jsx(StandAloneApp, { ...props
-  }) : /*#__PURE__*/_jsx(HostedApp, { ...props
+  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, {
+    ...props
+  }) : /* @__PURE__ */ React.createElement(HostedApp, {
+    ...props
   });
 };
-
-export const AppRoot = ({
+const AppRoot = ({
   store,
   history,
   theme = getDefaultTheme(),
@@ -35,15 +28,18 @@ export const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /*#__PURE__*/_jsx2(ErrorBoundary, {
-  errorTemplate: errorTemplate
-}, void 0, /*#__PURE__*/_jsx2(Provider, {
-  store: store
-}, void 0, /*#__PURE__*/_jsx2(Router, {
-  history: history
-}, void 0, /*#__PURE__*/_jsx2(ThemeProvider, {
-  theme: theme
-}, void 0, /*#__PURE__*/_jsx2(AppToRender, {
-  manageSession: manageSession,
-  WaitMessage: WaitMessage
-}, void 0, children)))));
+}) => /* @__PURE__ */ React.createElement(ErrorBoundary, {
+  errorTemplate
+}, /* @__PURE__ */ React.createElement(Provider, {
+  store
+}, /* @__PURE__ */ React.createElement(Router, {
+  history
+}, /* @__PURE__ */ React.createElement(ThemeProvider, {
+  theme
+}, /* @__PURE__ */ React.createElement(AppToRender, {
+  manageSession,
+  WaitMessage
+}, children)))));
+export {
+  AppRoot
+};

package/dist/es/view/app-root/stand-alone-app.js

@@ -1,9 +1,6 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import _styled from "styled-components";
-
-var _GlobalStyle, _SessionTimeout, _MediaBreakpoint, _WindowSize, _LiveMessage, _DefaultWaitMessage, _ErrorToast;
-
-import { LiveAnnouncer } from 'react-aria-live';
+import * as React from "react";
+import styled from "styled-components";
+import { LiveAnnouncer } from "react-aria-live";
 import { MediaBreakpoint } from "../media-breakpoint/index.js";
 import { WindowSize } from "../window-size/index.js";
 import { SessionTimeout } from "../session-timeout/index.js";
@@ -11,12 +8,14 @@ import { LiveMessage } from "../live-message/index.js";
 import { ErrorToast } from "../error-toast/index.js";
 import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
 import GlobalStyle from "./style.js";
-export const StandAloneApp = ({
+const Div = styled.div`
+  height: 100%;
+`;
+const StandAloneApp = ({
   manageSession,
   WaitMessage,
   children
-}) => /*#__PURE__*/_jsx(LiveAnnouncer, {}, void 0, /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/_jsx(SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/_jsx(LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/_jsx(DefaultWaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), children));
-
-var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
-  componentId: "sc-1ho9g5n-0"
-})(["height:100%;"]);
+}) => /* @__PURE__ */ React.createElement(LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), manageSession && /* @__PURE__ */ React.createElement(SessionTimeout, null), /* @__PURE__ */ React.createElement(MediaBreakpoint, null), /* @__PURE__ */ React.createElement(WindowSize, null), /* @__PURE__ */ React.createElement(LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children));
+export {
+  StandAloneApp
+};

package/dist/es/view/app-root/style.js

@@ -1,6 +1,31 @@
-import { createGlobalStyle } from 'styled-components';
-export default createGlobalStyle([":root{font-size:81.25%;", ";}html,body{height:100%;width:100%;line-height:", ";}body{font-family:", ";background-color:", ";}#app,#app-container,#root,main{height:100%;width:100%;min-height:100%;min-width:100%;}"], ({
-  theme
-}) => theme.media.small`
+import { createGlobalStyle } from "styled-components";
+var style_default = createGlobalStyle`
+  :root {
+    font-size: 81.25%;
+    ${({ theme }) => theme.media.small`
       font-size: 100%;
-    `, props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);
+    `};
+  }
+
+  html,
+  body {
+    height: 100%;
+    width: 100%;
+    line-height: ${(props) => props.theme.lineHeights.m};
+  }
+
+  body {
+    font-family: ${(props) => props.theme.fonts.default};
+    background-color: ${(props) => props.theme.colors.neutral["000"]};
+  }
+
+  #app, #app-container, #root, main {
+    height: 100%;
+    width: 100%;
+    min-height: 100%;
+    min-width: 100%;
+  }
+`;
+export {
+  style_default as default
+};

package/dist/es/view/error-boundary/default-error-template.js

@@ -1,5 +1,5 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _div;
-
-export const DefaultErrorTemplate = () => _div || (_div = /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx("h2", {}, void 0, "We are unable to process your request"), /*#__PURE__*/_jsx("section", {}, void 0, "Please close your browser and login again")));
+import * as React from "react";
+const DefaultErrorTemplate = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "We are unable to process your request"), /* @__PURE__ */ React.createElement("section", null, "Please close your browser and login again"));
+export {
+  DefaultErrorTemplate
+};

package/dist/es/view/error-boundary/index.js

@@ -1,43 +1,36 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import React from 'react';
-import { DefaultErrorTemplate } from "./default-error-template.js";
+import React from "react";
+import {
+  DefaultErrorTemplate
+} from "./default-error-template.js";
 import { getLogger } from "../../utils/micro-frontend/index.js";
 import { logRecords } from "../../utils/log-records.js";
-export class ErrorBoundary extends React.Component {
+class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {
-      error: null,
-      errorInfo: null
-    };
+    this.state = { error: null, errorInfo: null };
   }
-
   componentDidCatch(error, errorInfo) {
-    // Catch errors in any components below and re-render with error message
     this.setState({
       error,
       errorInfo
     });
     const logger = getLogger();
-    if (logger) logger.error({ ...logRecords.UNHANDLED_ERROR,
-      exception: error
-    });
+    if (logger)
+      logger.error({
+        ...logRecords.UNHANDLED_ERROR,
+        exception: error
+      });
   }
-
   render() {
-    const {
-      children,
-      errorTemplate
-    } = this.props;
+    const { children, errorTemplate } = this.props;
     const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
-    const {
+    const { error, errorInfo } = this.state;
+    return errorInfo ? /* @__PURE__ */ React.createElement(ErrorTemplate, {
       error,
       errorInfo
-    } = this.state;
-    return errorInfo ? /*#__PURE__*/_jsx(ErrorTemplate, {
-      error: error,
-      errorInfo: errorInfo
     }) : children;
   }
-
-}
+}
+export {
+  ErrorBoundary
+};

package/dist/es/view/error-toast/index.js

@@ -1,29 +1,30 @@
-import { useEffect, memo } from 'react';
-import { ToastPosition, ToastType, DSToast, toast } from '@elliemae/ds-basic/Toast';
+import * as React from "react";
+import { useEffect, memo } from "react";
+import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
 import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
 import { actions as error } from "../../data/error/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ErrorToast = /*#__PURE__*/memo(props => {
-  const storeError = useAppSelector(state => state === null || state === void 0 ? void 0 : state.error);
+const ErrorToast = memo((props) => {
+  const storeError = useAppSelector((state) => state?.error);
   const dispatch = useAppDispatch();
   useEffect(() => {
-    // Only show toast when there is error set in redux state
-    if (storeError && (storeError !== null && storeError !== void 0 && storeError.description || storeError !== null && storeError !== void 0 && storeError.messageText)) {
+    if (storeError && (storeError?.description || storeError?.messageText)) {
       const toastProps = {
         position: ToastPosition.TOP_RIGHT,
-        messageTitle: 'Error',
+        messageTitle: "Error",
         type: ToastType.ERROR,
         ...props,
         ...storeError
       };
       const messageText = toastProps.description || toastProps.messageText;
-      if (messageText) toast({
-        messageText,
-        ...toastProps
-      });
+      if (messageText)
+        toast({ messageText, ...toastProps });
       dispatch(error.clear());
     }
   }, [storeError, props, dispatch]);
-  return /*#__PURE__*/_jsx(DSToast, { ...props
+  return /* @__PURE__ */ React.createElement(DSToast, {
+    ...props
   });
-});
+});
+export {
+  ErrorToast
+};

package/dist/es/view/fetch-host-app-data/index.js

@@ -1,18 +1,21 @@
-import _isEmpty from "lodash/isEmpty";
+import _ from "lodash";
 import { isHostAppDataExist, setHostAppData } from "./store.js";
-import { sendMessageToHost, getHostAppData } from "../message-to-host-app/index.js";
+import {
+  sendMessageToHost,
+  getHostAppData
+} from "../message-to-host-app/index.js";
 import { bindEvent } from "../host-binding-events/index.js";
-export const fetchHostAppData = (hostedAppUrl, guestAppId) => {
+const fetchHostAppData = (hostedAppUrl, guestAppId) => {
   const isDataExist = isHostAppDataExist();
-  return new Promise(resolve => {
-    if (!_isEmpty(isDataExist)) {
+  return new Promise((resolve) => {
+    if (!_.isEmpty(isDataExist)) {
       resolve();
     } else {
-      sendMessageToHost({
-        guestAppId,
-        message: 'ready'
-      }, hostedAppUrl);
-      bindEvent(window, 'message', getHostAppData(setHostAppData, resolve));
+      sendMessageToHost({ guestAppId, message: "ready" }, hostedAppUrl);
+      bindEvent(window, "message", getHostAppData(setHostAppData, resolve));
     }
   });
-};
+};
+export {
+  fetchHostAppData
+};

package/dist/es/view/fetch-host-app-data/store.js

@@ -1,9 +1,12 @@
-import _get from "lodash/get";
+import { get } from "lodash";
 let hostAppData = {};
-export const setHostAppData = appData => {
-  hostAppData = { ...hostAppData,
-    ...appData
-  };
+const setHostAppData = (appData) => {
+  hostAppData = { ...hostAppData, ...appData };
+};
+const getHostAppDataByKey = (key = "", defaultValue = null) => get(hostAppData, key, defaultValue);
+const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;
+export {
+  getHostAppDataByKey,
+  isHostAppDataExist,
+  setHostAppData
 };
-export const getHostAppDataByKey = (key = '', defaultValue = null) => _get(hostAppData, key, defaultValue);
-export const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

package/dist/es/view/fields/check-box/index.js

@@ -1,26 +1,25 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSCheckbox, { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CheckBox = ({
+import * as React from "react";
+import DSCheckbox, { CHECKBOX_VARIANT } from "@elliemae/ds-form/Checkbox";
+import {
+  Controller
+} from "react-hook-form";
+const CheckBox = ({
   name,
   defaultChecked = false,
   rules = {},
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
-    }
-  }) => /*#__PURE__*/_jsx(DSCheckbox, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSCheckbox, {
+    ...rest,
     ...restProps,
-    defaultChecked: defaultChecked,
+    defaultChecked,
     checked: value,
-    onChange: e => onChange(((e || {}).target || {}).checked)
+    onChange: (e) => onChange(((e || {}).target || {}).checked)
   })
 });
-export { CHECKBOX_VARIANT };
+export {
+  CHECKBOX_VARIANT,
+  CheckBox
+};

package/dist/es/view/fields/combo-box/index.js

@@ -1,27 +1,28 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboBox = ({
+import * as React from "react";
+import DSComboBox from "@elliemae/ds-form/ComboBox";
+import {
+  Controller
+} from "react-hook-form";
+const ComboBox = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   onChange: changeHandler,
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field: {
-      onChange,
-      ...props
-    }
-  }) => /*#__PURE__*/_jsx(DSComboBox, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ React.createElement(DSComboBox, {
+    ...rest,
     ...props,
-    onChange: selected => {
+    onChange: (selected) => {
       onChange(selected);
-      if (changeHandler) changeHandler(selected);
+      if (changeHandler)
+        changeHandler(selected);
     }
   })
-});
+});
+export {
+  ComboBox
+};

package/dist/es/view/fields/connect-form.js

@@ -1,8 +1,10 @@
-import { useFormContext } from 'react-hook-form';
-export const ConnectForm = ({
-  children
-}) => {
+import { useFormContext } from "react-hook-form";
+const ConnectForm = ({ children }) => {
   const methods = useFormContext();
-  return children({ ...methods
+  return children({
+    ...methods
   });
-};
+};
+export {
+  ConnectForm
+};

package/dist/es/view/fields/date-input/index.js

@@ -1,19 +1,22 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSDateInput from '@elliemae/ds-basic/form/DateInput';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const DateInput = ({
+import * as React from "react";
+import DSDateInput from "@elliemae/ds-form/DateInput";
+import {
+  Controller
+} from "react-hook-form";
+const DateInput = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSDateInput, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDateInput, {
+    ...rest,
     ...field
   })
-});
+});
+export {
+  DateInput
+};

package/dist/es/view/fields/date-picker/index.js

@@ -1,19 +1,22 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSDatePicker from '@elliemae/ds-date-picker';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const DatePicker = ({
+import * as React from "react";
+import DSDatePicker from "@elliemae/ds-date-picker";
+import {
+  Controller
+} from "react-hook-form";
+const DatePicker = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSDatePicker, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, {
+    ...rest,
     ...field
   })
-});
+});
+export {
+  DatePicker
+};

package/dist/es/view/fields/form-item-layout/index.js

@@ -1,23 +1,23 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
-import { get } from 'react-hook-form';
+import * as React from "react";
+import DSFormItemLayout from "@elliemae/ds-form/FormItem";
+import { get } from "react-hook-form";
 import { ConnectForm } from "../connect-form.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const FormItemLayout = ({
+const FormItemLayout = ({
   name,
   ...rest
-}) => /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
+}) => /* @__PURE__ */ React.createElement(ConnectForm, null, ({
+  formState: { errors }
 }) => {
   const errorField = get(errors, name);
   const hasError = !!errorField;
-  const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
-  return /*#__PURE__*/_jsx(DSFormItemLayout, {
-    name: name,
-    hasError: hasError,
-    validationMessage: validationMessage,
+  const validationMessage = errorField?.message;
+  return /* @__PURE__ */ React.createElement(DSFormItemLayout, {
+    name,
+    hasError,
+    validationMessage,
     ...rest
   });
-});
+});
+export {
+  FormItemLayout
+};

package/dist/es/view/fields/input-mask/index.js

@@ -1,21 +1,28 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const InputMask = ({
+import * as React from "react";
+import DSInputMask, {
+  MASK_TYPES,
+  MASK_PIPES
+} from "@elliemae/ds-form/InputMask";
+import {
+  Controller
+} from "react-hook-form";
+const InputMask = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   mask,
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSInputMask, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputMask, {
+    ...rest,
     ...field
   })
 });
-export { MASK_TYPES, MASK_PIPES };
+export {
+  InputMask,
+  MASK_PIPES,
+  MASK_TYPES
+};