@elliemae/pui-app-sdk 2.8.3 → 2.11.0

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

@@ -21,11 +21,14 @@ var _style = _interopRequireDefault(require("./style.js"));
 
 var _GlobalStyle, _MediaBreakpoint, _WindowSize, _HTMLWaitMessage;
 
-const HostedApp = ({
-  children
-}) => /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/(0, _jsx2.default)(_style.default, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/(0, _jsx2.default)(_index2.WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/(0, _jsx2.default)(_htmlWaitMessage.HTMLWaitMessage, {
-  close: true
-})), children);
+const HostedApp = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/(0, _jsx2.default)(_style.default, {})), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/(0, _jsx2.default)(_index2.WindowSize, {})), _HTMLWaitMessage || (_HTMLWaitMessage = /*#__PURE__*/(0, _jsx2.default)(_htmlWaitMessage.HTMLWaitMessage, {
+    close: true
+  })), children);
+};
 
 exports.HostedApp = HostedApp;
 

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

@@ -48,25 +48,28 @@ const AppToRender = props => {
   });
 };
 
-const AppRoot = ({
-  store,
-  history,
-  theme = (0, _puiTheme.getDefaultTheme)(),
-  manageSession = false,
-  WaitMessage,
-  errorTemplate,
-  children
-}) => /*#__PURE__*/(0, _jsx3.default)(_index4.ErrorBoundary, {
-  errorTemplate: errorTemplate
-}, void 0, /*#__PURE__*/(0, _jsx3.default)(_reactRedux.Provider, {
-  store: store
-}, void 0, /*#__PURE__*/(0, _jsx3.default)(_reactRouterDom.Router, {
-  history: history
-}, void 0, /*#__PURE__*/(0, _jsx3.default)(_styledComponents.ThemeProvider, {
-  theme: theme
-}, void 0, /*#__PURE__*/(0, _jsx3.default)(AppToRender, {
-  manageSession: manageSession,
-  WaitMessage: WaitMessage
-}, void 0, children)))));
+const AppRoot = _ref => {
+  let {
+    store,
+    history,
+    theme = (0, _puiTheme.getDefaultTheme)(),
+    manageSession = false,
+    WaitMessage,
+    errorTemplate,
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_index4.ErrorBoundary, {
+    errorTemplate: errorTemplate
+  }, void 0, /*#__PURE__*/(0, _jsx3.default)(_reactRedux.Provider, {
+    store: store
+  }, void 0, /*#__PURE__*/(0, _jsx3.default)(_reactRouterDom.Router, {
+    history: history
+  }, void 0, /*#__PURE__*/(0, _jsx3.default)(_styledComponents.ThemeProvider, {
+    theme: theme
+  }, void 0, /*#__PURE__*/(0, _jsx3.default)(AppToRender, {
+    manageSession: manageSession,
+    WaitMessage: WaitMessage
+  }, void 0, children)))));
+};
 
 exports.AppRoot = AppRoot;

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

@@ -29,11 +29,14 @@ var _style = _interopRequireDefault(require("./style.js"));
 
 var _GlobalStyle, _SessionTimeout, _MediaBreakpoint, _WindowSize, _LiveMessage, _DefaultWaitMessage, _ErrorToast;
 
-const StandAloneApp = ({
-  manageSession,
-  WaitMessage,
-  children
-}) => /*#__PURE__*/(0, _jsx2.default)(_reactAriaLive.LiveAnnouncer, {}, void 0, /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/(0, _jsx2.default)(_style.default, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/(0, _jsx2.default)(_index3.SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/(0, _jsx2.default)(_index2.WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/(0, _jsx2.default)(_index4.LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/(0, _jsx2.default)(_index6.WaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/(0, _jsx2.default)(_index5.ErrorToast, {})), children));
+const StandAloneApp = _ref => {
+  let {
+    manageSession,
+    WaitMessage,
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx2.default)(_reactAriaLive.LiveAnnouncer, {}, void 0, /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, _GlobalStyle || (_GlobalStyle = /*#__PURE__*/(0, _jsx2.default)(_style.default, {})), manageSession && (_SessionTimeout || (_SessionTimeout = /*#__PURE__*/(0, _jsx2.default)(_index3.SessionTimeout, {}))), _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {})), _WindowSize || (_WindowSize = /*#__PURE__*/(0, _jsx2.default)(_index2.WindowSize, {})), _LiveMessage || (_LiveMessage = /*#__PURE__*/(0, _jsx2.default)(_index4.LiveMessage, {})), WaitMessage || _DefaultWaitMessage || (_DefaultWaitMessage = /*#__PURE__*/(0, _jsx2.default)(_index6.WaitMessage, {})), _ErrorToast || (_ErrorToast = /*#__PURE__*/(0, _jsx2.default)(_index5.ErrorToast, {})), children));
+};
 
 exports.StandAloneApp = StandAloneApp;
 

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

@@ -13,8 +13,11 @@ var _styledComponents = require("styled-components");
 
 var _templateObject;
 
-var _default = (0, _styledComponents.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(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      font-size: 100%;\n    "]))), props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);
+var _default = (0, _styledComponents.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 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: 100%;\n    "])));
+}, props => props.theme.lineHeights.m, props => props.theme.fonts.default, props => props.theme.colors.neutral['000']);
 
 exports.default = _default;

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

@@ -33,9 +33,10 @@ var _default = {
 };
 exports.default = _default;
 
-const Renderer = ({
-  Comp
-}) => {
+const Renderer = _ref => {
+  let {
+    Comp
+  } = _ref;
   const [show, setShow] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setShow(true);
@@ -62,17 +63,20 @@ const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/(0, _jsx3.defaul
 
 exports.BasicError = BasicError;
 
-const showToast = ({
-  messageText = 'Toast Message',
-  type = _Toast.ToastType.DEFAULT,
-  ...props
-}) => _index.error.set({
-  type,
-  messageText,
-  messageTitle: type,
-  containerId: 'app-toast',
-  ...props
-});
+const showToast = _ref2 => {
+  let {
+    messageText = 'Toast Message',
+    type = _Toast.ToastType.DEFAULT,
+    ...props
+  } = _ref2;
+  return _index.error.set({
+    type,
+    messageText,
+    messageTitle: type,
+    containerId: 'app-toast',
+    ...props
+  });
+};
 
 const successToast = props => showToast({ ...props,
   type: _Toast.ToastType.SUCCESS
@@ -90,14 +94,17 @@ const errorToast = props => showToast({ ...props,
   type: _Toast.ToastType.ERROR
 });
 
-const ToastButton = ({
-  labelText,
-  onClick
-}) => /*#__PURE__*/(0, _jsx3.default)(_Button.default, {
-  buttonType: "text",
-  labelText: labelText,
-  onClick: onClick
-});
+const ToastButton = _ref3 => {
+  let {
+    labelText,
+    onClick
+  } = _ref3;
+  return /*#__PURE__*/(0, _jsx3.default)(_Button.default, {
+    buttonType: "text",
+    labelText: labelText,
+    onClick: onClick
+  });
+};
 
 const ToastMultipleTypes = () => {
   const dispatch = (0, _reactRedux.useAppDispatch)();

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fetchHostAppData = void 0;
 
-var _lodash = _interopRequireDefault(require("lodash"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
 
 var _store = require("./store.js");
 
@@ -18,7 +18,7 @@ var _index2 = require("../host-binding-events/index.js");
 const fetchHostAppData = (hostedAppUrl, guestAppId) => {
   const isDataExist = (0, _store.isHostAppDataExist)();
   return new Promise(resolve => {
-    if (!_lodash.default.isEmpty(isDataExist)) {
+    if (!(0, _isEmpty2.default)(isDataExist)) {
       resolve();
     } else {
       (0, _index.sendMessageToHost)({

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

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setHostAppData = exports.isHostAppDataExist = exports.getHostAppDataByKey = void 0;
 
-var _lodash = require("lodash");
+var _get2 = _interopRequireDefault(require("lodash/get"));
 
 let hostAppData = {};
 
@@ -17,7 +19,11 @@ const setHostAppData = appData => {
 
 exports.setHostAppData = setHostAppData;
 
-const getHostAppDataByKey = (key = '', defaultValue = null) => (0, _lodash.get)(hostAppData, key, defaultValue);
+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 (0, _get2.default)(hostAppData, key, defaultValue);
+};
 
 exports.getHostAppDataByKey = getHostAppDataByKey;
 

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

@@ -2,6 +2,8 @@
 
 require("core-js/modules/esnext.weak-map.delete-all.js");
 
+require("core-js/modules/esnext.weak-map.emplace.js");
+
 require("core-js/modules/web.dom-collections.iterator.js");
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -29,26 +31,32 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const CheckBox = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
+const CheckBox = _ref => {
+  let {
+    name,
+    defaultChecked = false,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, { ...rest,
+        ...restProps,
+        defaultChecked: defaultChecked,
+        checked: value,
+        onChange: e => onChange(((e || {}).target || {}).checked)
+      });
     }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, { ...rest,
-    ...restProps,
-    defaultChecked: defaultChecked,
-    checked: value,
-    onChange: e => onChange(((e || {}).target || {}).checked)
-  })
-});
+  });
+};
 
 exports.CheckBox = CheckBox;

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

@@ -21,28 +21,32 @@ var _watchValue = require("../watch-value.js");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = (0, _reactHookForm.get)(errors, name);
-  const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const errField = (0, _reactHookForm.get)(errors, name);
+    const hasError = !!errField; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 
-  const ctrlVariant = hasError ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
+    const ctrlVariant = hasError ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
+      name: name,
+      ...rest,
+      hasError: hasError,
+      variant: ctrlVariant
+    });
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
     name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: name,
-  ...rest
-}));
+    ...rest
+  }));
+};
 
 var _default = {
   title: 'Components/Form/Controls/CheckBox',

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

@@ -42,23 +42,27 @@ const ToggleValue = () => {
   });
 };
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  const ctrlVariant = (0, _reactHookForm.get)(errors, name) ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
-    name: name,
-    ...rest,
-    hasError: hasError,
-    variant: ctrlVariant
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!(0, _reactHookForm.get)(errors, name);
+    const ctrlVariant = (0, _reactHookForm.get)(errors, name) ? _index2.CHECKBOX_VARIANT.ERROR : _index2.CHECKBOX_VARIANT.DEFAULT;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.CheckBox, {
+      name: name,
+      ...rest,
+      hasError: hasError,
+      variant: ctrlVariant
+    });
+  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
+};
 
 var _default = {
   title: 'Components/Form/Controls/CheckBox'

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

@@ -15,28 +15,34 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const ComboBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  onChange: changeHandler,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field: {
-      onChange,
-      ...props
+const ComboBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    onChange: changeHandler,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          ...props
+        }
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboBox.default, { ...rest,
+        ...props,
+        onChange: selected => {
+          onChange(selected);
+          if (changeHandler) changeHandler(selected);
+        }
+      });
     }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboBox.default, { ...rest,
-    ...props,
-    onChange: selected => {
-      onChange(selected);
-      if (changeHandler) changeHandler(selected);
-    }
-  })
-});
+  });
+};
 
 exports.ComboBox = ComboBox;

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

@@ -7,9 +7,10 @@ exports.ConnectForm = void 0;
 
 var _reactHookForm = require("react-hook-form");
 
-const ConnectForm = ({
-  children
-}) => {
+const ConnectForm = _ref => {
+  let {
+    children
+  } = _ref;
   const methods = (0, _reactHookForm.useFormContext)();
   return children({ ...methods
   });

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

@@ -15,20 +15,26 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const DateInput = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateInput.default, { ...rest,
-    ...field
-  })
-});
+const DateInput = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateInput.default, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 
 exports.DateInput = DateInput;

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

@@ -42,7 +42,7 @@ Basic.args = {
   labelText: 'Date of Birth',
   name: 'dob',
   required: true,
-  defaultValue: (0, _moment.default)('1980-01-01'),
+  defaultValue: (0, _moment.default)('1980-01-01').toString(),
   rules: {
     required: {
       value: true,

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

@@ -15,20 +15,26 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const DatePicker = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsDatePicker.default, { ...rest,
-    ...field
-  })
-});
+const DatePicker = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    defaultValue: defaultValue,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsDatePicker.default, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 
 exports.DatePicker = DatePicker;

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

@@ -42,7 +42,7 @@ Basic.args = {
   labelText: 'Date of Birth',
   name: 'dob',
   required: true,
-  defaultValue: (0, _moment.default)('1980-01-01'),
+  defaultValue: (0, _moment.default)('1980-01-01').toString(),
   rules: {
     required: {
       value: true,

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

@@ -17,23 +17,27 @@ var _connectForm = require("../connect-form.js");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const FormItemLayout = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errorField = (0, _reactHookForm.get)(errors, name);
-  const hasError = !!errorField;
-  const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormItem.default, {
-    name: name,
-    hasError: hasError,
-    validationMessage: validationMessage,
+const FormItemLayout = _ref => {
+  let {
+    name,
     ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const errorField = (0, _reactHookForm.get)(errors, name);
+    const hasError = !!errorField;
+    const validationMessage = errorField === null || errorField === void 0 ? void 0 : errorField.message;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormItem.default, {
+      name: name,
+      hasError: hasError,
+      validationMessage: validationMessage,
+      ...rest
+    });
   });
-});
+};
 
 exports.FormItemLayout = FormItemLayout;