@elliemae/pui-app-sdk 4.0.0-alpha.6 → 4.0.0-alpha.9

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

@@ -1,53 +1,22 @@
-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";
 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))
-  });
-};
+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/esm/view/fields/date-picker/index.js

@@ -1,53 +1,22 @@
-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))
-  });
-};
+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/esm/view/fields/date-range-picker/index.js

@@ -1,77 +1,41 @@
-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, useEffect } from "react";
 import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const WrappedDateRangePicker = (_a) => {
-  var _b = _a, {
-    field: _c
-  } = _b, _d = _c, { value, onChange } = _d, restProps = __objRest(_d, ["value", "onChange"]), rest = __objRest(_b, [
-    "field"
-  ]);
+const WrappedDateRangePicker = ({
+  field: { value, onChange, ...restProps },
+  ...rest
+}) => {
   const [fromDateString, setFromDateString] = useState(value[0]);
   const [toDateString, setToDateString] = useState(value[1]);
   useEffect(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, {
+    ...rest,
+    ...restProps,
     fromDate: fromDateString,
     onFromDateChange: setFromDateString,
     toDate: toDateString,
     onToDateChange: setToDateString
-  }));
-};
-const DateRangePicker = (_e) => {
-  var _f = _e, {
-    name,
-    defaultValue = ["", ""],
-    rules = {}
-  } = _f, rest = __objRest(_f, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, __spreadValues({
-      field
-    }, rest))
   });
 };
+const DateRangePicker = ({
+  name,
+  defaultValue = ["", ""],
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, {
+    field,
+    ...rest
+  })
+});
 export {
   DateRangePicker
 };

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

@@ -1,62 +1,24 @@
-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 { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const DateTimePicker = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
-      return /* @__PURE__ */ React.createElement(DSControlledDateTimePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        dateTime: value,
-        onDateTimeChange: onChange
-      }));
-    }
-  });
-};
+const DateTimePicker = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledDateTimePicker, {
+    ...rest,
+    ...restProps,
+    dateTime: value,
+    onDateTimeChange: onChange
+  })
+});
 export {
   DateTimePicker
 };

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

@@ -1,50 +1,20 @@
-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";
 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));
+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/esm/view/fields/form-layout-block-item/index.js

@@ -1,57 +1,25 @@
-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, {
+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
-  } = _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));
+    label,
+    hasError,
+    validationMessage,
+    ...rest
   });
-};
+});
 export {
   FormLayoutBlockItem
 };

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

@@ -1,31 +1,3 @@
-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 {
   DSInputMask,
@@ -35,23 +7,32 @@ import {
 import {
   Controller
 } from "react-hook-form";
-const InputMask = (_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(DSInputMask, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const InputMask = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  onChange: changeHandler,
+  onBlur: onBlurHandler,
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ React.createElement(DSInputMask, {
+    ...rest,
+    ...props,
+    onChange: (e) => {
+      onChange(e);
+      if (changeHandler)
+        changeHandler(e);
+    },
+    onBlur: (e) => {
+      onBlur();
+      if (onBlurHandler)
+        onBlurHandler(e);
+    }
+  })
+});
 export {
   InputMask,
   MASK_PIPES,

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

@@ -1,53 +1,22 @@
-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 { DSInputText } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const InputText = (_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(DSInputText, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const InputText = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputText, {
+    ...rest,
+    ...field
+  })
+});
 export {
   InputText
 };

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

@@ -1,53 +1,22 @@
-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 { DSLargeInputText } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const LargeTextBox = (_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(DSLargeInputText, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const LargeTextBox = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, {
+    ...rest,
+    ...field
+  })
+});
 export {
   LargeTextBox
 };