@elliemae/pui-app-sdk 2.15.2 → 3.0.0-beta.1

package/dist/es/utils/service-worker.js

@@ -1,17 +1,20 @@
-import { logRecords } from "./log-records.js";
-import { getLogger } from "./micro-frontend/index.js";
-export const initServiceWorker = (swDest = '') => {
+import "./log-records";
+import { getLogger } from "./micro-frontend";
+const initServiceWorker = (swDest = "") => {
   const logger = getLogger() || console;
-
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    window.addEventListener('load', () => {
-      navigator.serviceWorker.register(`${swDest.replace(/\/?$/, '/')}sw.js`).then(() => {
-        logger.debug('Service Worker registered');
-      }).catch(registrationError => {
-        logger.error({ ...logRecords.SERVICE_WORKER_FAILED,
+  if (false) {
+    window.addEventListener("load", () => {
+      navigator.serviceWorker.register(`${swDest.replace(/\/?$/, "/")}sw.js`).then(() => {
+        logger.debug("Service Worker registered");
+      }).catch((registrationError) => {
+        logger.error({
+          ...logRecords.SERVICE_WORKER_FAILED,
           exception: registrationError
         });
       });
     });
   }
-};
+};
+export {
+  initServiceWorker
+};

package/dist/es/utils/session.js

@@ -1,97 +1,96 @@
-import _throttle from "lodash/throttle";
-import { getAppConfigValue } from "./app-config/config.js";
-import { SESSION_TIMEOUT_INTERVAL } from "./constants.js";
-const THROTTLING_TIME = 6000;
+import { throttle } from "lodash";
+import { getAppConfigValue } from "./app-config/config";
+import { SESSION_TIMEOUT_INTERVAL } from "./constants";
+const THROTTLING_TIME = 6e3;
 let lastUserActivityTimeStamp = Date.now();
 const warnListeners = [];
 const expiryListeners = [];
 const resetListeners = [];
-const userInteractionEvents = ['click', 'scroll', 'keypress', 'touchstart'];
+const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 let sessionExpiryWarningNotified = false;
 let timerHandle;
 let sessionExpiryWarningNotifiedAt;
-export const resetUserIdleTime = () => {
+const resetUserIdleTime = () => {
   sessionExpiryWarningNotified = false;
   sessionExpiryWarningNotifiedAt = null;
   lastUserActivityTimeStamp = Date.now();
   Promise.resolve().then(() => {
-    resetListeners.forEach(listener => listener());
-  }).catch(() => {});
+    resetListeners.forEach((listener) => listener());
+  }).catch(() => {
+  });
 };
-
-const throttledResetUserIdleTime = _throttle(resetUserIdleTime, THROTTLING_TIME, {
-  leading: true
-});
-
-const isPastWarningTime = (warnInterval = getAppConfigValue('sessionTimeoutWarnInterval') || SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
-
-const isPastSessionTimeoutTime = (sessionTimeout = getAppConfigValue('sessionTimeoutInterval') || SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
-
+const throttledResetUserIdleTime = throttle(resetUserIdleTime, THROTTLING_TIME, { leading: true });
+const isPastWarningTime = (warnInterval = getAppConfigValue("sessionTimeoutWarnInterval") || SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
+const isPastSessionTimeoutTime = (sessionTimeout = getAppConfigValue("sessionTimeoutInterval") || SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
 const notifySessionExpiryWarning = () => {
   sessionExpiryWarningNotified = true;
   sessionExpiryWarningNotifiedAt = Date.now();
   Promise.resolve().then(() => {
-    warnListeners.forEach(listener => listener(sessionExpiryWarningNotifiedAt));
-  }).catch(() => {});
+    warnListeners.forEach((listener) => listener(sessionExpiryWarningNotifiedAt));
+  }).catch(() => {
+  });
 };
-
 const notifySessionExpiry = () => Promise.resolve().then(() => {
-  expiryListeners.forEach(listener => listener());
+  expiryListeners.forEach((listener) => listener());
 });
-
-export const stopSessionMonitoring = () => {
-  userInteractionEvents.forEach(eventType => {
+const stopSessionMonitoring = () => {
+  userInteractionEvents.forEach((eventType) => {
     document.removeEventListener(eventType, throttledResetUserIdleTime);
   });
   clearInterval(timerHandle);
   warnListeners.length = 0;
   expiryListeners.length = 0;
 };
-
 const monitorSessionEvents = () => {
   if (isPastSessionTimeoutTime()) {
     notifySessionExpiry().then(() => {
       stopSessionMonitoring();
-    }).catch(() => {});
-  } else if (!sessionExpiryWarningNotified && isPastWarningTime()) notifySessionExpiryWarning();
+    }).catch(() => {
+    });
+  } else if (!sessionExpiryWarningNotified && isPastWarningTime())
+    notifySessionExpiryWarning();
 };
-
 const removeListeners = (arr, cb) => {
-  const idx = arr.findIndex(r => r === cb);
-
+  const idx = arr.findIndex((r) => r === cb);
   if (idx > -1) {
     arr.splice(idx, 1);
   }
 };
-
-export const initSessionMonitoring = () => {
-  userInteractionEvents.forEach(eventType => {
+const initSessionMonitoring = () => {
+  userInteractionEvents.forEach((eventType) => {
     document.addEventListener(eventType, throttledResetUserIdleTime);
   });
-  timerHandle = setInterval(monitorSessionEvents, 1000); // 1 min
+  timerHandle = setInterval(monitorSessionEvents, 1e3);
 };
-export const subscribeToSessionExpiryWarning = onSessionExpiryWarn => {
+const subscribeToSessionExpiryWarning = (onSessionExpiryWarn) => {
   warnListeners.push(onSessionExpiryWarn);
   return removeListeners.bind(null, warnListeners, onSessionExpiryWarn);
 };
-export const subscribeToSessionExpiry = onSessionExpiry => {
+const subscribeToSessionExpiry = (onSessionExpiry) => {
   expiryListeners.push(onSessionExpiry);
   return removeListeners.bind(null, expiryListeners, onSessionExpiry);
 };
-export const subscribeToResetSession = onResetListener => {
+const subscribeToResetSession = (onResetListener) => {
   resetListeners.push(onResetListener);
   return removeListeners.bind(null, resetListeners, onResetListener);
 };
-export const trackActivity = (element, cb) => {
-  if (!element) return () => {};
-
-  const thorttledCb = _throttle(cb, THROTTLING_TIME, {
-    leading: true
-  });
-
-  userInteractionEvents.forEach(r => element.addEventListener(r, thorttledCb));
+const trackActivity = (element, cb) => {
+  if (!element)
+    return () => {
+    };
+  const thorttledCb = throttle(cb, THROTTLING_TIME, { leading: true });
+  userInteractionEvents.forEach((r) => element.addEventListener(r, thorttledCb));
   return () => {
-    userInteractionEvents.forEach(r => element.removeEventListener(r, cb));
-    userInteractionEvents.forEach(r => element.removeEventListener(r, thorttledCb));
+    userInteractionEvents.forEach((r) => element.removeEventListener(r, cb));
+    userInteractionEvents.forEach((r) => element.removeEventListener(r, thorttledCb));
   };
-};
+};
+export {
+  initSessionMonitoring,
+  resetUserIdleTime,
+  stopSessionMonitoring,
+  subscribeToResetSession,
+  subscribeToSessionExpiry,
+  subscribeToSessionExpiryWarning,
+  trackActivity
+};

package/dist/es/utils/storybook/manager.js

@@ -1,8 +1,11 @@
-import { addons } from '@storybook/addons';
-import { createTheme } from "./theme.js";
-export const init = theme => {
+import { addons } from "@storybook/addons";
+import { createTheme } from "./theme";
+const init = (theme) => {
   addons.setConfig({
-    panelPosition: 'bottom',
+    panelPosition: "bottom",
     theme: createTheme(theme)
   });
-};
+};
+export {
+  init
+};

package/dist/es/utils/storybook/preview.js

@@ -1,39 +1,39 @@
-import { withConsole } from '@storybook/addon-console';
-import { getDefaultTheme } from '@elliemae/pui-theme';
-import { createAppStore } from "../../data/store.js";
-import { withAppDecorator } from "../../view/storybook/decorator.js";
-import { loadAppConfig } from "../app-config/index.js";
-import { createTheme } from "./theme.js";
-import { browserHistory } from "../history.js";
-import '@elliemae/ds-basic/css/dimsum.css';
-
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { createAppStore } from "../../data/store";
+import { withAppDecorator } from "../../view/storybook/decorator";
+import { loadAppConfig } from "../app-config";
+import { createTheme } from "./theme";
+import { browserHistory } from "../history";
+import "@elliemae/ds-basic/css/dimsum.css";
 (async () => {
-  // eslint-disable-next-line no-undef
   await loadAppConfig(__webpack_public_path__);
 })();
-
 const theme = getDefaultTheme();
 const store = createAppStore({}, browserHistory);
 const appDecorator = withAppDecorator.bind(null, theme, store);
-
-const consoleDecorator = (storyFn, context) => withConsole()(storyFn)(context);
-
-export const getParameters = storyBookTheme => ({
-  layout: 'fullscreen',
-  actions: {
-    argTypesRegex: '^on.*'
-  },
-  controls: {
-    hideNoControlsWarning: true
-  },
+const getParameters = (storyBookTheme) => ({
+  layout: "fullscreen",
+  actions: { argTypesRegex: "^on.*" },
+  controls: { hideNoControlsWarning: true },
   docs: {
     theme: createTheme(storyBookTheme)
   },
   options: {
     storySort: {
-      method: 'alphabetical',
-      order: ['Getting Started', ['Introduction', 'Installation', 'Packages', 'Supported Browsers', 'Releases', 'Theme'], 'Components'],
-      locales: 'en-US'
+      method: "alphabetical",
+      order: [
+        "Getting Started",
+        [
+          "Introduction",
+          "Installation",
+          "Packages",
+          "Supported Browsers",
+          "Releases",
+          "Theme"
+        ],
+        "Components"
+      ],
+      locales: ["en-US"]
     }
   },
   dependencies: {
@@ -41,4 +41,8 @@ export const getParameters = storyBookTheme => ({
     hideEmpty: true
   }
 });
-export const decorators = [consoleDecorator, appDecorator];
+const decorators = [appDecorator];
+export {
+  decorators,
+  getParameters
+};

package/dist/es/utils/storybook/theme.js

@@ -1,10 +1,13 @@
-import { create } from '@storybook/theming/create';
-export const createTheme = ({
-  base = 'light',
-  brandTitle = 'Platform UI Components',
+import { create } from "@storybook/theming/create";
+const createTheme = ({
+  base = "light",
+  brandTitle = "Platform UI Components",
   ...rest
 }) => create({
   base,
-  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ''}`,
+  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
   ...rest
-});
+});
+export {
+  createTheme
+};

package/dist/es/utils/testing/index.js

@@ -1,28 +1,21 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { render } from '@testing-library/react';
-import { getDefaultTheme } from '@elliemae/pui-theme';
-import { createAppStore } from "../../data/store.js";
-import { AppRoot } from "../../view/app-root/index.js";
-import { browserHistory } from "../history.js";
+import { render } from "@testing-library/react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { createAppStore } from "../../data/store";
+import { AppRoot } from "../../view/app-root";
+import { browserHistory } from "../history";
 const defaultStore = createAppStore({}, browserHistory);
 const defaultTheme = getDefaultTheme();
-
 const AllTheProviders = ({
   store = defaultStore,
   theme = defaultTheme,
   children
-}) => /*#__PURE__*/_jsx(AppRoot, {
-  store: store,
+}) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
   history: browserHistory,
-  theme: theme
-}, void 0, children);
-
-const customRender = (ui, options) => render(ui, {
-  wrapper: AllTheProviders,
-  ...options
-}); // re-export everything
-
-
-export * from '@testing-library/react'; // override render method
-
-export { customRender as render };
+  theme
+}, children);
+const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
+export * from "@testing-library/react";
+export {
+  customRender as render
+};

package/dist/es/utils/testing/render-with-redux.js

@@ -1,16 +1,16 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { render } from '@testing-library/react';
-import { Provider } from 'react-redux';
-import { createAppStore } from "../../data/store.js";
-import { browserHistory } from "../history.js";
-export const renderWithRedux = (ui, {
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createAppStore } from "../../data/store";
+import { browserHistory } from "../history";
+const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Provider, {
-    store: store
-  }, void 0, ui)),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+} = {}) => ({
+  ...render(/* @__PURE__ */ React.createElement(Provider, {
+    store
+  }, ui)),
   store
-});
+});
+export {
+  renderWithRedux
+};

package/dist/es/utils/testing/render-with-router-redux.js

@@ -1,24 +1,22 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { render } from '@testing-library/react';
-import { Provider } from 'react-redux';
-import { Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
-import { createAppStore } from "../../data/store.js";
-import { browserHistory } from "../history.js";
-export const renderWithRouterRedux = (ui, {
-  route = '/',
-  history = createMemoryHistory({
-    initialEntries: [route]
-  }),
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { Router } from "react-router-dom";
+import { createMemoryHistory } from "history";
+import { createAppStore } from "../../data/store";
+import { browserHistory } from "../history";
+const renderWithRouterRedux = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] }),
   initialState,
   store = createAppStore(initialState, browserHistory)
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Provider, {
-    store: store
-  }, void 0, /*#__PURE__*/_jsx(Router, {
-    history: history
-  }, void 0, ui))),
-  // adding `store` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+} = {}) => ({
+  ...render(/* @__PURE__ */ React.createElement(Provider, {
+    store
+  }, /* @__PURE__ */ React.createElement(Router, {
+    history
+  }, ui))),
   store
-});
+});
+export {
+  renderWithRouterRedux
+};

package/dist/es/utils/testing/render-with-router.js

@@ -1,17 +1,15 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { render } from '@testing-library/react';
-import { Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
-export const renderWithRouter = (ui, {
-  route = '/',
-  history = createMemoryHistory({
-    initialEntries: [route]
-  })
-} = {}) => ({ ...render( /*#__PURE__*/_jsx(Router, {
-    history: history
-  }, void 0, ui)),
-  // adding `history` to the returned utilities to allow us
-  // to reference it in our tests (just try to avoid using
-  // this to test implementation details).
+import { render } from "@testing-library/react";
+import { Router } from "react-router-dom";
+import { createMemoryHistory } from "history";
+const renderWithRouter = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] })
+} = {}) => ({
+  ...render(/* @__PURE__ */ React.createElement(Router, {
+    history
+  }, ui)),
   history
-});
+});
+export {
+  renderWithRouter
+};

package/dist/es/utils/testing/render-with-state-addons.js

@@ -1,12 +1,11 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-
-/* eslint-disable react-hooks/rules-of-hooks */
-import { useEffect, useState } from 'react';
-import { ThemeProvider } from 'styled-components';
-import { getDefaultTheme } from '@elliemae/pui-theme';
-import { useInjectReducer, useInjectSaga } from 'redux-injectors';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const RenderWithStateAddOns = ({
+import { useEffect, useState } from "react";
+import { ThemeProvider } from "styled-components";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import {
+  useInjectReducer,
+  useInjectSaga
+} from "redux-injectors";
+const RenderWithStateAddOns = ({
   Component,
   reducer,
   saga,
@@ -14,24 +13,25 @@ export const RenderWithStateAddOns = ({
   ...rest
 }) => {
   const [ready, setReady] = useState(false);
-
   if (Array.isArray(reducer)) {
-    reducer.forEach(r => useInjectReducer(r));
+    reducer.forEach((r) => useInjectReducer(r));
   } else {
     useInjectReducer(reducer);
   }
-
   if (Array.isArray(saga)) {
-    saga.forEach(s => useInjectSaga(s));
+    saga.forEach((s) => useInjectSaga(s));
   } else if (saga) {
     useInjectSaga(saga);
   }
-
   useEffect(() => {
     setReady(true);
   }, []);
-  return ready ? /*#__PURE__*/_jsx2(ThemeProvider, {
-    theme: theme
-  }, void 0, /*#__PURE__*/_jsx(Component, { ...rest
+  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ React.createElement(Component, {
+    ...rest
   })) : null;
-};
+};
+export {
+  RenderWithStateAddOns
+};

package/dist/es/utils/url.js

@@ -1,6 +1,10 @@
-export const getRedirectUrl = () => {
+const getRedirectUrl = () => {
   const url = new URL(window.location.href);
-  url.search = '';
+  url.search = "";
   return url.href;
 };
-export const removeDoubleSlash = url => url.replace(/([^:]\/)\/+/g, '$1');
+const removeDoubleSlash = (url) => url.replace(/([^:]\/)\/+/g, "$1");
+export {
+  getRedirectUrl,
+  removeDoubleSlash
+};

package/dist/es/utils/web-storage.js

@@ -1,34 +1,38 @@
-import localforage from 'localforage';
-const STORAGE = 'storage';
-const GET_SESSION_STORAGE = 'getSessionStorage';
-const SESSION_STORAGE = 'sessionStorage';
-
+import localforage from "localforage";
+const STORAGE = "storage";
+const GET_SESSION_STORAGE = "getSessionStorage";
+const SESSION_STORAGE = "sessionStorage";
 const isSessionStorageEmpty = () => sessionStorage.length === 0;
-
-const onStorageChange = evt => {
+const onStorageChange = (evt) => {
   if (evt.key === GET_SESSION_STORAGE) {
     localStorage.setItem(SESSION_STORAGE, JSON.stringify(sessionStorage));
     localStorage.removeItem(SESSION_STORAGE);
   } else if (evt.key === SESSION_STORAGE) {
     if (evt.newValue) {
       const sessionFromAnotherTab = JSON.parse(evt.newValue);
-      if (sessionFromAnotherTab) Object.keys(sessionFromAnotherTab).forEach(key => {
-        sessionStorage.setItem(key, sessionFromAnotherTab[key]);
-      });
+      if (sessionFromAnotherTab)
+        Object.keys(sessionFromAnotherTab).forEach((key) => {
+          sessionStorage.setItem(key, sessionFromAnotherTab[key]);
+        });
     }
   }
 };
-
-export const persistentStorage = {
-  get: async key => localforage.getItem(key),
+const persistentStorage = {
+  get: async (key) => localforage.getItem(key),
   set: async (key, value) => {
     await localforage.setItem(key, value);
   }
 };
-export const listenStorageEvents = () => {
+const listenStorageEvents = () => {
   window.addEventListener(STORAGE, onStorageChange);
-  if (isSessionStorageEmpty()) localStorage.setItem(GET_SESSION_STORAGE, `${Date.now()}`);
+  if (isSessionStorageEmpty())
+    localStorage.setItem(GET_SESSION_STORAGE, `${Date.now()}`);
 };
-export const removeStorageEvents = () => {
+const removeStorageEvents = () => {
   window.removeEventListener(STORAGE, onStorageChange);
-};
+};
+export {
+  listenStorageEvents,
+  persistentStorage,
+  removeStorageEvents
+};

package/dist/es/utils/window.js

@@ -1,28 +1,28 @@
-import { getDefaultTheme } from '@elliemae/pui-theme';
-export const getWindow = () => {
+import { getDefaultTheme } from "@elliemae/pui-theme";
+const getWindow = () => {
   try {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     window.parent.document;
     return window.parent;
   } catch (err) {
     return window;
   }
 };
-export const getViewportSize = () => ({
+const getViewportSize = () => ({
   width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0),
   height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
 });
-
-const convertBreakpointToNumber = breakpoint => Number(breakpoint.replace('px', ''));
-
-export const getCurrentBreakpoint = () => {
-  const {
-    width
-  } = getViewportSize();
-  const {
-    breakpoints
-  } = getDefaultTheme();
-  if (width <= convertBreakpointToNumber(breakpoints.small)) return 'small';
-  if (width <= convertBreakpointToNumber(breakpoints.medium)) return 'medium';
-  return 'large';
-};
+const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px", ""));
+const getCurrentBreakpoint = () => {
+  const { width } = getViewportSize();
+  const { breakpoints } = getDefaultTheme();
+  if (width <= convertBreakpointToNumber(breakpoints.small))
+    return "small";
+  if (width <= convertBreakpointToNumber(breakpoints.medium))
+    return "medium";
+  return "large";
+};
+export {
+  getCurrentBreakpoint,
+  getViewportSize,
+  getWindow
+};