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

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

@@ -0,0 +1,69 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { ThemeProvider } from "styled-components";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import {
+  useInjectReducer,
+  useInjectSaga
+} from "redux-injectors";
+const RenderWithStateAddOns = (_a) => {
+  var _b = _a, {
+    Component,
+    reducer,
+    saga,
+    theme = getDefaultTheme()
+  } = _b, rest = __objRest(_b, [
+    "Component",
+    "reducer",
+    "saga",
+    "theme"
+  ]);
+  const [ready, setReady] = useState(false);
+  if (Array.isArray(reducer)) {
+    reducer.forEach((r) => useInjectReducer(r));
+  } else {
+    useInjectReducer(reducer);
+  }
+  if (Array.isArray(saga)) {
+    saga.forEach((s) => useInjectSaga(s));
+  } else if (saga) {
+    useInjectSaga(saga);
+  }
+  useEffect(() => {
+    setReady(true);
+  }, []);
+  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, rest))) : null;
+};
+export {
+  RenderWithStateAddOns
+};

package/dist/{es → esm}/view/app-root/index.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
@@ -14,11 +30,7 @@ const AppToRender = (props) => {
   useInjectSaga({ key: "waitMessage", saga: waitMessage });
   useInjectSaga({ key: "errorToast", saga: errorToast });
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ React.createElement(HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(HostedApp, __spreadValues({}, props));
 };
 const AppRoot = ({
   store,

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

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useState, useLayoutEffect } from "react";
+import { Router } from "react-router-dom";
+const AppRouter = (_a) => {
+  var _b = _a, { history } = _b, props = __objRest(_b, ["history"]);
+  const [state, setState] = useState({
+    action: history.action,
+    location: history.location
+  });
+  useLayoutEffect(() => history.listen(setState), [history]);
+  return /* @__PURE__ */ React.createElement(Router, __spreadProps(__spreadValues({}, props), {
+    location: state.location,
+    navigationType: state.action,
+    navigator: history
+  }));
+};
+export {
+  AppRouter
+};

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

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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(__spreadProps(__spreadValues({}, 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/esm/view/error-toast/index.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 = __spreadValues(__spreadValues({
+        position: ToastPosition.TOP_RIGHT,
+        messageTitle: "Error",
+        type: ToastType.ERROR
+      }, props), storeError);
+      const messageText = toastProps.description || toastProps.messageText;
+      if (messageText)
+        toast(__spreadValues({ messageText }, toastProps));
+      dispatch(error.clear());
+    }
+  }, [storeError, props, dispatch]);
+  return /* @__PURE__ */ React.createElement(DSToast, __spreadValues({}, props));
+});
+export {
+  ErrorToast
+};

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

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { get } from "lodash";
+let hostAppData = {};
+const setHostAppData = (appData) => {
+  hostAppData = __spreadValues(__spreadValues({}, 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/esm/view/fields/check-box/index.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const CheckBox = (_a) => {
+  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value = false } = _c, restProps = __objRest(_c, ["value"]);
+      return /* @__PURE__ */ React.createElement(DSControlledCheckbox, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value
+      }));
+    }
+  });
+};
+export {
+  CheckBox
+};

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

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import DSComboBox from "@elliemae/ds-form/ComboBox";
+import {
+  Controller
+} from "react-hook-form";
+const ComboBox = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { onChange } = _c, props = __objRest(_c, ["onChange"]);
+      return /* @__PURE__ */ React.createElement(DSComboBox, __spreadProps(__spreadValues(__spreadValues({}, rest), props), {
+        onChange: (selected) => {
+          const { value = selected } = selected;
+          onChange(value);
+        }
+      }));
+    }
+  });
+};
+export {
+  ComboBox
+};

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { useFormContext } from "react-hook-form";
+const ConnectForm = ({ children }) => {
+  const methods = useFormContext();
+  return children(__spreadValues({}, methods));
+};
+export {
+  ConnectForm
+};

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

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import DSDateInput from "@elliemae/ds-form/DateInput";
+import {
+  Controller
+} from "react-hook-form";
+const DateInput = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSDateInput, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  DateInput
+};

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

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import DSDatePicker from "@elliemae/ds-date-picker";
+import {
+  Controller
+} from "react-hook-form";
+const DatePicker = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  DatePicker
+};

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

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 = (_a) => {
+  var _b = _a, { name } = _b, rest = __objRest(_b, ["name"]);
+  return /* @__PURE__ */ React.createElement(ConnectForm, null, ({
+    formState: { errors }
+  }) => {
+    const errorField = get(errors, name);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ React.createElement(DSFormItemLayout, __spreadValues({
+      name,
+      hasError,
+      validationMessage
+    }, rest));
+  });
+};
+export {
+  FormItemLayout
+};

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

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 = (_a) => {
+  var _b = _a, {
+    inputID,
+    label
+  } = _b, rest = __objRest(_b, [
+    "inputID",
+    "label"
+  ]);
+  return /* @__PURE__ */ React.createElement(ConnectForm, null, ({
+    formState: { errors }
+  }) => {
+    const errorField = get(errors, inputID);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ React.createElement(DSFormLayoutBlockItem, __spreadValues({
+      inputID,
+      label,
+      hasError,
+      validationMessage
+    }, rest));
+  });
+};
+export {
+  FormLayoutBlockItem
+};