@elliemae/pui-app-sdk 4.5.1 → 4.7.0

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

@@ -14,25 +14,31 @@ const InputMask = ({
   onChange: changeHandler,
   onBlur: onBlurHandler,
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ jsx(DSInputMask, {
-    ...rest,
-    ...props,
-    onChange: (e) => {
-      onChange(e);
-      if (changeHandler)
-        changeHandler(e);
-    },
-    onBlur: (e) => {
-      onBlur();
-      if (onBlurHandler)
-        onBlurHandler(e);
-    }
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ jsx(
+      DSInputMask,
+      {
+        ...rest,
+        ...props,
+        onChange: (e) => {
+          onChange(e);
+          if (changeHandler)
+            changeHandler(e);
+        },
+        onBlur: (e) => {
+          onBlur();
+          if (onBlurHandler)
+            onBlurHandler(e);
+        }
+      }
+    )
+  }
+);
 export {
   InputMask,
   MASK_PIPES,

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

@@ -8,15 +8,15 @@ const InputText = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ jsx(DSInputText, {
-    ...field,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ jsx(DSInputText, { ...field, ...rest })
+  }
+);
 export {
   InputText
 };

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

@@ -8,15 +8,15 @@ const LargeTextBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ jsx(DSLargeInputText, {
-    ...rest,
-    ...field
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ jsx(DSLargeInputText, { ...rest, ...field })
+  }
+);
 export {
   LargeTextBox
 };

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

@@ -8,17 +8,23 @@ const Radio = ({
   defaultChecked = false,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadio, {
-    ...rest,
-    ...restProps,
-    checked: value,
-    defaultChecked,
-    onChange: (e) => onChange(((e || {}).target || {}).checked)
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ jsx(
+      DSRadio,
+      {
+        ...rest,
+        ...restProps,
+        checked: value,
+        defaultChecked,
+        onChange: (e) => onChange(((e || {}).target || {}).checked)
+      }
+    )
+  }
+);
 export {
   Radio
 };

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

@@ -3,15 +3,14 @@ import { DSRadioGroup } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadioGroup, {
-    ...rest,
-    ...restProps,
-    activeValue: value
-  })
-});
+const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadioGroup, { ...rest, ...restProps, activeValue: value })
+  }
+);
 export {
   RadioGroup
 };

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

@@ -8,15 +8,15 @@ const TextBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ jsx(DSTextBox, {
-    ...rest,
-    ...field
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ jsx(DSTextBox, { ...rest, ...field })
+  }
+);
 export {
   TextBox
 };

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

@@ -8,18 +8,24 @@ const Toggle = ({
   defaultValue = false,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledToggle, {
-    ...rest,
-    ...restProps,
-    checked: value,
-    value: value.toString(),
-    onChange: () => onChange(!value)
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(
+      DSControlledToggle,
+      {
+        ...rest,
+        ...restProps,
+        checked: value,
+        value: value.toString(),
+        onChange: () => onChange(!value)
+      }
+    )
+  }
+);
 export {
   Toggle
 };

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

@@ -16,26 +16,14 @@ const Div = styled.div`
 const WatchValue = ({ name, label }) => {
   const { watch } = useFormContext();
   const data = watch(name, false) || "";
-  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)
-              })
-            ]
-          })
-        })
-      ]
-    })
-  });
+  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

@@ -21,14 +21,7 @@ const Form = ({
   const providerProps = Object.assign(methods, {
     formProps: reactHookFormProps
   });
-  return /* @__PURE__ */ jsx(FormProvider, {
-    ...providerProps,
-    children: /* @__PURE__ */ jsx(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

@@ -4,11 +4,9 @@ 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__ */ jsx(FormLayoutBlockItem, {
-  label: "First Name",
-  inputID: "firstname",
-  required: true,
-  children: /* @__PURE__ */ jsx(TextBox, {
+const FirstName = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, { label: "First Name", inputID: "firstname", required: true, children: /* @__PURE__ */ jsx(
+  TextBox,
+  {
     id: "firstname",
     name: "firstname",
     rules: {
@@ -16,26 +14,22 @@ const FirstName = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
       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,
-  children: /* @__PURE__ */ jsx(DateInput, {
+  }
+) });
+const DOB = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, { label: "Date of Birth", inputID: "dob", 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,
-  children: /* @__PURE__ */ jsx(ComboBox, {
+  }
+) });
+const State = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, { label: "State", inputID: "state", required: true, children: /* @__PURE__ */ jsx(
+  ComboBox,
+  {
     id: "state",
     name: "state",
     rules: { required: { value: true, message: "State is required" } },
@@ -43,13 +37,11 @@ const State = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
       { value: "ca", label: "California" },
       { value: "nj", label: "New Jersey" }
     ]
-  })
-});
-const MaritalStatus = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
-  label: "Marital Status",
-  inputID: "marital_status",
-  required: true,
-  children: /* @__PURE__ */ jsx(ComboBox, {
+  }
+) });
+const MaritalStatus = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, { label: "Marital Status", inputID: "marital_status", required: true, children: /* @__PURE__ */ jsx(
+  ComboBox,
+  {
     id: "marital_status",
     name: "marital_status",
     rules: {
@@ -59,8 +51,8 @@ const MaritalStatus = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
       { value: "married", label: "Married" },
       { value: "single", label: "Single" }
     ]
-  })
-});
+  }
+) });
 export {
   DOB,
   FirstName,

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

@@ -6,11 +6,14 @@ const FormSubmitButton = ({ ...rest }) => {
     formState,
     formProps: { mode }
   } = useFormContext();
-  return /* @__PURE__ */ jsx(DSButtonV2, {
-    ...rest,
-    type: "submit",
-    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
-  });
+  return /* @__PURE__ */ jsx(
+    DSButtonV2,
+    {
+      ...rest,
+      type: "submit",
+      disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
+    }
+  );
 };
 export {
   FormSubmitButton

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

@@ -5,11 +5,7 @@ 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__ */ jsx(AriaLiveMessage, {
-    message,
-    "aria-live": ariaLive,
-    id
-  });
+  return /* @__PURE__ */ jsx(AriaLiveMessage, { message, "aria-live": ariaLive, id });
 };
 export {
   LiveMessage

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

@@ -3,12 +3,7 @@ import { lazy, Suspense } from "react";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
 const loadable = (importFunc, fallback = /* @__PURE__ */ jsx(WaitMessageLauncher, {})) => {
   const LazyComponent = lazy(importFunc);
-  return (props) => /* @__PURE__ */ jsx(Suspense, {
-    fallback,
-    children: /* @__PURE__ */ jsx(LazyComponent, {
-      ...props
-    })
-  });
+  return (props) => /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });
 };
 export {
   loadable

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

@@ -19,9 +19,7 @@ const Login = ({
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return userAuthorized ? /* @__PURE__ */ jsx(Fragment, {
-    children
-  }) : null;
+  return userAuthorized ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
 };
 export {
   Login

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

@@ -9,9 +9,7 @@ const Div = styled.div`
 `;
 const MicroApp = memo((props) => {
   useAppWillRender(props);
-  return /* @__PURE__ */ jsx(Div, {
-    id: `${APP_CONTAINER_ID_PREFIX}${props.id}`
-  });
+  return /* @__PURE__ */ jsx(Div, { id: `${APP_CONTAINER_ID_PREFIX}${props.id}` });
 });
 export {
   MicroApp

package/dist/esm/view/micro-iframe-app/app.js

@@ -16,12 +16,15 @@ const App = memo(
       onUnloadComplete,
       ...rest
     });
-    return /* @__PURE__ */ jsx(IFrame, {
-      id,
-      src: frameHtml,
-      ...rest,
-      onFrameReady: setDocumentEle
-    });
+    return /* @__PURE__ */ jsx(
+      IFrame,
+      {
+        id,
+        src: frameHtml,
+        ...rest,
+        onFrameReady: setDocumentEle
+      }
+    );
   }
 );
 export {

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

@@ -21,8 +21,9 @@ const IFrame = memo(
   ({ id, name: title, src, sandbox, onFrameReady }) => {
     const frameRef = useRef(null);
     const sandboxProps = sandbox ? { sandbox } : {};
-    return /* @__PURE__ */ jsx(Div, {
-      children: /* @__PURE__ */ jsx(Iframe, {
+    return /* @__PURE__ */ jsx(Div, { children: /* @__PURE__ */ jsx(
+      Iframe,
+      {
         id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ref: frameRef,
         title,
@@ -30,8 +31,8 @@ const IFrame = memo(
         scrolling: "no",
         ...sandboxProps,
         onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
-      })
-    });
+      }
+    ) });
   }
 );
 export {

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

@@ -11,15 +11,18 @@ const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
       setDisposePrevApp(true);
     }
   }, [entityId]);
-  return /* @__PURE__ */ createElement(App, {
-    ...rest,
-    key: appKey,
-    dispose: disposePrevApp,
-    onUnloadComplete: () => {
-      setAppKey(Date.now());
-      setDisposePrevApp(false);
+  return /* @__PURE__ */ createElement(
+    App,
+    {
+      ...rest,
+      key: appKey,
+      dispose: disposePrevApp,
+      onUnloadComplete: () => {
+        setAppKey(Date.now());
+        setDisposePrevApp(false);
+      }
     }
-  });
+  );
 });
 export {
   MicroIFrameApp

package/dist/esm/view/modals/error/index.js

@@ -17,28 +17,11 @@ const Error = ({
   const handleClick = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsx(DSDialog, {
-    isOpen,
-    onClickOutside: handleClick,
-    size: "small",
-    children: /* @__PURE__ */ jsx(DSDialogBody, {
-      p: "s",
-      children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, {
-        children: [
-          /* @__PURE__ */ jsx(ErrorHexegon, {
-            size: "xxl",
-            color: ["danger", "900"]
-          }),
-          /* @__PURE__ */ jsx(DSDialogPrimaryMessage, {
-            children: primaryMessage
-          }),
-          secondaryMessage && /* @__PURE__ */ jsx(DSDialogSecondaryMessage, {
-            children: secondaryMessage
-          })
-        ]
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(DSDialog, { isOpen, onClickOutside: handleClick, size: "small", children: /* @__PURE__ */ jsx(DSDialogBody, { p: "s", children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, { children: [
+    /* @__PURE__ */ jsx(ErrorHexegon, { size: "xxl", color: ["danger", "900"] }),
+    /* @__PURE__ */ jsx(DSDialogPrimaryMessage, { children: primaryMessage }),
+    secondaryMessage && /* @__PURE__ */ jsx(DSDialogSecondaryMessage, { children: secondaryMessage })
+  ] }) }) });
 };
 export {
   Error

package/dist/esm/view/modals/navigation-prompt/index.js

@@ -17,44 +17,16 @@ const NavigationPrompt = memo(
     const dispatch = useAppDispatch();
     const cancelDialog = () => dispatch(navigationPrompt.cancel());
     const confirmDialog = () => dispatch(navigationPrompt.confirm());
-    return /* @__PURE__ */ jsxs(DSDialog, {
-      isOpen: open,
-      onClickOutside: cancelDialog,
-      centered: true,
-      children: [
-        /* @__PURE__ */ jsx(DSDialogHeader, {
-          children: /* @__PURE__ */ jsx(DSDialogAddon, {
-            children: /* @__PURE__ */ jsx(DSButtonV2, {
-              buttonType: "icon",
-              onClick: cancelDialog,
-              children: /* @__PURE__ */ jsx(Close, {
-                color: ["neutral", "900"]
-              })
-            })
-          })
-        }),
-        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
-        /* @__PURE__ */ jsx(DSDialogBody, {
-          px: 24,
-          mb: 16,
-          children: "You currently have unsaved changes. Are you sure you want to proceed without saving?"
-        }),
-        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
-        /* @__PURE__ */ jsxs(DSDialogFooter, {
-          children: [
-            /* @__PURE__ */ jsx(DSButtonV2, {
-              buttonType: "outline",
-              onClick: cancelDialog,
-              children: "Continue without saving"
-            }),
-            /* @__PURE__ */ jsx(DSButtonV2, {
-              onClick: confirmDialog,
-              children: "Save & Continue"
-            })
-          ]
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(DSDialog, { isOpen: open, onClickOutside: cancelDialog, centered: true, children: [
+      /* @__PURE__ */ jsx(DSDialogHeader, { children: /* @__PURE__ */ jsx(DSDialogAddon, { children: /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "icon", onClick: cancelDialog, children: /* @__PURE__ */ jsx(Close, { color: ["neutral", "900"] }) }) }) }),
+      /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+      /* @__PURE__ */ jsx(DSDialogBody, { px: 24, mb: 16, children: "You currently have unsaved changes. Are you sure you want to proceed without saving?" }),
+      /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+      /* @__PURE__ */ jsxs(DSDialogFooter, { children: [
+        /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "outline", onClick: cancelDialog, children: "Continue without saving" }),
+        /* @__PURE__ */ jsx(DSButtonV2, { onClick: confirmDialog, children: "Save & Continue" })
+      ] })
+    ] });
   }
 );
 export {

package/dist/esm/view/modals/session-expiry/index.js

@@ -36,43 +36,18 @@ const SessionExpiry = memo(
       setIsOpen(false);
       dispatch(logout.confirm());
     };
-    return timeLeft ? /* @__PURE__ */ jsxs(DSDialog, {
-      isOpen,
-      size: "small",
-      children: [
-        /* @__PURE__ */ jsx(DSDialogBody, {
-          p: "s",
-          children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, {
-            children: [
-              /* @__PURE__ */ jsx(WarningCircle, {
-                size: "xl",
-                color: ["warning", "900"]
-              }),
-              /* @__PURE__ */ jsx(DSDialogPrimaryMessage, {
-                children: `Your session will expire in ${timeLeft}`
-              }),
-              /* @__PURE__ */ jsx(DSDialogSecondaryMessage, {
-                children: "Please logout or reset your session"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
-        /* @__PURE__ */ jsxs(DSDialogFooter, {
-          children: [
-            /* @__PURE__ */ jsx(DSButtonV2, {
-              buttonType: "outline",
-              onClick: logoutSession,
-              children: "Logout"
-            }),
-            /* @__PURE__ */ jsx(DSButtonV2, {
-              onClick: resetSession,
-              children: "Reset"
-            })
-          ]
-        })
-      ]
-    }) : null;
+    return timeLeft ? /* @__PURE__ */ jsxs(DSDialog, { isOpen, size: "small", children: [
+      /* @__PURE__ */ jsx(DSDialogBody, { p: "s", children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, { children: [
+        /* @__PURE__ */ jsx(WarningCircle, { size: "xl", color: ["warning", "900"] }),
+        /* @__PURE__ */ jsx(DSDialogPrimaryMessage, { children: `Your session will expire in ${timeLeft}` }),
+        /* @__PURE__ */ jsx(DSDialogSecondaryMessage, { children: "Please logout or reset your session" })
+      ] }) }),
+      /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+      /* @__PURE__ */ jsxs(DSDialogFooter, { children: [
+        /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "outline", onClick: logoutSession, children: "Logout" }),
+        /* @__PURE__ */ jsx(DSButtonV2, { onClick: resetSession, children: "Reset" })
+      ] })
+    ] }) : null;
   }
 );
 export {