@elliemae/pui-app-sdk 6.0.0-alpha.2 → 6.0.0-alpha.4

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

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,4 +17,18 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
+__export(types_exports, {
+  LaunchMode: () => LaunchMode,
+  MicroAppManager: () => MicroAppManager
+});
 module.exports = __toCommonJS(types_exports);
+var LaunchMode = /* @__PURE__ */ ((LaunchMode2) => {
+  LaunchMode2["DEVELOPMENT"] = "development";
+  LaunchMode2["PRODUCTION"] = "production";
+  return LaunchMode2;
+})(LaunchMode || {});
+var MicroAppManager = /* @__PURE__ */ ((MicroAppManager2) => {
+  MicroAppManager2["SSF"] = "ssf";
+  MicroAppManager2["APPSDK"] = "appsdk";
+  return MicroAppManager2;
+})(MicroAppManager || {});

package/dist/cjs/utils/session.js

@@ -38,7 +38,6 @@ var import_log_records = require("./log-records.js");
 var import_auth2 = require("./auth/index.js");
 var import_config = require("./app-config/config.js");
 var import_constants = require("./constants.js");
-const SESSION_RENEWAL_INTERVAL = 6e4;
 let lastUserActivityTimeStamp = Date.now();
 const warnListeners = [];
 const expiryListeners = [];
@@ -77,7 +76,7 @@ const renewSession = async () => {
 };
 const renewSessionAtInterval = (0, import_lodash.throttle)(
   renewSession,
-  SESSION_RENEWAL_INTERVAL,
+  import_constants.SESSION_RENEWAL_INTERVAL,
   {
     leading: true
   }
@@ -147,7 +146,7 @@ const subscribeToResetSession = (onResetListener) => {
 const trackActivity = (element, cb) => {
   if (!element) return () => {
   };
-  const thorttledCb = (0, import_lodash.throttle)(cb, SESSION_RENEWAL_INTERVAL, { leading: true });
+  const thorttledCb = (0, import_lodash.throttle)(cb, import_constants.SESSION_RENEWAL_INTERVAL, { leading: true });
   userInteractionEvents.forEach(
     (r) => element.addEventListener(r, thorttledCb)
   );

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

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,20 +17,36 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var testing_exports = {};
 __export(testing_exports, {
-  render: () => customRender
+  act: () => import_react2.act,
+  cleanup: () => import_react2.cleanup,
+  fireEvent: () => import_react2.fireEvent,
+  render: () => customRender,
+  renderHook: () => import_react2.renderHook,
+  screen: () => import_react2.screen,
+  waitFor: () => import_react2.waitFor,
+  waitForElementToBeRemoved: () => import_react2.waitForElementToBeRemoved,
+  within: () => import_react2.within
 });
 module.exports = __toCommonJS(testing_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@testing-library/react");
+var import_user_event = __toESM(require("@testing-library/user-event"));
 var import_pui_theme = require("@elliemae/pui-theme");
 var import_store = require("../../data/store.js");
 var import_app_root = require("../../view/app-root/index.js");
 var import_history = require("../history.js");
-__reExport(testing_exports, require("@testing-library/react"), module.exports);
+var import_react2 = require("@testing-library/react");
 const defaultStore = (0, import_store.createAppStore)({}, import_history.browserHistory);
 const defaultTheme = (0, import_pui_theme.getDefaultTheme)();
 const AllTheProviders = ({
@@ -36,4 +54,7 @@ const AllTheProviders = ({
   theme = defaultTheme,
   children
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, { store, history: import_history.browserHistory, theme, children });
-const customRender = (ui, options) => (0, import_react.render)(ui, { wrapper: AllTheProviders, ...options });
+const customRender = (ui, options) => ({
+  user: import_user_event.default.setup(),
+  ...(0, import_react.render)(ui, { wrapper: AllTheProviders, ...options })
+});

package/dist/cjs/utils/testing/performance-mock.js

@@ -0,0 +1,110 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var performance_mock_exports = {};
+__export(performance_mock_exports, {
+  MockPerformanceObserver: () => MockPerformanceObserver,
+  clearPerformanceMock: () => clearPerformanceMock,
+  mockMarks: () => mockMarks,
+  mockMeasures: () => mockMeasures,
+  originalPerformance: () => originalPerformance,
+  restorePerformance: () => restorePerformance,
+  setupPerformanceMock: () => setupPerformanceMock
+});
+module.exports = __toCommonJS(performance_mock_exports);
+class MockPerformanceObserver {
+  callback;
+  constructor(callback) {
+    this.callback = callback;
+    global.__performanceObserver = this;
+  }
+  observe() {
+  }
+  disconnect() {
+  }
+}
+const mockMarks = /* @__PURE__ */ new Map();
+const mockMeasures = [];
+const originalPerformance = global.performance;
+function setupPerformanceMock() {
+  global.PerformanceObserver = MockPerformanceObserver;
+  global.performance = {
+    ...originalPerformance,
+    timeOrigin: 16094592e5,
+    // January 1, 2021 00:00:00 UTC
+    now: jest.fn(() => 1e3),
+    // Return fixed value for consistent testing
+    mark: jest.fn((name, options) => {
+      const mark = {
+        name,
+        entryType: "mark",
+        startTime: 1e3,
+        duration: 0,
+        detail: options?.detail,
+        toJSON: () => ({})
+      };
+      mockMarks.set(name, mark);
+      return mark;
+    }),
+    measure: jest.fn((name, options) => {
+      const measure = {
+        name,
+        entryType: "measure",
+        startTime: 1e3,
+        duration: 100,
+        detail: options?.detail,
+        toJSON: () => ({})
+      };
+      mockMeasures.push(measure);
+      const observer = global.__performanceObserver;
+      if (observer) {
+        const list = {
+          getEntries: () => [measure],
+          getEntriesByName: () => [measure],
+          getEntriesByType: () => [measure]
+        };
+        setTimeout(() => observer.callback(list, observer), 0);
+      }
+      return measure;
+    }),
+    clearMarks: jest.fn((name) => {
+      if (name) {
+        mockMarks.delete(name);
+      } else {
+        mockMarks.clear();
+      }
+    }),
+    getEntriesByName: jest.fn((name, type) => {
+      if (type === "mark") {
+        const mark = mockMarks.get(name);
+        return mark ? [mark] : [];
+      }
+      return mockMeasures.filter((m) => m.name === name);
+    })
+  };
+}
+function clearPerformanceMock() {
+  mockMarks.clear();
+  mockMeasures.length = 0;
+}
+function restorePerformance() {
+  if (originalPerformance) {
+    global.performance = originalPerformance;
+  }
+  delete global.__performanceObserver;
+}

package/dist/cjs/utils/window.js

@@ -43,12 +43,13 @@ const getViewportSize = () => ({
     window.innerHeight || 0
   )
 });
-const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px", ""));
+const convertBreakpointToNumber = (breakpoint) => Number(breakpoint?.replace("px", ""));
 const getCurrentBreakpoint = () => {
   const { width } = getViewportSize();
   const { breakpoints } = (0, import_pui_theme.getDefaultTheme)();
   if (width <= convertBreakpointToNumber(breakpoints.small)) return "small";
   if (width <= convertBreakpointToNumber(breakpoints.medium)) return "medium";
+  if (width <= convertBreakpointToNumber(breakpoints.xsmall)) return "xsmall";
   return "large";
 };
 const getAssetPath = () => {

package/dist/cjs/view/breakpoint/use-breakpoint.js

@@ -34,9 +34,10 @@ const useBreakpoint = () => {
     [
       `(max-width: ${theme.breakpoints.small})`,
       `(max-width: ${theme.breakpoints.medium})`,
-      `(max-width: ${theme.breakpoints.large})`
+      `(max-width: ${theme.breakpoints.large})`,
+      `(max-width: ${theme.breakpoints.xsmall})`
     ],
-    ["small", "medium", "large"],
+    ["small", "medium", "large", "xsmall"],
     "large"
   );
   const dispatch = (0, import_react2.useAppDispatch)();

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

@@ -31,15 +31,27 @@ const ErrorToast = (0, import_react.memo)((props) => {
   const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     if (storeError && (storeError?.description || storeError?.messageText)) {
-      const toastProps = {
+      const {
+        position,
+        messageTitle,
+        type,
+        description,
+        messageText: storeMessageText,
+        messageComponent,
+        ...toastOptions
+      } = {
         position: import_ds_toast.ToastPosition.TOP_RIGHT,
         messageTitle: "Error",
         type: import_ds_toast.ToastType.ERROR,
         ...props,
         ...storeError
       };
-      const messageText = toastProps.description || toastProps.messageText;
-      if (messageText) (0, import_ds_toast.toast)({ messageText, ...toastProps }, {});
+      const messageText = description || storeMessageText;
+      if (messageText)
+        (0, import_ds_toast.toast)(
+          { messageText, messageTitle, type, messageComponent },
+          { position, ...toastOptions }
+        );
       dispatch(import_error.actions.clear());
     }
   }, [storeError, props, dispatch]);

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

@@ -22,7 +22,7 @@ __export(combo_box_exports, {
 });
 module.exports = __toCommonJS(combo_box_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const ComboBox = ({
   name,
@@ -36,7 +36,7 @@ const ComboBox = ({
     rules,
     defaultValue,
     render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_form.DSComboBox,
+      import_ds_legacy_form.DSComboBox,
       {
         ...rest,
         ...props,

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

@@ -22,7 +22,7 @@ __export(date_input_exports, {
 });
 module.exports = __toCommonJS(date_input_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const DateInput = ({
   name,
@@ -35,6 +35,6 @@ const DateInput = ({
     name,
     rules,
     defaultValue,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInput, { ...rest, ...field })
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form.DSDateInput, { ...rest, ...field })
   }
 );

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

@@ -22,7 +22,7 @@ __export(date_picker_exports, {
 });
 module.exports = __toCommonJS(date_picker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_date_picker = require("@elliemae/ds-date-picker");
+var import_ds_legacy_date_picker = require("@elliemae/ds-legacy-date-picker");
 var import_react_hook_form = require("react-hook-form");
 const DatePicker = ({
   name,
@@ -35,6 +35,6 @@ const DatePicker = ({
     name,
     defaultValue,
     rules,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.DSDatePicker, { ...rest, ...field })
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_date_picker.DSDatePicker, { ...rest, ...field })
   }
 );

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

@@ -22,17 +22,15 @@ __export(form_item_layout_exports, {
 });
 module.exports = __toCommonJS(form_item_layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
-var import_connect_form = require("../connect-form.js");
-const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connect_form.ConnectForm, { children: ({
-  formState: { errors }
-}) => {
+const FormItemLayout = ({ name, ...rest }) => {
+  const { errors } = (0, import_react_hook_form.useFormState)({ name });
   const errorField = (0, import_react_hook_form.get)(errors, name);
   const hasError = !!errorField;
   const validationMessage = errorField?.message;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_form.DSFormItemLayout,
+    import_ds_legacy_form.DSFormItemLayout,
     {
       name,
       hasError,
@@ -40,4 +38,4 @@ const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ (0, import_jsx_run
       ...rest
     }
   );
-} });
+};

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

@@ -24,14 +24,12 @@ module.exports = __toCommonJS(form_layout_block_item_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form_layout_blocks = require("@elliemae/ds-form-layout-blocks");
 var import_react_hook_form = require("react-hook-form");
-var import_connect_form = require("../connect-form.js");
 const FormLayoutBlockItem = ({
   inputID,
   label,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connect_form.ConnectForm, { children: ({
-  formState: { errors }
 }) => {
+  const { errors } = (0, import_react_hook_form.useFormState)({ name: inputID });
   const errorField = (0, import_react_hook_form.get)(errors, inputID);
   const hasError = !!errorField;
   const validationMessage = errorField?.message;
@@ -45,4 +43,4 @@ const FormLayoutBlockItem = ({
       ...rest
     }
   );
-} });
+};

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

@@ -19,12 +19,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var input_mask_exports = {};
 __export(input_mask_exports, {
   InputMask: () => InputMask,
-  MASK_PIPES: () => import_ds_form.MASK_PIPES,
-  MASK_TYPES: () => import_ds_form.MASK_TYPES
+  MASK_PIPES: () => import_ds_legacy_form.MASK_PIPES,
+  MASK_TYPES: () => import_ds_legacy_form.MASK_TYPES
 });
 module.exports = __toCommonJS(input_mask_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const InputMask = ({
   name,
@@ -40,7 +40,7 @@ const InputMask = ({
     rules,
     defaultValue,
     render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_form.DSInputMask,
+      import_ds_legacy_form.DSInputMask,
       {
         ...rest,
         ...props,

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

@@ -22,7 +22,7 @@ __export(large_text_box_exports, {
 });
 module.exports = __toCommonJS(large_text_box_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const LargeTextBox = ({
   name,
@@ -35,6 +35,6 @@ const LargeTextBox = ({
     name,
     rules,
     defaultValue,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSLargeInputText, { ...rest, ...field })
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form.DSLargeInputText, { ...rest, ...field })
   }
 );

package/dist/cjs/view/fields/masked-input-text/index.js

@@ -48,11 +48,11 @@ const MaskedInputText = ({
   const opts = import_react.default.useMemo(
     () => ({
       ...maskOpts,
-      onChange: (_, maskedValue) => setValue(name, maskedValue, {
+      onChange: ((_, maskedValue) => setValue(name, maskedValue, {
         shouldValidate: true,
         shouldDirty: true,
         shouldTouch: true
-      }),
+      })),
       valueSetter: setVal
     }),
     [maskOpts, name, setValue]

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

@@ -22,7 +22,7 @@ __export(radio_group_exports, {
 });
 module.exports = __toCommonJS(radio_group_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const RadioGroup = ({
   name,
@@ -35,6 +35,6 @@ const RadioGroup = ({
     name,
     rules,
     defaultValue,
-    render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSRadioGroup, { ...rest, ...restProps, activeValue: value })
+    render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form.DSRadioGroup, { ...rest, ...restProps, activeValue: value })
   }
 );

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

@@ -22,7 +22,7 @@ __export(text_box_exports, {
 });
 module.exports = __toCommonJS(text_box_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
 var import_react_hook_form = require("react-hook-form");
 const TextBox = ({
   name,
@@ -35,6 +35,6 @@ const TextBox = ({
     name,
     defaultValue,
     rules,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, { ...rest, ...field })
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form.DSTextBox, { ...rest, ...field })
   }
 );

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

@@ -23,14 +23,14 @@ __export(submit_button_exports, {
 module.exports = __toCommonJS(submit_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_hook_form = require("react-hook-form");
-var import_ds_button = require("@elliemae/ds-button");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 const FormSubmitButton = ({ ...rest }) => {
   const {
     formState,
     formProps: { mode }
   } = (0, import_react_hook_form.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_button.DSButtonV2,
+    import_ds_button_v2.DSButtonV2,
     {
       ...rest,
       type: "submit",