@elliemae/pui-app-sdk 3.15.0 → 3.16.0

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSComboBox } from "@elliemae/ds-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const ComboBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ React.createElement(DSComboBox, {
+  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
     ...rest,
     ...props,
     onChange: (selected) => {

package/dist/esm/view/fields/combo-box-v3/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSComboBox } from "@elliemae/ds-controlled-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const ComboBoxV3 = ({
   defaultValue = null,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ React.createElement(DSComboBox, {
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
     ...rest,
     ...props,
     selectedValues: value,

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSDateInput } from "@elliemae/ds-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const DateInput = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDateInput, {
+  render: ({ field }) => /* @__PURE__ */ jsx(DSDateInput, {
     ...rest,
     ...field
   })

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import DSDatePicker from "@elliemae/ds-date-picker";
 import {
   Controller
@@ -8,11 +8,11 @@ const DatePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, {
+  render: ({ field }) => /* @__PURE__ */ jsx(DSDatePicker, {
     ...rest,
     ...field
   })

package/dist/esm/view/fields/date-range-picker/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
 import {
@@ -8,12 +8,16 @@ const WrappedDateRangePicker = ({
   field: { value, onChange, ...restProps },
   ...rest
 }) => {
-  const [fromDateString, setFromDateString] = useState(value[0]);
-  const [toDateString, setToDateString] = useState(value[1]);
+  const [fromDateString, setFromDateString] = useState(
+    value[0]
+  );
+  const [toDateString, setToDateString] = useState(
+    value[1]
+  );
   useEffect(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, {
+  return /* @__PURE__ */ jsx(DSControlledDateRangePicker, {
     ...rest,
     ...restProps,
     fromDate: fromDateString,
@@ -27,11 +31,11 @@ const DateRangePicker = ({
   defaultValue = ["", ""],
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, {
+  render: ({ field }) => /* @__PURE__ */ jsx(WrappedDateRangePicker, {
     field,
     ...rest
   })

package/dist/esm/view/fields/date-time-picker/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const DateTimePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledDateTimePicker, {
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
     ...rest,
     ...restProps,
     dateTime: value,

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

@@ -1,19 +1,21 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSFormItemLayout } from "@elliemae/ds-form";
 import { get } from "react-hook-form";
 import { ConnectForm } from "../connect-form.js";
-const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ React.createElement(ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = get(errors, name);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(DSFormItemLayout, {
-    name,
-    hasError,
-    validationMessage,
-    ...rest
-  });
+const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ jsx(ConnectForm, {
+  children: ({
+    formState: { errors }
+  }) => {
+    const errorField = get(errors, name);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ jsx(DSFormItemLayout, {
+      name,
+      hasError,
+      validationMessage,
+      ...rest
+    });
+  }
 });
 export {
   FormItemLayout

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
 import { get } from "react-hook-form";
 import { ConnectForm } from "../connect-form.js";
@@ -6,19 +6,21 @@ const FormLayoutBlockItem = ({
   inputID,
   label,
   ...rest
-}) => /* @__PURE__ */ React.createElement(ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = get(errors, inputID);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(DSFormLayoutBlockItem, {
-    inputID,
-    label,
-    hasError,
-    validationMessage,
-    ...rest
-  });
+}) => /* @__PURE__ */ jsx(ConnectForm, {
+  children: ({
+    formState: { errors }
+  }) => {
+    const errorField = get(errors, inputID);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ jsx(DSFormLayoutBlockItem, {
+      inputID,
+      label,
+      hasError,
+      validationMessage,
+      ...rest
+    });
+  }
 });
 export {
   FormLayoutBlockItem

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import {
   DSInputMask,
   MASK_TYPES,
@@ -14,11 +14,11 @@ const InputMask = ({
   onChange: changeHandler,
   onBlur: onBlurHandler,
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ React.createElement(DSInputMask, {
+  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ jsx(DSInputMask, {
     ...rest,
     ...props,
     onChange: (e) => {

package/dist/esm/view/fields/input-text/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSInputText } from "@elliemae/ds-controlled-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const InputText = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputText, {
+  render: ({ field }) => /* @__PURE__ */ jsx(DSInputText, {
     ...rest,
     ...field
   })

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSLargeInputText } from "@elliemae/ds-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const LargeTextBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, {
+  render: ({ field }) => /* @__PURE__ */ jsx(DSLargeInputText, {
     ...rest,
     ...field
   })

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSRadio } from "@elliemae/ds-form";
 import {
   Controller
@@ -8,10 +8,10 @@ const Radio = ({
   defaultChecked = false,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
-  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadio, {
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadio, {
     ...rest,
     ...restProps,
     checked: value,

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

@@ -1,12 +1,12 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSRadioGroup } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(Controller, {
+const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
-  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadioGroup, {
+  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadioGroup, {
     ...rest,
     ...restProps,
     activeValue: value

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSTextBox } from "@elliemae/ds-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const TextBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSTextBox, {
+  render: ({ field }) => /* @__PURE__ */ jsx(DSTextBox, {
     ...rest,
     ...field
   })

package/dist/esm/view/fields/toggle/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSControlledToggle } from "@elliemae/ds-controlled-form";
 import {
   Controller
@@ -8,11 +8,11 @@ const Toggle = ({
   defaultValue = false,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
+}) => /* @__PURE__ */ jsx(Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledToggle, {
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledToggle, {
     ...rest,
     ...restProps,
     checked: value,

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { Grid } from "@elliemae/ds-grid";
 import { useFormContext } from "react-hook-form";
@@ -16,7 +16,26 @@ const Div = styled.div`
 const WatchValue = ({ name, label }) => {
   const { watch } = useFormContext();
   const data = watch(name, false) || "";
-  return /* @__PURE__ */ React.createElement(Grid, null, /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, label, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data))))));
+  return /* @__PURE__ */ jsx(Grid, {
+    children: /* @__PURE__ */ jsxs(Section, {
+      children: [
+        /* @__PURE__ */ jsx("h4", {
+          children: "Form Data:"
+        }),
+        /* @__PURE__ */ jsx(Div, {
+          children: /* @__PURE__ */ jsxs("div", {
+            children: [
+              label,
+              " : ",
+              /* @__PURE__ */ jsx("strong", {
+                children: JSON.stringify(data)
+              })
+            ]
+          })
+        })
+      ]
+    })
+  });
 };
 export {
   WatchValue

package/dist/esm/view/form/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import {
   useForm,
@@ -21,12 +21,14 @@ const Form = ({
   const providerProps = Object.assign(methods, {
     formProps: reactHookFormProps
   });
-  return /* @__PURE__ */ React.createElement(FormProvider, {
-    ...providerProps
-  }, /* @__PURE__ */ React.createElement(StyledForm, {
-    className: classname,
-    ...formProps
-  }, children));
+  return /* @__PURE__ */ jsx(FormProvider, {
+    ...providerProps,
+    children: /* @__PURE__ */ jsx(StyledForm, {
+      className: classname,
+      ...formProps,
+      children
+    })
+  });
 };
 export {
   Form

package/dist/esm/view/form/personal-info-section.js

@@ -1,62 +1,66 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import moment from "moment";
 import { TextBox } from "../fields/text-box/index.js";
 import { ComboBox } from "../fields/combo-box/index.js";
 import { DateInput } from "../fields/date-input/index.js";
 import { FormLayoutBlockItem } from "../fields/form-layout-block-item/index.js";
-const FirstName = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+const FirstName = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "First Name",
   inputID: "firstname",
-  required: true
-}, /* @__PURE__ */ React.createElement(TextBox, {
-  id: "firstname",
-  name: "firstname",
-  rules: {
-    required: { value: true, message: "First Name is required" },
-    minLength: { value: 2, message: "Minimum 2 characters" },
-    maxLength: { value: 50, message: "Maximum 50 characters" }
-  }
-}));
-const DOB = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(TextBox, {
+    id: "firstname",
+    name: "firstname",
+    rules: {
+      required: { value: true, message: "First Name is required" },
+      minLength: { value: 2, message: "Minimum 2 characters" },
+      maxLength: { value: 50, message: "Maximum 50 characters" }
+    }
+  })
+});
+const DOB = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "Date of Birth",
   inputID: "dob",
-  required: true
-}, /* @__PURE__ */ React.createElement(DateInput, {
-  id: "dob",
-  name: "dob",
-  rules: {
-    required: { value: true, message: "Date of Birth is required" },
-    validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
-  }
-}));
-const State = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(DateInput, {
+    id: "dob",
+    name: "dob",
+    rules: {
+      required: { value: true, message: "Date of Birth is required" },
+      validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
+    }
+  })
+});
+const State = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "State",
   inputID: "state",
-  required: true
-}, /* @__PURE__ */ React.createElement(ComboBox, {
-  id: "state",
-  name: "state",
-  rules: { required: { value: true, message: "State is required" } },
-  options: [
-    { value: "ca", label: "California" },
-    { value: "nj", label: "New Jersey" }
-  ]
-}));
-const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(ComboBox, {
+    id: "state",
+    name: "state",
+    rules: { required: { value: true, message: "State is required" } },
+    options: [
+      { value: "ca", label: "California" },
+      { value: "nj", label: "New Jersey" }
+    ]
+  })
+});
+const MaritalStatus = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "Marital Status",
   inputID: "marital_status",
-  required: true
-}, /* @__PURE__ */ React.createElement(ComboBox, {
-  id: "marital_status",
-  name: "marital_status",
-  rules: {
-    required: { value: true, message: "Marital Status is required" }
-  },
-  options: [
-    { value: "married", label: "Married" },
-    { value: "single", label: "Single" }
-  ]
-}));
+  required: true,
+  children: /* @__PURE__ */ jsx(ComboBox, {
+    id: "marital_status",
+    name: "marital_status",
+    rules: {
+      required: { value: true, message: "Marital Status is required" }
+    },
+    options: [
+      { value: "married", label: "Married" },
+      { value: "single", label: "Single" }
+    ]
+  })
+});
 export {
   DOB,
   FirstName,

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useFormContext } from "react-hook-form";
 import { DSButtonV2 } from "@elliemae/ds-button";
 const FormSubmitButton = ({ ...rest }) => {
@@ -6,7 +6,7 @@ const FormSubmitButton = ({ ...rest }) => {
     formState,
     formProps: { mode }
   } = useFormContext();
-  return /* @__PURE__ */ React.createElement(DSButtonV2, {
+  return /* @__PURE__ */ jsx(DSButtonV2, {
     ...rest,
     type: "submit",
     disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)

package/dist/esm/view/live-message/index.js

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
 import { useAppSelector } from "../../data/react-redux.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const id = useAppSelector((state) => state.liveMessage?.id);
   const ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);
-  return /* @__PURE__ */ React.createElement(AriaLiveMessage, {
+  return /* @__PURE__ */ jsx(AriaLiveMessage, {
     message,
     "aria-live": ariaLive,
     id

package/dist/esm/view/loadable/index.js

@@ -1,13 +1,14 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
-const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
+const loadable = (importFunc, fallback = /* @__PURE__ */ jsx(WaitMessageLauncher, {})) => {
   const LazyComponent = lazy(importFunc);
-  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
-    fallback
-  }, /* @__PURE__ */ React.createElement(LazyComponent, {
-    ...props
-  }));
+  return (props) => /* @__PURE__ */ jsx(Suspense, {
+    fallback,
+    children: /* @__PURE__ */ jsx(LazyComponent, {
+      ...props
+    })
+  });
 };
 export {
   loadable

package/dist/esm/view/login/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { login } from "../../utils/auth/index.js";
@@ -19,7 +19,9 @@ const Login = ({
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return userAuthorized ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : null;
+  return userAuthorized ? /* @__PURE__ */ jsx(Fragment, {
+    children
+  }) : null;
 };
 export {
   Login

package/dist/esm/view/micro-app/app-factory/index.js

@@ -35,7 +35,9 @@ const initApplication = async ({
   const app = (window.emui || {})[id] || {};
   const { init } = app;
   if (!init || typeof init !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose init method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose init method.`
+    );
   const prevState = await persistentStorage.get(`state-${id}`);
   return init({
     host: CMicroAppHost.getInstance(),
@@ -53,7 +55,9 @@ const mountApp = async ({ id, name }) => {
   const app = (window.emui || {})[id] || {};
   const { mount } = app;
   if (!mount || typeof mount !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose mount method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose mount method.`
+    );
   return mount({
     containerId: `${APP_CONTAINER_ID_PREFIX}${id}`,
     hostBreakpoint: getCurrentBreakpoint(),
@@ -68,7 +72,9 @@ const unmountApp = async ({ id, name }) => {
   if (!unmount)
     return null;
   if (typeof unmount !== "function")
-    throw new Error(`unmount failed for application ${name} with id ${id}. unmount is not a valid function`);
+    throw new Error(
+      `unmount failed for application ${name} with id ${id}. unmount is not a valid function`
+    );
   const currentState = await unmount({
     containerId: `${APP_CONTAINER_ID_PREFIX}${id}`
   });