@elliemae/pui-app-sdk 2.21.6 → 2.22.0

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

@@ -7,15 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WaitMessage = void 0;
 
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
 var _react = require("react");
 
 var _dsLoadingIndicator = _interopRequireDefault(require("@elliemae/ds-loading-indicator"));
 
 var _reactRedux = require("../../../data/react-redux.js");
 
-var _htmlWaitMessage = require("./html-wait-message.js");
+var _waitMessageLoad = require("./wait-message-load.js");
 
 var _userWaitEvent = require("../../../analytics/user-wait-event.js");
 
@@ -39,20 +37,17 @@ const WaitMessage = /*#__PURE__*/(0, _react.memo)(({
 
     return (_state$waitMessage2 = state.waitMessage) === null || _state$waitMessage2 === void 0 ? void 0 : _state$waitMessage2.message;
   });
+  (0, _waitMessageLoad.useWaitMessageLoad)();
   (0, _react.useEffect)(() => {
     if (isOpen) (0, _userWaitEvent.waitStartEvent)();else (0, _userWaitEvent.waitEndEvent)();
   }, [isOpen]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsx3.default)(_htmlWaitMessage.HTMLWaitMessage, {
-      close: isOpen !== null
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsLoadingIndicator.default, {
-      id: "em-loading",
-      size: size,
-      style: style,
-      ...rest,
-      loading: isOpen,
-      message: message
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsLoadingIndicator.default, {
+    id: "em-loading",
+    size: size,
+    style: style,
+    ...rest,
+    loading: isOpen,
+    message: message
   });
 });
 exports.WaitMessage = WaitMessage;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWaitMessageLoad = void 0;
+
+var _react = require("react");
+
+const useWaitMessageLoad = () => {
+  (0, _react.useEffect)(() => {
+    const htmlWaitMsgElement = document.getElementById('em-wait-message');
+    if (htmlWaitMsgElement) htmlWaitMsgElement.remove();
+  }, []);
+};
+
+exports.useWaitMessageLoad = useWaitMessageLoad;

package/dist/es/view/fields/watch-value.js

@@ -1,5 +1,4 @@
 import _jsx from "@babel/runtime/helpers/jsx";
-import _styled2 from "styled-components";
 import _styled from "styled-components";
 
 var _h;

package/dist/es/view/form/index.stories.js

@@ -1,6 +1,4 @@
 import _jsx from "@babel/runtime/helpers/jsx";
-import _styled2 from "styled-components";
-import _styled from "styled-components";
 
 var _h, _FirstName, _DOB, _State, _MaritalStatus, _WatchDashBoard;
 

package/dist/es/view/micro-iframe-app/iframe/index.js

@@ -1,5 +1,4 @@
 import _jsx2 from "@babel/runtime/helpers/jsx";
-import _styled2 from "styled-components";
 import _styled from "styled-components";
 import { memo, useRef } from 'react';
 import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";

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

@@ -1,12 +1,9 @@
-import _jsx from "@babel/runtime/helpers/jsx";
 import { memo, useEffect } from 'react';
 import DSLoadingIndicator from '@elliemae/ds-loading-indicator';
 import { useAppSelector } from "../../../data/react-redux.js";
-import { HTMLWaitMessage } from "./html-wait-message.js";
+import { useWaitMessageLoad } from "./wait-message-load.js";
 import { waitStartEvent, waitEndEvent } from "../../../analytics/user-wait-event.js";
-import { jsx as _jsx2 } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const WaitMessage = /*#__PURE__*/memo(({
   size = 'm',
   style = {
@@ -25,19 +22,16 @@ export const WaitMessage = /*#__PURE__*/memo(({
 
     return (_state$waitMessage2 = state.waitMessage) === null || _state$waitMessage2 === void 0 ? void 0 : _state$waitMessage2.message;
   });
+  useWaitMessageLoad();
   useEffect(() => {
     if (isOpen) waitStartEvent();else waitEndEvent();
   }, [isOpen]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HTMLWaitMessage, {
-      close: isOpen !== null
-    }), /*#__PURE__*/_jsx2(DSLoadingIndicator, {
-      id: "em-loading",
-      size: size,
-      style: style,
-      ...rest,
-      loading: isOpen,
-      message: message
-    })]
+  return /*#__PURE__*/_jsx(DSLoadingIndicator, {
+    id: "em-loading",
+    size: size,
+    style: style,
+    ...rest,
+    loading: isOpen,
+    message: message
   });
 });

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

@@ -0,0 +1,7 @@
+import { useEffect } from 'react';
+export const useWaitMessageLoad = () => {
+  useEffect(() => {
+    const htmlWaitMsgElement = document.getElementById('em-wait-message');
+    if (htmlWaitMsgElement) htmlWaitMsgElement.remove();
+  }, []);
+};

package/dist/types/view/modals/wait-message/wait-message-load.d.ts

@@ -0,0 +1 @@
+export declare const useWaitMessageLoad: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "2.21.6",
+  "version": "2.22.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -89,37 +89,37 @@
   },
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^2.10.0",
-    "@elliemae/ds-basic": "^2.2.3",
-    "@elliemae/ds-button": "^2.2.3",
-    "@elliemae/ds-form": "^2.2.3",
-    "@elliemae/ds-loading-indicator": "^2.2.3",
-    "@elliemae/ds-date-picker": "^2.2.3",
-    "@elliemae/ds-modal": "^2.2.3",
-    "@elliemae/ds-popperjs": "^2.2.3",
-    "@elliemae/ds-toast": "^2.2.3",
+    "@elliemae/ds-basic": "^2.4.1",
+    "@elliemae/ds-button": "^2.4.1",
+    "@elliemae/ds-form": "^2.4.1",
+    "@elliemae/ds-loading-indicator": "^2.4.1",
+    "@elliemae/ds-date-picker": "^2.4.1",
+    "@elliemae/ds-modal": "^2.4.1",
+    "@elliemae/ds-popperjs": "^2.4.1",
+    "@elliemae/ds-toast": "^2.4.1",
     "@elliemae/em-ssf-guest": "^1.11.1",
     "@elliemae/pui-diagnostics": "^2.7.3",
     "@elliemae/pui-micro-frontend-base": "^1.10.1",
-    "@elliemae/pui-theme": "^2.3.0",
-    "@elliemae/pui-user-monitoring": "^1.13.0"
+    "@elliemae/pui-theme": "^2.4.1",
+    "@elliemae/pui-user-monitoring": "^1.14.0"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~2.10.0",
-    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.2.1",
-    "@elliemae/ds-basic": "~2.2.3",
-    "@elliemae/ds-button": "~2.2.3",
-    "@elliemae/ds-form": "~2.2.3",
-    "@elliemae/ds-loading-indicator": "~2.2.3",
-    "@elliemae/ds-date-picker": "~2.2.3",
-    "@elliemae/ds-modal": "~2.2.3",
-    "@elliemae/ds-popperjs": "~2.2.3",
-    "@elliemae/ds-toast": "~2.2.3",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
+    "@elliemae/ds-basic": "~2.4.1",
+    "@elliemae/ds-button": "~2.4.1",
+    "@elliemae/ds-form": "~2.4.1",
+    "@elliemae/ds-loading-indicator": "~2.4.1",
+    "@elliemae/ds-date-picker": "~2.4.1",
+    "@elliemae/ds-modal": "~2.4.1",
+    "@elliemae/ds-popperjs": "~2.4.1",
+    "@elliemae/ds-toast": "~2.4.1",
     "@elliemae/em-ssf-guest": "~1.11.1",
     "@elliemae/pui-cli": "~5.26.2",
     "@elliemae/pui-diagnostics": "~2.7.3",
     "@elliemae/pui-e2e-test-sdk": "~6.10.0",
     "@elliemae/pui-micro-frontend-base": "~1.10.1",
-    "@elliemae/pui-theme": "~2.3.0",
-    "@elliemae/pui-user-monitoring": "~1.13.0"
+    "@elliemae/pui-theme": "~2.4.1",
+    "@elliemae/pui-user-monitoring": "~1.14.0"
   }
 }

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HTMLWaitMessage = void 0;
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const HTMLWaitMessage = /*#__PURE__*/(0, _react.memo)(({
-  close
-}) => {
-  (0, _react.useEffect)(() => {
-    const htmlWaitMsgElement = document.getElementById('em-wait-message');
-    if (htmlWaitMsgElement && close) htmlWaitMsgElement.remove();
-  }, [close]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-});
-exports.HTMLWaitMessage = HTMLWaitMessage;

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

@@ -1,12 +0,0 @@
-import { memo, useEffect } from 'react';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const HTMLWaitMessage = /*#__PURE__*/memo(({
-  close
-}) => {
-  useEffect(() => {
-    const htmlWaitMsgElement = document.getElementById('em-wait-message');
-    if (htmlWaitMsgElement && close) htmlWaitMsgElement.remove();
-  }, [close]);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-});

package/dist/types/view/modals/wait-message/html-wait-message.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type HTMLWaitMessageProps = {
-    close: boolean;
-};
-export declare const HTMLWaitMessage: import("react").NamedExoticComponent<HTMLWaitMessageProps>;
-export {};