@elliemae/pui-app-sdk 3.15.0 → 4.0.0-alpha.10

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var error_toast_exports = {};
 __export(error_toast_exports, {
   ErrorToast: () => ErrorToast
 });
 module.exports = __toCommonJS(error_toast_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_toast = require("@elliemae/ds-toast");
 var import_react_redux = require("../../data/react-redux.js");
@@ -47,7 +44,7 @@ const ErrorToast = (0, import_react.memo)((props) => {
       dispatch(import_error.actions.clear());
     }
   }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ React.createElement(import_ds_toast.DSToast, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toast.DSToast, {
     ...props
   });
 });

package/dist/cjs/view/fetch-host-app-data/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var fetch_host_app_data_exports = {};
 __export(fetch_host_app_data_exports, {

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,31 +15,33 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var autocomplete_exports = {};
 __export(autocomplete_exports, {
   Autocomplete: () => Autocomplete
 });
 module.exports = __toCommonJS(autocomplete_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const filterOptions = (allOptions, newFilter) => {
-  const filtered = allOptions.filter((option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase()));
+  const filtered = allOptions.filter(
+    (option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase())
+  );
   return filtered.length === 1 && filtered[0].type === "section" ? [] : filtered;
 };
 const Autocomplete = ({
   name,
   children,
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSAutocomplete, {
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSAutocomplete, {
     ...rest,
     ...props,
     options: filterOptions(rest.options, value),
     filter: value ?? "",
-    onSelect: onChange
-  }, children)
+    onSelect: onChange,
+    children
+  })
 });

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,20 +15,19 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var check_box_exports = {};
 __export(check_box_exports, {
   CheckBox: () => CheckBox
 });
 module.exports = __toCommonJS(check_box_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
-const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
-  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledCheckbox, {
     ...rest,
     ...restProps,
     checked: value

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var combo_box_exports = {};
 __export(combo_box_exports, {
   ComboBox: () => ComboBox
 });
 module.exports = __toCommonJS(combo_box_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_react_hook_form = require("react-hook-form");
 const ComboBox = ({
@@ -32,11 +29,11 @@ const ComboBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ React.createElement(import_ds_form.DSComboBox, {
+  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
     ...rest,
     ...props,
     onChange: (selected) => {

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var combo_box_v3_exports = {};
 __export(combo_box_v3_exports, {
   ComboBoxV3: () => ComboBoxV3
 });
 module.exports = __toCommonJS(combo_box_v3_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const ComboBoxV3 = ({
@@ -32,11 +29,11 @@ const ComboBoxV3 = ({
   defaultValue = null,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSComboBox, {
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSComboBox, {
     ...rest,
     ...props,
     selectedValues: value,

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var date_input_exports = {};
 __export(date_input_exports, {
   DateInput: () => DateInput
 });
 module.exports = __toCommonJS(date_input_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_react_hook_form = require("react-hook-form");
 const DateInput = ({
@@ -32,11 +29,11 @@ const DateInput = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_form.DSDateInput, {
+  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInput, {
     ...rest,
     ...field
   })

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

@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var date_picker_exports = {};
 __export(date_picker_exports, {
   DatePicker: () => DatePicker
 });
 module.exports = __toCommonJS(date_picker_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_date_picker = __toESM(require("@elliemae/ds-date-picker"));
 var import_react_hook_form = require("react-hook-form");
 const DatePicker = ({
@@ -32,11 +35,11 @@ const DatePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_date_picker.default, {
+  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.default, {
     ...rest,
     ...field
   })

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var date_range_picker_exports = {};
 __export(date_range_picker_exports, {
   DateRangePicker: () => DateRangePicker
 });
 module.exports = __toCommonJS(date_range_picker_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
@@ -32,12 +29,16 @@ const WrappedDateRangePicker = ({
   field: { value, onChange, ...restProps },
   ...rest
 }) => {
-  const [fromDateString, setFromDateString] = (0, import_react.useState)(value[0]);
-  const [toDateString, setToDateString] = (0, import_react.useState)(value[1]);
+  const [fromDateString, setFromDateString] = (0, import_react.useState)(
+    value[0]
+  );
+  const [toDateString, setToDateString] = (0, import_react.useState)(
+    value[1]
+  );
   (0, import_react.useEffect)(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
     ...rest,
     ...restProps,
     fromDate: fromDateString,
@@ -51,11 +52,11 @@ const DateRangePicker = ({
   defaultValue = ["", ""],
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, {
+  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedDateRangePicker, {
     field,
     ...rest
   })

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var date_time_picker_exports = {};
 __export(date_time_picker_exports, {
   DateTimePicker: () => DateTimePicker
 });
 module.exports = __toCommonJS(date_time_picker_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const DateTimePicker = ({
@@ -32,11 +29,11 @@ const DateTimePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, {
     ...rest,
     ...restProps,
     dateTime: value,

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,27 +15,28 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var form_item_layout_exports = {};
 __export(form_item_layout_exports, {
   FormItemLayout: () => FormItemLayout
 });
 module.exports = __toCommonJS(form_item_layout_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_react_hook_form = require("react-hook-form");
 var import_connect_form = require("../connect-form.js");
-const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ React.createElement(import_connect_form.ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = (0, import_react_hook_form.get)(errors, name);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(import_ds_form.DSFormItemLayout, {
-    name,
-    hasError,
-    validationMessage,
-    ...rest
-  });
+const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connect_form.ConnectForm, {
+  children: ({
+    formState: { errors }
+  }) => {
+    const errorField = (0, import_react_hook_form.get)(errors, name);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSFormItemLayout, {
+      name,
+      hasError,
+      validationMessage,
+      ...rest
+    });
+  }
 });

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var form_layout_block_item_exports = {};
 __export(form_layout_block_item_exports, {
   FormLayoutBlockItem: () => FormLayoutBlockItem
 });
 module.exports = __toCommonJS(form_layout_block_item_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form_layout_blocks = require("@elliemae/ds-form-layout-blocks");
 var import_react_hook_form = require("react-hook-form");
 var import_connect_form = require("../connect-form.js");
@@ -32,17 +29,19 @@ const FormLayoutBlockItem = ({
   inputID,
   label,
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_connect_form.ConnectForm, null, ({
-  formState: { errors }
-}) => {
-  const errorField = (0, import_react_hook_form.get)(errors, inputID);
-  const hasError = !!errorField;
-  const validationMessage = errorField?.message;
-  return /* @__PURE__ */ React.createElement(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
-    inputID,
-    label,
-    hasError,
-    validationMessage,
-    ...rest
-  });
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connect_form.ConnectForm, {
+  children: ({
+    formState: { errors }
+  }) => {
+    const errorField = (0, import_react_hook_form.get)(errors, inputID);
+    const hasError = !!errorField;
+    const validationMessage = errorField?.message;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
+      inputID,
+      label,
+      hasError,
+      validationMessage,
+      ...rest
+    });
+  }
 });

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var input_mask_exports = {};
 __export(input_mask_exports, {
@@ -26,7 +23,7 @@ __export(input_mask_exports, {
   MASK_TYPES: () => import_InputMask.MASK_TYPES
 });
 module.exports = __toCommonJS(input_mask_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_InputMask = require("@elliemae/ds-form/InputMask");
 var import_react_hook_form = require("react-hook-form");
 const InputMask = ({
@@ -36,11 +33,11 @@ const InputMask = ({
   onChange: changeHandler,
   onBlur: onBlurHandler,
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ React.createElement(import_InputMask.DSInputMask, {
+  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputMask.DSInputMask, {
     ...rest,
     ...props,
     onChange: (e) => {

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var input_text_exports = {};
 __export(input_text_exports, {
   InputText: () => InputText
 });
 module.exports = __toCommonJS(input_text_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const InputText = ({
@@ -32,11 +29,11 @@ const InputText = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   defaultValue,
   rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSInputText, {
+  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, {
     ...rest,
     ...field
   })

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var large_text_box_exports = {};
 __export(large_text_box_exports, {
   LargeTextBox: () => LargeTextBox
 });
 module.exports = __toCommonJS(large_text_box_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_react_hook_form = require("react-hook-form");
 const LargeTextBox = ({
@@ -32,11 +29,11 @@ const LargeTextBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
   name,
   rules,
   defaultValue,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_form.DSLargeInputText, {
+  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSLargeInputText, {
     ...rest,
     ...field
   })