@elliemae/pui-app-sdk 3.0.0-beta.27 → 3.0.0-beta.28

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

@@ -1,36 +0,0 @@
-import React from "react";
-import {
-  DefaultErrorTemplate
-} from "./default-error-template.js";
-import { getLogger } from "../../utils/micro-frontend/index.js";
-import { logRecords } from "../../utils/log-records.js";
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: null, errorInfo: null };
-  }
-  componentDidCatch(error, errorInfo) {
-    this.setState({
-      error,
-      errorInfo
-    });
-    const logger = getLogger();
-    if (logger)
-      logger.error({
-        ...logRecords.UNHANDLED_ERROR,
-        exception: error
-      });
-  }
-  render() {
-    const { children, errorTemplate } = this.props;
-    const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
-    const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ React.createElement(ErrorTemplate, {
-      error,
-      errorInfo
-    }) : children;
-  }
-}
-export {
-  ErrorBoundary
-};

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

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { useEffect, memo } from "react";
-import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
-import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
-import { actions as error } from "../../data/error/index.js";
-const ErrorToast = memo((props) => {
-  const storeError = useAppSelector((state) => state?.error);
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    if (storeError && (storeError?.description || storeError?.messageText)) {
-      const toastProps = {
-        position: ToastPosition.TOP_RIGHT,
-        messageTitle: "Error",
-        type: ToastType.ERROR,
-        ...props,
-        ...storeError
-      };
-      const messageText = toastProps.description || toastProps.messageText;
-      if (messageText)
-        toast({ messageText, ...toastProps });
-      dispatch(error.clear());
-    }
-  }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ React.createElement(DSToast, {
-    ...props
-  });
-});
-export {
-  ErrorToast
-};

package/dist/es/view/fetch-host-app-data/store.js

@@ -1,12 +0,0 @@
-import { get } from "lodash";
-let hostAppData = {};
-const setHostAppData = (appData) => {
-  hostAppData = { ...hostAppData, ...appData };
-};
-const getHostAppDataByKey = (key = "", defaultValue = null) => get(hostAppData, key, defaultValue);
-const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;
-export {
-  getHostAppDataByKey,
-  isHostAppDataExist,
-  setHostAppData
-};

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

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
-import {
-  Controller
-} from "react-hook-form";
-const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledCheckbox, {
-    ...rest,
-    ...restProps,
-    checked: value
-  })
-});
-export {
-  CheckBox
-};

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

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

package/dist/es/view/fields/connect-form.js

@@ -1,10 +0,0 @@
-import { useFormContext } from "react-hook-form";
-const ConnectForm = ({ children }) => {
-  const methods = useFormContext();
-  return children({
-    ...methods
-  });
-};
-export {
-  ConnectForm
-};

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

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

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { DSDatePicker } from "@elliemae/ds-date-picker";
-import {
-  Controller
-} from "react-hook-form";
-const DatePicker = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  DatePicker
-};

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

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { DSFormItemLayout } from "@elliemae/ds-form/FormItem";
-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
-  });
-});
-export {
-  FormItemLayout
-};

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

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
-import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form.js";
-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
-  });
-});
-export {
-  FormLayoutBlockItem
-};

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

@@ -1,29 +0,0 @@
-import * as React from "react";
-import {
-  DSInputMask,
-  MASK_TYPES,
-  MASK_PIPES
-} from "@elliemae/ds-form/InputMask";
-import {
-  Controller
-} from "react-hook-form";
-const InputMask = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  mask,
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputMask, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  InputMask,
-  MASK_PIPES,
-  MASK_TYPES
-};

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { DSLargeInputText } from "@elliemae/ds-form/LargeInputText";
-import {
-  Controller
-} from "react-hook-form";
-const LargeTextBox = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, {
-    ...rest,
-    ...field
-  })
-});
-export {
-  LargeTextBox
-};

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { DSRadio } from "@elliemae/ds-form/Radio";
-import {
-  Controller
-} from "react-hook-form";
-const Radio = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(Controller, {
-  name,
-  rules,
-  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadio, {
-    ...rest,
-    ...restProps,
-    checked: value,
-    defaultChecked,
-    onChange: (e) => onChange(((e || {}).target || {}).checked)
-  })
-});
-export {
-  Radio
-};

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

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

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

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

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

@@ -1,33 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import {
-  useForm,
-  FormProvider
-} from "react-hook-form";
-const StyledForm = styled.form`
-  width: 100%;
-  height: 100%;
-`;
-const Form = ({
-  classname,
-  reactHookFormProps = { mode: "onBlur" },
-  children,
-  onSubmit
-}) => {
-  const methods = useForm(reactHookFormProps);
-  const formProps = {};
-  if (onSubmit)
-    formProps.onSubmit = methods.handleSubmit(onSubmit);
-  const providerProps = Object.assign(methods, {
-    formProps: reactHookFormProps
-  });
-  return /* @__PURE__ */ React.createElement(FormProvider, {
-    ...providerProps
-  }, /* @__PURE__ */ React.createElement(StyledForm, {
-    className: classname,
-    ...formProps
-  }, children));
-};
-export {
-  Form
-};

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

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

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

@@ -1,14 +0,0 @@
-import * as React from "react";
-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 LazyComponent = lazy(importFunc);
-  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
-    fallback
-  }, /* @__PURE__ */ React.createElement(LazyComponent, {
-    ...props
-  }));
-};
-export {
-  loadable
-};

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

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { memo, useState } from "react";
-import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";
-import { IFrame } from "./iframe/index.js";
-import { useFrameLoaded } from "./use-frame-loaded.js";
-import {
-  useAppWillRender
-} from "../micro-app/use-app-will-render.js";
-const App = memo(({ id, dispose, onUnloadComplete, ...rest }) => {
-  const [documentEle, setDocumentEle] = useState(null);
-  useFrameLoaded({ id, documentEle, ...rest });
-  useAppWillRender({
-    id,
-    documentEle: dispose ? null : documentEle,
-    onUnloadComplete,
-    ...rest
-  });
-  return /* @__PURE__ */ React.createElement(IFrame, {
-    id,
-    src: frameHtml,
-    ...rest,
-    onFrameReady: setDocumentEle
-  });
-});
-export {
-  App
-};

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

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { memo, useRef } from "react";
-import styled from "styled-components";
-import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
-const Div = styled.div`
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  overflow: hidden;
-`;
-const Iframe = styled.iframe`
-  flex-grow: 1;
-  border: none;
-  margin: 0;
-  padding: 0;
-  display: block;
-  height: 100%;
-`;
-const IFrame = memo(({ id, name: title, src, sandbox, onFrameReady }) => {
-  const frameRef = useRef(null);
-  const sandboxProps = sandbox ? { sandbox } : {};
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, {
-    id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
-    ref: frameRef,
-    title,
-    src,
-    scrolling: "no",
-    ...sandboxProps,
-    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
-  }));
-});
-export {
-  IFrame
-};

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

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { useEffect, useState, memo } from "react";
-import { usePrevious } from "../use-previous.js";
-import { App } from "./app.js";
-const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
-  const [disposePrevApp, setDisposePrevApp] = useState(false);
-  const [appKey, setAppKey] = useState(Date.now());
-  const prevEntityId = usePrevious(entityId);
-  useEffect(() => {
-    if (prevEntityId !== entityId && prevEntityId) {
-      setDisposePrevApp(true);
-    }
-  }, [entityId]);
-  return /* @__PURE__ */ React.createElement(App, {
-    ...rest,
-    key: appKey,
-    dispose: disposePrevApp,
-    onUnloadComplete: () => {
-      setAppKey(Date.now());
-      setDisposePrevApp(false);
-    }
-  });
-});
-export {
-  MicroIFrameApp
-};

package/dist/es/view/modals/wait-message/index.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { memo, useEffect } from "react";
-import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
-import { useAppSelector } from "../../../data/react-redux.js";
-import { useHTMLWaitMessage } from "./use-html-wait-message.js";
-import {
-  waitStartEvent,
-  waitEndEvent
-} from "../../../analytics/user-wait-event.js";
-const WaitMessage = memo(({
-  size = "m",
-  style = { color: "white", fontSize: "1.25rem" },
-  ...rest
-}) => {
-  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
-  const message = useAppSelector((state) => state.waitMessage?.message);
-  useEffect(() => {
-    if (isOpen)
-      waitStartEvent();
-    else
-      waitEndEvent();
-  }, [isOpen]);
-  useHTMLWaitMessage(isOpen !== null);
-  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
-    id: "em-loading",
-    size,
-    style,
-    ...rest,
-    loading: isOpen,
-    message
-  });
-});
-export {
-  WaitMessage
-};

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { forwardRef } from "react";
-import styled from "styled-components";
-const Span = styled.span`
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  white-space: nowrap;
-  word-wrap: normal;
-`;
-const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, {
-  ref,
-  ...props
-}));
-export {
-  VisuallyHidden
-};