@elliemae/pui-app-sdk 4.5.1 → 4.7.0

package/dist/cjs/view/storybook/decorator.js

@@ -24,9 +24,4 @@ module.exports = __toCommonJS(decorator_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_history = require("../../utils/history.js");
 var import_app_root = require("../app-root/index.js");
-const withAppDecorator = (theme, store, story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, {
-  store,
-  history: import_history.browserHistory,
-  theme,
-  children: story()
-});
+const withAppDecorator = (theme, store, story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, { store, history: import_history.browserHistory, theme, children: story() });

package/dist/cjs/view/visually-hidden/index.js

@@ -43,8 +43,5 @@ const Span = import_styled_components.default.span`
   word-wrap: normal;
 `;
 const VisuallyHidden = (0, import_react.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Span, {
-    ref,
-    ...props
-  })
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Span, { ref, ...props })
 );

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

@@ -10,12 +10,7 @@ const AllTheProviders = ({
   store = defaultStore,
   theme = defaultTheme,
   children
-}) => /* @__PURE__ */ jsx(AppRoot, {
-  store,
-  history: browserHistory,
-  theme,
-  children
-});
+}) => /* @__PURE__ */ jsx(AppRoot, { store, history: browserHistory, theme, children });
 const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
 export * from "@testing-library/react";
 export {

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

@@ -7,10 +7,7 @@ const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)
 } = {}) => ({
-  ...render(/* @__PURE__ */ jsx(Provider, {
-    store,
-    children: ui
-  })),
+  ...render(/* @__PURE__ */ jsx(Provider, { store, children: ui })),
   store
 });
 export {

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

@@ -12,13 +12,7 @@ const renderWithRouterRedux = (ui, {
   store = createAppStore(initialState, browserHistory)
 } = {}) => ({
   ...render(
-    /* @__PURE__ */ jsx(Provider, {
-      store,
-      children: /* @__PURE__ */ jsx(AppRouter, {
-        history,
-        children: ui
-      })
-    })
+    /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(AppRouter, { history, children: ui }) })
   ),
   store
 });

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

@@ -6,10 +6,7 @@ const renderWithRouter = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] })
 } = {}) => {
-  const renderResult = render(/* @__PURE__ */ jsx(AppRouter, {
-    history,
-    children: ui
-  }));
+  const renderResult = render(/* @__PURE__ */ jsx(AppRouter, { history, children: ui }));
   return {
     ...renderResult,
     history

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

@@ -27,12 +27,7 @@ const RenderWithStateAddOns = ({
   useEffect(() => {
     setReady(true);
   }, []);
-  return ready ? /* @__PURE__ */ jsx(ThemeProvider, {
-    theme,
-    children: /* @__PURE__ */ jsx(Component, {
-      ...rest
-    })
-  }) : null;
+  return ready ? /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(Component, { ...rest }) }) : null;
 };
 export {
   RenderWithStateAddOns

package/dist/esm/view/app-root/hosted-app.js

@@ -13,14 +13,12 @@ const HostedApp = ({ WaitMessage, children }) => {
   useBreakpoint();
   useHTMLWaitMessage(true);
   useWindowSizeChange();
-  return /* @__PURE__ */ jsxs(Div, {
-    children: [
-      /* @__PURE__ */ jsx(GlobalStyle, {}),
-      WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
-      /* @__PURE__ */ jsx(ErrorToast, {}),
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Div, { children: [
+    /* @__PURE__ */ jsx(GlobalStyle, {}),
+    WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+    /* @__PURE__ */ jsx(ErrorToast, {}),
+    children
+  ] });
 };
 export {
   HostedApp

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

@@ -10,11 +10,7 @@ import { StandAloneApp } from "./stand-alone-app.js";
 import { HostedApp } from "./hosted-app.js";
 const AppToRender = (props) => {
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ jsx(StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ jsx(HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ jsx(StandAloneApp, { ...props }) : /* @__PURE__ */ jsx(HostedApp, { ...props });
 };
 const AppRoot = ({
   store,
@@ -25,26 +21,14 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ jsx(StrictMode, {
-  children: /* @__PURE__ */ jsx(ErrorBoundary, {
-    errorTemplate,
-    children: /* @__PURE__ */ jsx(Provider, {
-      store,
-      children: /* @__PURE__ */ jsx(AppRouter, {
-        history,
-        basename,
-        children: /* @__PURE__ */ jsx(ThemeProvider, {
-          theme,
-          children: /* @__PURE__ */ jsx(AppToRender, {
-            manageSession,
-            WaitMessage,
-            children
-          })
-        })
-      })
-    })
-  })
-});
+}) => /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(ErrorBoundary, { errorTemplate, children: /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(AppRouter, { history, basename, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(
+  AppToRender,
+  {
+    manageSession,
+    WaitMessage,
+    children
+  }
+) }) }) }) }) });
 export {
   AppRoot
 };

package/dist/esm/view/app-root/stand-alone-app.js

@@ -18,18 +18,14 @@ const StandAloneApp = ({
 }) => {
   useBreakpoint();
   useWindowSizeChange();
-  return /* @__PURE__ */ jsx(LiveAnnouncer, {
-    children: /* @__PURE__ */ jsxs(Div, {
-      children: [
-        /* @__PURE__ */ jsx(GlobalStyle, {}),
-        manageSession && /* @__PURE__ */ jsx(SessionTimeout, {}),
-        /* @__PURE__ */ jsx(LiveMessage, {}),
-        WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
-        /* @__PURE__ */ jsx(ErrorToast, {}),
-        children
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx(LiveAnnouncer, { children: /* @__PURE__ */ jsxs(Div, { children: [
+    /* @__PURE__ */ jsx(GlobalStyle, {}),
+    manageSession && /* @__PURE__ */ jsx(SessionTimeout, {}),
+    /* @__PURE__ */ jsx(LiveMessage, {}),
+    WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+    /* @__PURE__ */ jsx(ErrorToast, {}),
+    children
+  ] }) });
 };
 export {
   StandAloneApp

package/dist/esm/view/app-router.js

@@ -21,13 +21,16 @@ const AppRouter = ({ history, basename, ...props }) => {
       unlisten();
     };
   }, [history]);
-  return /* @__PURE__ */ jsx(Router, {
-    ...props,
-    basename,
-    location: state.location,
-    navigationType: state.action,
-    navigator: history
-  });
+  return /* @__PURE__ */ jsx(
+    Router,
+    {
+      ...props,
+      basename,
+      location: state.location,
+      navigationType: state.action,
+      navigator: history
+    }
+  );
 };
 export {
   AppRouter

package/dist/esm/view/error-boundary/default-error-template.js

@@ -2,16 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const DefaultErrorTemplate = ({
   error = new Error("We are unable to process your request"),
   errorInfo = { componentStack: "Please close your browser and login again" }
-}) => /* @__PURE__ */ jsxs("div", {
-  children: [
-    /* @__PURE__ */ jsx("h2", {
-      children: error?.message
-    }),
-    /* @__PURE__ */ jsx("section", {
-      children: errorInfo?.componentStack
-    })
-  ]
-});
+}) => /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsx("h2", { children: error?.message }),
+  /* @__PURE__ */ jsx("section", { children: errorInfo?.componentStack })
+] });
 export {
   DefaultErrorTemplate
 };

package/dist/esm/view/error-boundary/index.js

@@ -26,10 +26,7 @@ class ErrorBoundary extends React.Component {
     const { children, errorTemplate } = this.props;
     const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
     const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ jsx(ErrorTemplate, {
-      error,
-      errorInfo
-    }) : children;
+    return errorInfo ? /* @__PURE__ */ jsx(ErrorTemplate, { error, errorInfo }) : children;
   }
 }
 export {

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

@@ -21,9 +21,7 @@ const ErrorToast = memo((props) => {
       dispatch(error.clear());
     }
   }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ jsx(DSToast, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(DSToast, { ...props });
 });
 export {
   ErrorToast

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

@@ -11,17 +11,23 @@ const Autocomplete = ({
   name,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSAutocomplete, {
-    ...props,
-    filter: value ?? "",
-    onSelect: onChange,
-    ...rest,
-    options: filterOptions(rest.options, value),
-    children
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(
+      DSAutocomplete,
+      {
+        ...props,
+        filter: value ?? "",
+        onSelect: onChange,
+        ...rest,
+        options: filterOptions(rest.options, value),
+        children
+      }
+    )
+  }
+);
 export {
   Autocomplete
 };

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

@@ -3,15 +3,21 @@ import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledCheckbox, {
-    ...rest,
-    ...restProps,
-    checked: value
-  })
-});
+const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ jsx(
+      DSControlledCheckbox,
+      {
+        ...rest,
+        ...restProps,
+        checked: value
+      }
+    )
+  }
+);
 export {
   CheckBox
 };

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

@@ -8,19 +8,25 @@ const ComboBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
-    ...rest,
-    ...props,
-    onChange: (selected) => {
-      const { value = selected } = selected || {};
-      onChange(value);
-    }
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ jsx(
+      DSComboBox,
+      {
+        ...rest,
+        ...props,
+        onChange: (selected) => {
+          const { value = selected } = selected || {};
+          onChange(value);
+        }
+      }
+    )
+  }
+);
 export {
   ComboBox
 };

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

@@ -8,17 +8,23 @@ const ComboBoxV3 = ({
   defaultValue = null,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
-    ...props,
-    selectedValues: value,
-    onChange,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(
+      DSComboBox,
+      {
+        ...props,
+        selectedValues: value,
+        onChange,
+        ...rest
+      }
+    )
+  }
+);
 export {
   ComboBoxV3
 };

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

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

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

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

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

@@ -17,29 +17,32 @@ const WrappedDateRangePicker = ({
   useEffect(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ jsx(DSControlledDateRangePicker, {
-    ...restProps,
-    fromDate: fromDateString,
-    onFromDateChange: setFromDateString,
-    toDate: toDateString,
-    onToDateChange: setToDateString,
-    ...rest
-  });
+  return /* @__PURE__ */ jsx(
+    DSControlledDateRangePicker,
+    {
+      ...restProps,
+      fromDate: fromDateString,
+      onFromDateChange: setFromDateString,
+      toDate: toDateString,
+      onToDateChange: setToDateString,
+      ...rest
+    }
+  );
 };
 const DateRangePicker = ({
   name,
   defaultValue = ["", ""],
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ jsx(WrappedDateRangePicker, {
-    field,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ jsx(WrappedDateRangePicker, { field, ...rest })
+  }
+);
 export {
   DateRangePicker
 };

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

@@ -8,17 +8,23 @@ const DateTimePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ jsx(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
-    ...restProps,
-    dateTime: value,
-    onDateTimeChange: onChange,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ jsx(
+  Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(
+      DSControlledDateTimePicker,
+      {
+        ...restProps,
+        dateTime: value,
+        onDateTimeChange: onChange,
+        ...rest
+      }
+    )
+  }
+);
 export {
   DateTimePicker
 };

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

@@ -2,21 +2,22 @@ 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__ */ jsx(ConnectForm, {
-  children: ({
-    formState: { errors }
-  }) => {
-    const errorField = get(errors, name);
-    const hasError = !!errorField;
-    const validationMessage = errorField?.message;
-    return /* @__PURE__ */ jsx(DSFormItemLayout, {
+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

@@ -6,22 +6,23 @@ const FormLayoutBlockItem = ({
   inputID,
   label,
   ...rest
-}) => /* @__PURE__ */ jsx(ConnectForm, {
-  children: ({
-    formState: { errors }
-  }) => {
-    const errorField = get(errors, inputID);
-    const hasError = !!errorField;
-    const validationMessage = errorField?.message;
-    return /* @__PURE__ */ jsx(DSFormLayoutBlockItem, {
+}) => /* @__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
 };