@elliemae/pui-app-sdk 2.21.1 → 3.0.0-beta.12

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

@@ -1,25 +1,24 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSRadio from '@elliemae/ds-form/Radio';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Radio = ({
+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__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
-    }
-  }) => /*#__PURE__*/_jsx(DSRadio, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadio, {
+    ...rest,
     ...restProps,
     checked: value,
-    defaultChecked: defaultChecked,
-    onChange: e => onChange(((e || {}).target || {}).checked)
+    defaultChecked,
+    onChange: (e) => onChange(((e || {}).target || {}).checked)
   })
-});
+});
+export {
+  Radio
+};

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

@@ -1,21 +1,21 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSRadioGroup from '@elliemae/ds-form/RadioGroup';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const RadioGroup = ({
+import * as React from "react";
+import { DSRadioGroup } from "@elliemae/ds-form/RadioGroup";
+import {
+  Controller
+} from "react-hook-form";
+const RadioGroup = ({
   name,
   rules = {},
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      value,
-      ...restProps
-    }
-  }) => /*#__PURE__*/_jsx(DSRadioGroup, { ...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,19 +1,22 @@
-import _jsx2 from "@babel/runtime/helpers/jsx";
-import DSTextBox from '@elliemae/ds-form/TextBox';
-import { Controller } from 'react-hook-form';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TextBox = ({
+import * as React from "react";
+import { DSTextBox } from "@elliemae/ds-form/TextBox";
+import {
+  Controller
+} from "react-hook-form";
+const TextBox = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   ...rest
-}) => /*#__PURE__*/_jsx2(Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/_jsx(DSTextBox, { ...rest,
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSTextBox, {
+    ...rest,
     ...field
   })
-});
+});
+export {
+  TextBox
+};

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

@@ -1,25 +1,21 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import _styled2 from "styled-components";
-import _styled from "styled-components";
-
-var _h;
-
-import { useFormContext } from 'react-hook-form';
-export const WatchValue = ({
-  name,
-  labelText
-}) => {
-  const {
-    watch
-  } = useFormContext();
-  const data = watch(name, false) || '';
-  return /*#__PURE__*/_jsx(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/_jsx("h4", {}, void 0, "Form Data:")), /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, /*#__PURE__*/_jsx("div", {}, void 0, labelText, " : ", /*#__PURE__*/_jsx("strong", {}, void 0, JSON.stringify(data)))));
+import * as React from "react";
+import styled from "styled-components";
+import { useFormContext } from "react-hook-form";
+const Section = styled.section`
+  border-top: 2px blue dotted;
+  width: 100%;
+`;
+const Div = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 10px;
+  align-items: flex-start;
+`;
+const WatchValue = ({ name, labelText }) => {
+  const { watch } = useFormContext();
+  const data = watch(name, false) || "";
+  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, labelText, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data)))));
+};
+export {
+  WatchValue
 };
-
-var _StyledSection = /*#__PURE__*/_styled("section").withConfig({
-  componentId: "sc-1va6d9p-0"
-})(["border-top:2px blue dotted;width:100%;"]);
-
-var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
-  componentId: "sc-1va6d9p-1"
-})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);

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

@@ -1,32 +1,33 @@
-import _styled from "styled-components";
-import { useForm, FormProvider } from 'react-hook-form'; // eslint-disable-next-line @typescript-eslint/ban-types
-
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Form = ({
-  /* eslint-disable indent */
+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'
-  },
+  reactHookFormProps = { mode: "onBlur" },
   children,
   onSubmit
 }) => {
   const methods = useForm(reactHookFormProps);
   const formProps = {};
-  if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
   const providerProps = Object.assign(methods, {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     formProps: reactHookFormProps
   });
-  return /*#__PURE__*/_jsx(FormProvider, { ...providerProps,
-    children: /*#__PURE__*/_jsx(_StyledForm, {
-      className: classname,
-      ...formProps,
-      children: children
-    })
-  });
+  return /* @__PURE__ */ React.createElement(FormProvider, {
+    ...providerProps
+  }, /* @__PURE__ */ React.createElement(StyledForm, {
+    className: classname,
+    ...formProps
+  }, children));
+};
+export {
+  Form
 };
-
-var _StyledForm = /*#__PURE__*/_styled("form").withConfig({
-  componentId: "sc-1pyjvv3-0"
-})(["width:100%;height:100%;"]);

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

@@ -1,81 +1,61 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import moment from 'moment';
+import * as React from "react";
+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 { FormItemLayout } from "../fields/form-item-layout/index.js";
-export const FirstName = () => /*#__PURE__*/_jsx(FormItemLayout, {
+const FirstName = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: TextBox,
   labelText: "First Name",
   name: "firstname",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'First Name is required'
-    },
-    minLength: {
-      value: 2,
-      message: 'Minimum 2 characters'
-    },
-    maxLength: {
-      value: 50,
-      message: 'Maximum 50 characters'
-    }
+    required: { value: true, message: "First Name is required" },
+    minLength: { value: 2, message: "Minimum 2 characters" },
+    maxLength: { value: 50, message: "Maximum 50 characters" }
   }
 });
-export const DOB = () => /*#__PURE__*/_jsx(FormItemLayout, {
+const DOB = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: DateInput,
   labelText: "Date of Birth",
   name: "dob",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => moment() > value || 'Date of Birth can not be greater than current date'
+    required: { value: true, message: "Date of Birth is required" },
+    validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
   }
 });
-export const State = () => /*#__PURE__*/_jsx(FormItemLayout, {
+const State = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: ComboBox,
   labelText: "State",
   name: "state",
   required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'State is required'
-    }
-  },
-  options: [{
-    value: 'ca',
-    label: 'California'
-  }, {
-    value: 'nj',
-    label: 'New Jersey'
-  }]
+  rules: { required: { value: true, message: "State is required" } },
+  options: [
+    { value: "ca", label: "California" },
+    { value: "nj", label: "New Jersey" }
+  ]
 });
-export const MaritalStatus = () => /*#__PURE__*/_jsx(FormItemLayout, {
+const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
   floatingLabel: true,
   inputComponent: ComboBox,
   labelText: "Marital Status",
   name: "marital_status",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Marital Status is required'
-    }
+    required: { value: true, message: "Marital Status is required" }
   },
-  options: [{
-    value: 'married',
-    label: 'Married'
-  }, {
-    value: 'single',
-    label: 'Single'
-  }]
-});
+  options: [
+    { value: "married", label: "Married" },
+    { value: "single", label: "Single" }
+  ]
+});
+export {
+  DOB,
+  FirstName,
+  MaritalStatus,
+  State
+};

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

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

package/dist/es/view/guest-unload-handlers/index.js

@@ -1,17 +1,18 @@
 import { sendMessageToHost } from "../message-to-host-app/index.js";
-export const onGuestUnloadStart = () => new Promise(resolve => {
-  window.addEventListener('message', msg => {
-    if (msg.data.id === 'unload-guest' || msg.data.id === 'close_loan') {
+const onGuestUnloadStart = () => new Promise((resolve) => {
+  window.addEventListener("message", (msg) => {
+    if (msg.data.id === "unload-guest" || msg.data.id === "close_loan") {
       resolve(msg.data.id);
     }
   });
 });
-export const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = 'close_loan') => {
+const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = "close_loan") => {
   sendMessageToHost({
     guestAppId,
-    message: {
-      id: unloadType,
-      auth: guestAppConfirmation
-    }
+    message: { id: unloadType, auth: guestAppConfirmation }
   });
-};
+};
+export {
+  notifyGuestUnloadComplete,
+  onGuestUnloadStart
+};

package/dist/es/view/header/center-region/index.js

@@ -1,24 +1,42 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { NavLink } from 'react-router-dom';
-import styled from 'styled-components';
-const NavList = /*#__PURE__*/styled.ul.withConfig({
-  componentId: "sc-ztmnvf-0"
-})(["display:flex;flex:auto;align-items:center;list-style:none;margin:0px 0px 0px 10px;padding:0;height:100%;"]);
-const NavListItem = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-ztmnvf-1"
-})(["height:100%;text-align:center;"]);
-const activeClassName = 'nav-item-active';
-const StyledNavLink = /*#__PURE__*/styled(NavLink).attrs({
+import * as React from "react";
+import { NavLink } from "react-router-dom";
+import styled from "styled-components";
+const NavList = styled.ul`
+  display: flex;
+  flex: auto;
+  align-items: center;
+  list-style: none;
+  margin: 0px 0px 0px 10px;
+  padding: 0;
+  height: 100%;
+`;
+const NavListItem = styled.li`
+  height: 100%;
+  text-align: center;
+`;
+const activeClassName = "nav-item-active";
+const StyledNavLink = styled(NavLink).attrs({
   activeClassName
-}).withConfig({
-  componentId: "sc-ztmnvf-2"
-})(["display:flex;align-items:center;color:", ";text-decoration:none;text-transform:uppercase;height:100%;padding:0 ", " 0 ", ";&.", "{background-color:#48acff;}"], props => props.theme.colors.neutral['000'], props => props.theme.space.xs, props => props.theme.space.xs, activeClassName);
-const publicPath = (process.env.ASSET_PATH || '/').replace(/\/?$/, '');
-export const CenterRegion = ({
-  links = []
-}) => /*#__PURE__*/_jsx(NavList, {}, void 0, links.map(({
-  name = '',
-  path = ''
-}) => /*#__PURE__*/_jsx(NavListItem, {}, path, /*#__PURE__*/_jsx(StyledNavLink, {
-  to: `${publicPath}${path.replace(/^\/?/, '/')}`
-}, void 0, name))));
+})`
+  display: flex;
+  align-items: center;
+  color: ${(props) => props.theme.colors.neutral["000"]};
+  text-decoration: none;
+  text-transform: uppercase;
+  height: 100%;
+  padding: 0 ${(props) => props.theme.space.xs} 0
+    ${(props) => props.theme.space.xs};
+
+  &.${activeClassName} {
+    background-color: #48acff;
+  }
+`;
+const publicPath = (process.env.ASSET_PATH || "/").replace(/\/?$/, "");
+const CenterRegion = ({ links = [] }) => /* @__PURE__ */ React.createElement(NavList, null, links.map(({ name = "", path = "" }) => /* @__PURE__ */ React.createElement(NavListItem, {
+  key: path
+}, /* @__PURE__ */ React.createElement(StyledNavLink, {
+  to: `${publicPath}${path.replace(/^\/?/, "/")}`
+}, name))));
+export {
+  CenterRegion
+};

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

@@ -1,20 +1,21 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _LogoRegion, _NavRegion;
-
-import styled from 'styled-components';
+import * as React from "react";
+import styled from "styled-components";
 import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
 import { LogoRegion } from "./logo-region/index.js";
 import { CenterRegion } from "./center-region/index.js";
 import { NavRegion } from "./nav-region/index.js";
-const HeaderContainer = /*#__PURE__*/styled.header.withConfig({
-  componentId: "sc-cvwjlr-0"
-})(["display:flex;height:56px;background-color:#2080cd;padding:0px ", " 0px ", ";"], props => props.theme.space.xs, props => props.theme.space.xxs);
-export const Header = ({
-  links = [],
-  show = false
-}) => isStandAloneGuest() || isHost() || show ? /*#__PURE__*/_jsx(HeaderContainer, {
+const HeaderContainer = styled.header`
+  display: flex;
+  height: 56px;
+  background-color: #2080cd;
+  padding: 0px ${(props) => props.theme.space.xs} 0px
+    ${(props) => props.theme.space.xxs};
+`;
+const Header = ({ links = [], show = false }) => isStandAloneGuest() || isHost() || show ? /* @__PURE__ */ React.createElement(HeaderContainer, {
   role: "banner"
-}, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/_jsx(LogoRegion, {})), /*#__PURE__*/_jsx(CenterRegion, {
-  links: links
-}), _NavRegion || (_NavRegion = /*#__PURE__*/_jsx(NavRegion, {}))) : null;
+}, /* @__PURE__ */ React.createElement(LogoRegion, null), /* @__PURE__ */ React.createElement(CenterRegion, {
+  links
+}), /* @__PURE__ */ React.createElement(NavRegion, null)) : null;
+export {
+  Header
+};

package/dist/es/view/header/logo-region/index.js

@@ -1,10 +1,10 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _LogoContainer;
-
-import styled from 'styled-components';
+import * as React from "react";
+import styled from "styled-components";
 import LogoImg from "./logo.svg";
-const LogoContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-a4sia6-0"
-})(["align-self:center;"]);
-export const LogoRegion = () => _LogoContainer || (_LogoContainer = /*#__PURE__*/_jsx(LogoContainer, {}, void 0, /*#__PURE__*/_jsx(LogoImg, {})));
+const LogoContainer = styled.div`
+  align-self: center;
+`;
+const LogoRegion = () => /* @__PURE__ */ React.createElement(LogoContainer, null, /* @__PURE__ */ React.createElement(LogoImg, null));
+export {
+  LogoRegion
+};

package/dist/es/view/header/nav-region/index.js

@@ -1,16 +1,24 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _NavContainer;
-
-import styled from 'styled-components';
+import * as React from "react";
+import styled from "styled-components";
 import { Notification } from "./notification/index.js";
 import { User } from "./user/index.js";
-const NavContainer = /*#__PURE__*/styled.nav.withConfig({
-  componentId: "sc-1selspv-0"
-})(["display:flex;margin:0;height:100%;align-self:flex-end;"]);
-const NavList = /*#__PURE__*/styled.ul.withConfig({
-  componentId: "sc-1selspv-1"
-})(["margin:0;display:flex;align-items:center;> li{margin-left:", ";}"], props => props.theme.space.xs);
-export const NavRegion = () => _NavContainer || (_NavContainer = /*#__PURE__*/_jsx(NavContainer, {
+const NavContainer = styled.nav`
+  display: flex;
+  margin: 0;
+  height: 100%;
+  align-self: flex-end;
+`;
+const NavList = styled.ul`
+  margin: 0;
+  display: flex;
+  align-items: center;
+  > li {
+    margin-left: ${(props) => props.theme.space.xs};
+  }
+`;
+const NavRegion = () => /* @__PURE__ */ React.createElement(NavContainer, {
   role: "navigation"
-}, void 0, /*#__PURE__*/_jsx(NavList, {}, void 0, /*#__PURE__*/_jsx(Notification, {}), /*#__PURE__*/_jsx(User, {}))));
+}, /* @__PURE__ */ React.createElement(NavList, null, /* @__PURE__ */ React.createElement(Notification, null), /* @__PURE__ */ React.createElement(User, null)));
+export {
+  NavRegion
+};

package/dist/es/view/header/nav-region/notification/index.js

@@ -1,9 +1,9 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _a;
-
+import * as React from "react";
 import NotificationIcon from "./index.svg";
-export const Notification = () => /*#__PURE__*/_jsx("li", {}, void 0, _a || (_a = /*#__PURE__*/_jsx("a", {
+const Notification = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "Notifications"
-}, void 0, /*#__PURE__*/_jsx(NotificationIcon, {}))));
+}, /* @__PURE__ */ React.createElement(NotificationIcon, null)));
+export {
+  Notification
+};

package/dist/es/view/header/nav-region/user/index.js

@@ -1,9 +1,9 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _a;
-
+import * as React from "react";
 import UserIcon from "./index.svg";
-export const User = () => /*#__PURE__*/_jsx("li", {}, void 0, _a || (_a = /*#__PURE__*/_jsx("a", {
+const User = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "profile"
-}, void 0, /*#__PURE__*/_jsx(UserIcon, {}))));
+}, /* @__PURE__ */ React.createElement(UserIcon, null)));
+export {
+  User
+};

package/dist/es/view/host-binding-events/index.js

@@ -1,14 +1,18 @@
-export const bindEvent = (element, eventName, eventHandler) => {
+const bindEvent = (element, eventName, eventHandler) => {
   if (element.addEventListener) {
     element.addEventListener(eventName, eventHandler, false);
   } else if (element.attachEvent) {
     element.attachEvent(`on${eventName}`, eventHandler);
   }
 };
-export const removeEvent = (element, eventName, eventHandler) => {
+const removeEvent = (element, eventName, eventHandler) => {
   if (element.removeEventListener) {
     element.removeEventListener(eventName, eventHandler);
   } else if (element.detachEvent) {
     element.detachEvent(`on${eventName}`, eventHandler);
   }
-};
+};
+export {
+  bindEvent,
+  removeEvent
+};

package/dist/es/view/intro.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Intro" />