@elliemae/pui-app-sdk 2.12.3 → 2.13.2

package/dist/es/utils/web-storage.js

@@ -1,6 +1,3 @@
-import "core-js/modules/esnext.async-iterator.for-each.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.for-each.js";
 import localforage from 'localforage';
 const STORAGE = 'storage';
 const GET_SESSION_STORAGE = 'getSessionStorage';
@@ -30,7 +27,7 @@ export const persistentStorage = {
 };
 export const listenStorageEvents = () => {
   window.addEventListener(STORAGE, onStorageChange);
-  if (isSessionStorageEmpty()) localStorage.setItem(GET_SESSION_STORAGE, "".concat(Date.now()));
+  if (isSessionStorageEmpty()) localStorage.setItem(GET_SESSION_STORAGE, `${Date.now()}`);
 };
 export const removeStorageEvents = () => {
   window.removeEventListener(STORAGE, onStorageChange);

package/dist/es/utils/window.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.string.replace.js";
 import { getDefaultTheme } from '@elliemae/pui-theme';
 export const getWindow = () => {
   try {

package/dist/es/view/app-root/hosted-app.js

@@ -7,14 +7,11 @@ import { MediaBreakpoint } from "../media-breakpoint/index.js";
 import { WindowSize } from "../window-size/index.js";
 import { HTMLWaitMessage } from "../modals/wait-message/html-wait-message.js";
 import GlobalStyle from "./style.js";
-export const HostedApp = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/_jsx(HTMLWaitMessage, {
-    close: true
-  })), children);
-};
+export const HostedApp = ({
+  children
+}) => /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/_jsx(HTMLWaitMessage, {
+  close: true
+})), children);
 
 var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
   componentId: "sc-njn2ro-0"

package/dist/es/view/app-root/index.js

@@ -27,26 +27,23 @@ const AppToRender = props => {
   });
 };
 
-export const AppRoot = _ref => {
-  let {
-    store,
-    history,
-    theme = getDefaultTheme(),
-    manageSession = false,
-    WaitMessage,
-    errorTemplate,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx2(ErrorBoundary, {
-    errorTemplate: errorTemplate
-  }, void 0, /*#__PURE__*/_jsx2(Provider, {
-    store: store
-  }, void 0, /*#__PURE__*/_jsx2(Router, {
-    history: history
-  }, void 0, /*#__PURE__*/_jsx2(ThemeProvider, {
-    theme: theme
-  }, void 0, /*#__PURE__*/_jsx2(AppToRender, {
-    manageSession: manageSession,
-    WaitMessage: WaitMessage
-  }, void 0, children)))));
-};
+export const AppRoot = ({
+  store,
+  history,
+  theme = getDefaultTheme(),
+  manageSession = false,
+  WaitMessage,
+  errorTemplate,
+  children
+}) => /*#__PURE__*/_jsx2(ErrorBoundary, {
+  errorTemplate: errorTemplate
+}, void 0, /*#__PURE__*/_jsx2(Provider, {
+  store: store
+}, void 0, /*#__PURE__*/_jsx2(Router, {
+  history: history
+}, void 0, /*#__PURE__*/_jsx2(ThemeProvider, {
+  theme: theme
+}, void 0, /*#__PURE__*/_jsx2(AppToRender, {
+  manageSession: manageSession,
+  WaitMessage: WaitMessage
+}, void 0, children)))));

package/dist/es/view/app-root/stand-alone-app.js

@@ -11,14 +11,11 @@ import { LiveMessage } from "../live-message/index.js";
 import { ErrorToast } from "../error-toast/index.js";
 import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
 import GlobalStyle from "./style.js";
-export const StandAloneApp = _ref => {
-  let {
-    manageSession,
-    WaitMessage,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(LiveAnnouncer, {}, void 0, /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/_jsx(SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/_jsx(LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/_jsx(DefaultWaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), children));
-};
+export const StandAloneApp = ({
+  manageSession,
+  WaitMessage,
+  children
+}) => /*#__PURE__*/_jsx(LiveAnnouncer, {}, void 0, /*#__PURE__*/_jsx(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/_jsx(GlobalStyle, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/_jsx(SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/_jsx(MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/_jsx(WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/_jsx(LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/_jsx(DefaultWaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), children));
 
 var _StyledDiv = /*#__PURE__*/_styled("div").withConfig({
   componentId: "sc-1ho9g5n-0"

package/dist/es/view/app-root/style.js

@@ -1,11 +1,6 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
 import { createGlobalStyle } from 'styled-components';
-export default createGlobalStyle([":root{font-size:81.25%;", ";}html,body{height:100%;width:100%;line-height:", ";}body{font-family:", ";background-color:", ";}#app,#app-container,#root,main{height:100%;width:100%;min-height:100%;min-width:100%;}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.media.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 100%;\n    "])));
-}, props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);
+export default createGlobalStyle([":root{font-size:81.25%;", ";}html,body{height:100%;width:100%;line-height:", ";}body{font-family:", ";background-color:", ";}#app,#app-container,#root,main{height:100%;width:100%;min-height:100%;min-width:100%;}"], ({
+  theme
+}) => theme.media.small`
+      font-size: 100%;
+    `, props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);

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

@@ -2,7 +2,6 @@ import _jsx from "@babel/runtime/helpers/jsx";
 
 var _ErrorToast, _Renderer, _Renderer2;
 
-import "core-js/modules/web.dom-collections.iterator.js";
 import { useEffect, useState } from 'react';
 import { ToastType } from '@elliemae/ds-basic/Toast';
 import DSButton from '@elliemae/ds-basic/Button';
@@ -17,10 +16,9 @@ export default {
   Component: ErrorToast
 };
 
-const Renderer = _ref => {
-  let {
-    Comp
-  } = _ref;
+const Renderer = ({
+  Comp
+}) => {
   const [show, setShow] = useState(false);
   useEffect(() => {
     setShow(true);
@@ -44,20 +42,17 @@ export const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/_jsx(Rend
   Comp: Basic
 })); // Action wrappers for readability
 
-const showToast = _ref2 => {
-  let {
-    messageText = 'Toast Message',
-    type = ToastType.DEFAULT,
-    ...props
-  } = _ref2;
-  return error.set({
-    type,
-    messageText,
-    messageTitle: type,
-    containerId: 'app-toast',
-    ...props
-  });
-};
+const showToast = ({
+  messageText = 'Toast Message',
+  type = ToastType.DEFAULT,
+  ...props
+}) => error.set({
+  type,
+  messageText,
+  messageTitle: type,
+  containerId: 'app-toast',
+  ...props
+});
 
 const successToast = props => showToast({ ...props,
   type: ToastType.SUCCESS
@@ -75,17 +70,14 @@ const errorToast = props => showToast({ ...props,
   type: ToastType.ERROR
 });
 
-const ToastButton = _ref3 => {
-  let {
-    labelText,
-    onClick
-  } = _ref3;
-  return /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    labelText: labelText,
-    onClick: onClick
-  });
-};
+const ToastButton = ({
+  labelText,
+  onClick
+}) => /*#__PURE__*/_jsx(DSButton, {
+  buttonType: "text",
+  labelText: labelText,
+  onClick: onClick
+});
 
 const ToastMultipleTypes = () => {
   const dispatch = useAppDispatch();

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

@@ -5,9 +5,5 @@ export const setHostAppData = appData => {
     ...appData
   };
 };
-export const getHostAppDataByKey = function () {
-  let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return _get(hostAppData, key, defaultValue);
-};
+export const getHostAppDataByKey = (key = '', defaultValue = null) => _get(hostAppData, key, defaultValue);
 export const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

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

@@ -2,31 +2,25 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSCheckbox, { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CheckBox = _ref => {
-  let {
-    name,
-    defaultChecked = false,
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    render: _ref2 => {
-      let {
-        field: {
-          onChange,
-          value,
-          ...restProps
-        }
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSCheckbox, { ...rest,
-        ...restProps,
-        defaultChecked: defaultChecked,
-        checked: value,
-        onChange: e => onChange(((e || {}).target || {}).checked)
-      });
+export const CheckBox = ({
+  name,
+  defaultChecked = false,
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  render: ({
+    field: {
+      onChange,
+      value,
+      ...restProps
     }
-  });
-};
+  }) => /*#__PURE__*/_jsx(DSCheckbox, { ...rest,
+    ...restProps,
+    defaultChecked: defaultChecked,
+    checked: value,
+    onChange: e => onChange(((e || {}).target || {}).checked)
+  })
+});
 export { CHECKBOX_VARIANT };

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

@@ -6,32 +6,28 @@ import { ConnectForm } from "../connect-form.js";
 import { WatchValue } from "../watch-value.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const Template = _ref => {
-  let {
-    name,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref2;
-    const errField = get(errors, name);
-    const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const Template = ({
+  name,
+  ...rest
+}) => /*#__PURE__*/_jsx2(Form, {}, void 0, /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const errField = get(errors, name);
+  const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 
-    const ctrlVariant = hasError ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
-    return /*#__PURE__*/_jsx(CheckBox, {
-      name: name,
-      ...rest,
-      hasError: hasError,
-      variant: ctrlVariant
-    });
-  }), /*#__PURE__*/_jsx(WatchValue, {
+  const ctrlVariant = hasError ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
+  return /*#__PURE__*/_jsx(CheckBox, {
     name: name,
-    ...rest
-  }));
-};
+    ...rest,
+    hasError: hasError,
+    variant: ctrlVariant
+  });
+}), /*#__PURE__*/_jsx(WatchValue, {
+  name: name,
+  ...rest
+}));
 
 export default {
   title: 'Components/Form/Controls/CheckBox',

package/dist/es/view/fields/check-box/set-value.stories.js

@@ -26,27 +26,23 @@ const ToggleValue = () => {
   });
 };
 
-const Template = _ref => {
-  let {
-    name,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, _ref2 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref2;
-    const hasError = !!get(errors, name);
-    const ctrlVariant = get(errors, name) ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
-    return /*#__PURE__*/_jsx2(CheckBox, {
-      name: name,
-      ...rest,
-      hasError: hasError,
-      variant: ctrlVariant
-    });
-  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
-};
+const Template = ({
+  name,
+  ...rest
+}) => /*#__PURE__*/_jsx(Form, {}, void 0, /*#__PURE__*/_jsx(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const hasError = !!get(errors, name);
+  const ctrlVariant = get(errors, name) ? CHECKBOX_VARIANT.ERROR : CHECKBOX_VARIANT.DEFAULT;
+  return /*#__PURE__*/_jsx2(CheckBox, {
+    name: name,
+    ...rest,
+    hasError: hasError,
+    variant: ctrlVariant
+  });
+}), _ToggleValue || (_ToggleValue = /*#__PURE__*/_jsx(ToggleValue, {})));
 
 export default {
   title: 'Components/Form/Controls/CheckBox'

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

@@ -2,32 +2,26 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboBox = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    onChange: changeHandler,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    defaultValue: defaultValue,
-    render: _ref2 => {
-      let {
-        field: {
-          onChange,
-          ...props
-        }
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSComboBox, { ...rest,
-        ...props,
-        onChange: selected => {
-          onChange(selected);
-          if (changeHandler) changeHandler(selected);
-        }
-      });
+export const ComboBox = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  onChange: changeHandler,
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  defaultValue: defaultValue,
+  render: ({
+    field: {
+      onChange,
+      ...props
     }
-  });
-};
+  }) => /*#__PURE__*/_jsx(DSComboBox, { ...rest,
+    ...props,
+    onChange: selected => {
+      onChange(selected);
+      if (changeHandler) changeHandler(selected);
+    }
+  })
+});

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

@@ -1,8 +1,7 @@
 import { useFormContext } from 'react-hook-form';
-export const ConnectForm = _ref => {
-  let {
-    children
-  } = _ref;
+export const ConnectForm = ({
+  children
+}) => {
   const methods = useFormContext();
   return children({ ...methods
   });

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

@@ -2,24 +2,18 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSDateInput from '@elliemae/ds-basic/form/DateInput';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DateInput = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    defaultValue: defaultValue,
-    render: _ref2 => {
-      let {
-        field
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSDateInput, { ...rest,
-        ...field
-      });
-    }
-  });
-};
+export const DateInput = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  defaultValue: defaultValue,
+  render: ({
+    field
+  }) => /*#__PURE__*/_jsx(DSDateInput, { ...rest,
+    ...field
+  })
+});

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

@@ -2,24 +2,18 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSDatePicker from '@elliemae/ds-date-picker';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DatePicker = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    defaultValue: defaultValue,
-    rules: rules,
-    render: _ref2 => {
-      let {
-        field
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSDatePicker, { ...rest,
-        ...field
-      });
-    }
-  });
-};
+export const DatePicker = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  defaultValue: defaultValue,
+  rules: rules,
+  render: ({
+    field
+  }) => /*#__PURE__*/_jsx(DSDatePicker, { ...rest,
+    ...field
+  })
+});

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

@@ -3,25 +3,21 @@ import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
 import { get } from 'react-hook-form';
 import { ConnectForm } from "../connect-form.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const FormItemLayout = _ref => {
-  let {
-    name,
+export const FormItemLayout = ({
+  name,
+  ...rest
+}) => /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, ({
+  formState: {
+    errors
+  }
+}) => {
+  const errorField = get(errors, name);
+  const hasError = !!errorField;
+  const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
+  return /*#__PURE__*/_jsx(DSFormItemLayout, {
+    name: name,
+    hasError: hasError,
+    validationMessage: validationMessage,
     ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(ConnectForm, {}, void 0, _ref2 => {
-    let {
-      formState: {
-        errors
-      }
-    } = _ref2;
-    const errorField = get(errors, name);
-    const hasError = !!errorField;
-    const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
-    return /*#__PURE__*/_jsx(DSFormItemLayout, {
-      name: name,
-      hasError: hasError,
-      validationMessage: validationMessage,
-      ...rest
-    });
   });
-};
+});

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

@@ -2,26 +2,20 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const InputMask = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    mask,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    defaultValue: defaultValue,
-    render: _ref2 => {
-      let {
-        field
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSInputMask, { ...rest,
-        ...field
-      });
-    }
-  });
-};
+export const InputMask = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  mask,
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  defaultValue: defaultValue,
+  render: ({
+    field
+  }) => /*#__PURE__*/_jsx(DSInputMask, { ...rest,
+    ...field
+  })
+});
 export { MASK_TYPES, MASK_PIPES };

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

@@ -2,24 +2,18 @@ import _jsx2 from "@babel/runtime/helpers/jsx";
 import DSLargeInputText from '@elliemae/ds-basic/form/LargeInputText';
 import { Controller } from 'react-hook-form';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const LargeTextBox = _ref => {
-  let {
-    name,
-    defaultValue = '',
-    rules = {},
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx2(Controller, {
-    name: name,
-    rules: rules,
-    defaultValue: defaultValue,
-    render: _ref2 => {
-      let {
-        field
-      } = _ref2;
-      return /*#__PURE__*/_jsx(DSLargeInputText, { ...rest,
-        ...field
-      });
-    }
-  });
-};
+export const LargeTextBox = ({
+  name,
+  defaultValue = '',
+  rules = {},
+  ...rest
+}) => /*#__PURE__*/_jsx2(Controller, {
+  name: name,
+  rules: rules,
+  defaultValue: defaultValue,
+  render: ({
+    field
+  }) => /*#__PURE__*/_jsx(DSLargeInputText, { ...rest,
+    ...field
+  })
+});