@elliemae/pui-app-sdk 2.19.0 → 2.20.0

package/dist/cjs/utils/micro-frontend/guest.js

@@ -139,8 +139,7 @@ class CMicroAppGuest {
 
         host = ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$emui = _window$parent.emui) === null || _window$parent$emui === void 0 ? void 0 : _window$parent$emui.MicroAppHost) || null;
       } else if (_emSsfGuest.default && this.props.hostName) {
-        _emSsfGuest.default.connect();
-
+        await _emSsfGuest.default.connect();
         const timeout = new Promise(resolve => {
           setTimeout(resolve, 100, null);
         });

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

@@ -7,7 +7,7 @@ exports.ErrorToast = void 0;
 
 var _react = require("react");
 
-var _Toast = require("@elliemae/ds-basic/Toast");
+var _dsToast = require("@elliemae/ds-toast");
 
 var _reactRedux = require("../../data/react-redux.js");
 
@@ -22,21 +22,21 @@ const ErrorToast = /*#__PURE__*/(0, _react.memo)(props => {
     // 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)) {
       const toastProps = {
-        position: _Toast.ToastPosition.TOP_RIGHT,
+        position: _dsToast.ToastPosition.TOP_RIGHT,
         messageTitle: 'Error',
-        type: _Toast.ToastType.ERROR,
+        type: _dsToast.ToastType.ERROR,
         ...props,
         ...storeError
       };
       const messageText = toastProps.description || toastProps.messageText;
-      if (messageText) (0, _Toast.toast)({
+      if (messageText) (0, _dsToast.toast)({
         messageText,
         ...toastProps
       });
       dispatch(_index.actions.clear());
     }
   }, [storeError, props, dispatch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.DSToast, { ...props
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsToast.DSToast, { ...props
   });
 });
 exports.ErrorToast = ErrorToast;

package/dist/cjs/view/error-toast/index.stories.js

@@ -11,9 +11,9 @@ var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
 var _react = require("react");
 
-var _Toast = require("@elliemae/ds-basic/Toast");
+var _dsToast = require("@elliemae/ds-toast");
 
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
+var _dsButton = _interopRequireDefault(require("@elliemae/ds-button"));
 
 var _reactRedux = require("../../data/react-redux.js");
 
@@ -62,7 +62,7 @@ exports.BasicError = BasicError;
 
 const showToast = ({
   messageText = 'Toast Message',
-  type = _Toast.ToastType.DEFAULT,
+  type = _dsToast.ToastType.DEFAULT,
   ...props
 }) => _index.error.set({
   type,
@@ -73,25 +73,25 @@ const showToast = ({
 });
 
 const successToast = props => showToast({ ...props,
-  type: _Toast.ToastType.SUCCESS
+  type: _dsToast.ToastType.SUCCESS
 });
 
 const infoToast = props => showToast({ ...props,
-  type: _Toast.ToastType.INFO
+  type: _dsToast.ToastType.INFO
 });
 
 const warningToast = props => showToast({ ...props,
-  type: _Toast.ToastType.WARNING
+  type: _dsToast.ToastType.WARNING
 });
 
 const errorToast = props => showToast({ ...props,
-  type: _Toast.ToastType.ERROR
+  type: _dsToast.ToastType.ERROR
 });
 
 const ToastButton = ({
   labelText,
   onClick
-}) => /*#__PURE__*/(0, _jsx3.default)(_Button.default, {
+}) => /*#__PURE__*/(0, _jsx3.default)(_dsButton.default, {
   buttonType: "text",
   labelText: labelText,
   onClick: onClick

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

@@ -15,7 +15,7 @@ exports.CheckBox = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _Checkbox = _interopRequireWildcard(require("@elliemae/ds-basic/form/Checkbox"));
+var _Checkbox = _interopRequireWildcard(require("@elliemae/ds-form/Checkbox"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/check-box/set-value.stories.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
+var _dsButton = _interopRequireDefault(require("@elliemae/ds-button"));
 
 var _index = require("../../form/index.js");
 
@@ -78,6 +78,6 @@ SetValue.args = {
   defaultChecked: false
 };
 
-var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_Button.default).withConfig({
+var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_dsButton.default).withConfig({
   componentId: "sc-1lqqv9c-0"
 })(["margin-top:10px;"]);

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

@@ -9,7 +9,7 @@ exports.ComboBox = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _ComboBox = _interopRequireDefault(require("@elliemae/ds-basic/form/ComboBox"));
+var _ComboBox = _interopRequireDefault(require("@elliemae/ds-form/ComboBox"));
 
 var _reactHookForm = require("react-hook-form");
 

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

@@ -9,7 +9,7 @@ exports.DateInput = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _DateInput = _interopRequireDefault(require("@elliemae/ds-basic/form/DateInput"));
+var _DateInput = _interopRequireDefault(require("@elliemae/ds-form/DateInput"));
 
 var _reactHookForm = require("react-hook-form");
 

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

@@ -9,7 +9,7 @@ exports.FormItemLayout = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _FormItem = _interopRequireDefault(require("@elliemae/ds-basic/form/FormItem"));
+var _FormItem = _interopRequireDefault(require("@elliemae/ds-form/FormItem"));
 
 var _reactHookForm = require("react-hook-form");
 

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

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "MASK_TYPES", {
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _InputMask = _interopRequireWildcard(require("@elliemae/ds-basic/form/InputMask"));
+var _InputMask = _interopRequireWildcard(require("@elliemae/ds-form/InputMask"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/large-text-box/index.js

@@ -9,7 +9,7 @@ exports.LargeTextBox = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _LargeInputText = _interopRequireDefault(require("@elliemae/ds-basic/form/LargeInputText"));
+var _LargeInputText = _interopRequireDefault(require("@elliemae/ds-form/LargeInputText"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/radio/index.js

@@ -9,7 +9,7 @@ exports.Radio = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _Radio = _interopRequireDefault(require("@elliemae/ds-basic/form/Radio"));
+var _Radio = _interopRequireDefault(require("@elliemae/ds-form/Radio"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/radio/set-value.stories.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
+var _dsButton = _interopRequireDefault(require("@elliemae/ds-button"));
 
 var _index = require("../../form/index.js");
 
@@ -76,6 +76,6 @@ SetValue.args = {
   defaultChecked: true
 };
 
-var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_Button.default).withConfig({
+var _StyledDSButton = /*#__PURE__*/(0, _styledComponents.default)(_dsButton.default).withConfig({
   componentId: "sc-fd8n0e-0"
 })(["margin-top:10px;"]);

package/dist/cjs/view/fields/radio-group/index.js

@@ -9,7 +9,7 @@ exports.RadioGroup = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _RadioGroup = _interopRequireDefault(require("@elliemae/ds-basic/form/RadioGroup"));
+var _RadioGroup = _interopRequireDefault(require("@elliemae/ds-form/RadioGroup"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/radio-group/index.stories.js

@@ -9,7 +9,7 @@ exports.default = exports.Basic = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _Radio = _interopRequireDefault(require("@elliemae/ds-basic/form/Radio"));
+var _Radio = _interopRequireDefault(require("@elliemae/ds-form/Radio"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/fields/text-box/index.js

@@ -9,7 +9,7 @@ exports.TextBox = void 0;
 
 var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
-var _TextBox = _interopRequireDefault(require("@elliemae/ds-basic/form/TextBox"));
+var _TextBox = _interopRequireDefault(require("@elliemae/ds-form/TextBox"));
 
 var _reactHookForm = require("react-hook-form");
 

package/dist/cjs/view/form/submit-button/index.js

@@ -9,7 +9,7 @@ exports.FormSubmitButton = void 0;
 
 var _reactHookForm = require("react-hook-form");
 
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
+var _dsButton = _interopRequireDefault(require("@elliemae/ds-button"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -21,7 +21,7 @@ const FormSubmitButton = ({ ...rest
       mode
     }
   } = (0, _reactHookForm.useFormContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, { ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsButton.default, { ...rest,
     type: "submit",
     disabled: mode !== 'onSubmit' && (!formState.isDirty || formState.isDirty && !formState.isValid)
   });

package/dist/cjs/view/modals/wait-message/index.js

@@ -11,7 +11,7 @@ var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
 var _react = require("react");
 
-var _LoadingIndicator = _interopRequireDefault(require("@elliemae/ds-basic/LoadingIndicator"));
+var _dsLoadingIndicator = _interopRequireDefault(require("@elliemae/ds-loading-indicator"));
 
 var _reactRedux = require("../../../data/react-redux.js");
 
@@ -45,7 +45,7 @@ const WaitMessage = /*#__PURE__*/(0, _react.memo)(({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsx3.default)(_htmlWaitMessage.HTMLWaitMessage, {
       close: isOpen !== null
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsLoadingIndicator.default, {
       id: "em-loading",
       size: size,
       style: style,

package/dist/es/utils/micro-frontend/guest.js

@@ -126,7 +126,7 @@ export class CMicroAppGuest {
 
         host = ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$emui = _window$parent.emui) === null || _window$parent$emui === void 0 ? void 0 : _window$parent$emui.MicroAppHost) || null;
       } else if (ssfGuest && this.props.hostName) {
-        ssfGuest.connect();
+        await ssfGuest.connect();
         const timeout = new Promise(resolve => {
           setTimeout(resolve, 100, null);
         });

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

@@ -1,5 +1,5 @@
 import { useEffect, memo } from 'react';
-import { ToastPosition, ToastType, DSToast, toast } from '@elliemae/ds-basic/Toast';
+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";

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

@@ -3,8 +3,8 @@ import _jsx from "@babel/runtime/helpers/jsx";
 var _ErrorToast, _Renderer, _Renderer2;
 
 import { useEffect, useState } from 'react';
-import { ToastType } from '@elliemae/ds-basic/Toast';
-import DSButton from '@elliemae/ds-basic/Button';
+import { ToastType } from '@elliemae/ds-toast';
+import DSButton from '@elliemae/ds-button';
 import { useAppDispatch } from "../../data/react-redux.js";
 import { error } from "../../index.js";
 import { ErrorToast } from "./index.js";

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSCheckbox, { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
+import DSCheckbox, { CHECKBOX_VARIANT } from '@elliemae/ds-form/Checkbox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const CheckBox = ({

package/dist/es/view/fields/check-box/set-value.stories.js

@@ -4,7 +4,7 @@ import _styled from "styled-components";
 var _ToggleValue;
 
 import { useFormContext, get } from 'react-hook-form';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSButton from '@elliemae/ds-button';
 import { Form } from "../../form/index.js";
 import { CheckBox, CHECKBOX_VARIANT } from "./index.js";
 import { ConnectForm } from "../connect-form.js";

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import DSComboBox from '@elliemae/ds-form/ComboBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ComboBox = ({

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSDateInput from '@elliemae/ds-basic/form/DateInput';
+import DSDateInput from '@elliemae/ds-form/DateInput';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DateInput = ({

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
+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";

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
+import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form/InputMask';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const InputMask = ({

package/dist/es/view/fields/large-text-box/index.js

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSLargeInputText from '@elliemae/ds-basic/form/LargeInputText';
+import DSLargeInputText from '@elliemae/ds-form/LargeInputText';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const LargeTextBox = ({

package/dist/es/view/fields/radio/index.js

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSRadio from '@elliemae/ds-basic/form/Radio';
+import DSRadio from '@elliemae/ds-form/Radio';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Radio = ({

package/dist/es/view/fields/radio/set-value.stories.js

@@ -4,7 +4,7 @@ import _styled from "styled-components";
 var _ToggleValue;
 
 import { useFormContext, get } from 'react-hook-form';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSButton from '@elliemae/ds-button';
 import { Form } from "../../form/index.js";
 import { Radio } from "./index.js";
 import { ConnectForm } from "../connect-form.js";

package/dist/es/view/fields/radio-group/index.js

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSRadioGroup from '@elliemae/ds-basic/form/RadioGroup';
+import DSRadioGroup from '@elliemae/ds-form/RadioGroup';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const RadioGroup = ({

package/dist/es/view/fields/radio-group/index.stories.js

@@ -2,7 +2,7 @@ import _jsx from "@babel/runtime/helpers/jsx";
 
 var _DSRadio, _DSRadio2;
 
-import DSRadio from '@elliemae/ds-basic/form/Radio';
+import DSRadio from '@elliemae/ds-form/Radio';
 import { get } from 'react-hook-form';
 import { RadioGroup } from "./index.js";
 import { Form } from "../../form/index.js";

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

@@ -1,5 +1,5 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+import DSTextBox from '@elliemae/ds-form/TextBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TextBox = ({

package/dist/es/view/form/submit-button/index.js

@@ -1,5 +1,5 @@
 import { useFormContext } from 'react-hook-form';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSButton from '@elliemae/ds-button';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const FormSubmitButton = ({ ...rest
 }) => {

package/dist/es/view/modals/wait-message/index.js

@@ -1,6 +1,6 @@
 import _jsx from "@babel/runtime/helpers/jsx";
 import { memo, useEffect } from 'react';
-import DSLoadingIndicator from '@elliemae/ds-basic/LoadingIndicator';
+import DSLoadingIndicator from '@elliemae/ds-loading-indicator';
 import { useAppSelector } from "../../../data/react-redux.js";
 import { HTMLWaitMessage } from "./html-wait-message.js";
 import { waitStartEvent, waitEndEvent } from "../../../analytics/user-wait-event.js";

package/dist/types/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -90,9 +90,13 @@
   "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.2",
     "@elliemae/pui-micro-frontend-base": "^1.10.0",
@@ -103,11 +107,15 @@
     "@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": "~5.21.1",
+    "@elliemae/pui-cli": "~5.21.3",
     "@elliemae/pui-diagnostics": "~2.7.2",
     "@elliemae/pui-e2e-test-sdk": "~6.8.0",
     "@elliemae/pui-micro-frontend-base": "~1.10.0",