@elliemae/pui-app-sdk 4.5.1 → 4.7.0

package/dist/cjs/utils/storybook/cjs/vite.js

@@ -2,6 +2,7 @@
 module.exports = {
   stories: ["../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
   core: {
-    builder: "storybook-builder-vite"
+    builder: "storybook-builder-vite",
+    disableTelemetry: true
   }
 };

package/dist/cjs/utils/storybook/cjs/webpack.js

@@ -14,6 +14,7 @@ module.exports = {
   managerWebpack,
   webpackFinal,
   core: {
-    builder: "webpack5"
+    builder: "webpack5",
+    disableTelemetry: true
   }
 };

package/dist/cjs/utils/testing/index.js

@@ -35,10 +35,5 @@ const AllTheProviders = ({
   store = defaultStore,
   theme = defaultTheme,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, {
-  store,
-  history: import_history.browserHistory,
-  theme,
-  children
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, { store, history: import_history.browserHistory, theme, children });
 const customRender = (ui, options) => (0, import_react.render)(ui, { wrapper: AllTheProviders, ...options });

package/dist/cjs/utils/testing/render-with-redux.js

@@ -30,9 +30,6 @@ const renderWithRedux = (ui, {
   initialState,
   store = (0, import_store.createAppStore)(initialState, import_history.browserHistory)
 } = {}) => ({
-  ...(0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, {
-    store,
-    children: ui
-  })),
+  ...(0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: ui })),
   store
 });

package/dist/cjs/utils/testing/render-with-router-redux.js

@@ -35,13 +35,7 @@ const renderWithRouterRedux = (ui, {
   store = (0, import_store.createAppStore)(initialState, import_history2.browserHistory)
 } = {}) => ({
   ...(0, import_react.render)(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, {
-      store,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, {
-        history,
-        children: ui
-      })
-    })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, children: ui }) })
   ),
   store
 });

package/dist/cjs/utils/testing/render-with-router.js

@@ -29,10 +29,7 @@ const renderWithRouter = (ui, {
   route = "/",
   history = (0, import_history.createMemoryHistory)({ initialEntries: [route] })
 } = {}) => {
-  const renderResult = (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, {
-    history,
-    children: ui
-  }));
+  const renderResult = (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, children: ui }));
   return {
     ...renderResult,
     history

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

@@ -47,10 +47,5 @@ const RenderWithStateAddOns = ({
   (0, import_react.useEffect)(() => {
     setReady(true);
   }, []);
-  return ready ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, {
-    theme,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ...rest
-    })
-  }) : null;
+  return ready ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...rest }) }) : null;
 };

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

@@ -42,12 +42,10 @@ const HostedApp = ({ WaitMessage, children }) => {
   (0, import_use_breakpoint.useBreakpoint)();
   (0, import_use_html_wait_message.useHTMLWaitMessage)(true);
   (0, import_use_window_size_change.useWindowSizeChange)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Div, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
-      WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
-      children
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Div, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
+    WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
+    children
+  ] });
 };

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

@@ -33,11 +33,7 @@ var import_stand_alone_app = require("./stand-alone-app.js");
 var import_hosted_app = require("./hosted-app.js");
 const AppToRender = (props) => {
   const isParent = (0, import_micro_frontend.isStandAloneGuest)() || (0, import_micro_frontend.isHost)();
-  return isParent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stand_alone_app.StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hosted_app.HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stand_alone_app.StandAloneApp, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hosted_app.HostedApp, { ...props });
 };
 const AppRoot = ({
   store,
@@ -48,23 +44,11 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.StrictMode, {
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, {
-    errorTemplate,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, {
-      store,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, {
-        history,
-        basename,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, {
-          theme,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppToRender, {
-            manageSession,
-            WaitMessage,
-            children
-          })
-        })
-      })
-    })
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { errorTemplate, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, basename, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AppToRender,
+  {
+    manageSession,
+    WaitMessage,
+    children
+  }
+) }) }) }) }) });

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

@@ -47,16 +47,12 @@ const StandAloneApp = ({
 }) => {
   (0, import_use_breakpoint.useBreakpoint)();
   (0, import_use_window_size_change.useWindowSizeChange)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveAnnouncer, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Div, {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
-        manageSession && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_session_timeout.SessionTimeout, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_live_message.LiveMessage, {}),
-        WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
-        children
-      ]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveAnnouncer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Div, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.default, {}),
+    manageSession && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_session_timeout.SessionTimeout, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_live_message.LiveMessage, {}),
+    WaitMessage || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message.WaitMessage, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_toast.ErrorToast, {}),
+    children
+  ] }) });
 };

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

@@ -44,11 +44,14 @@ const AppRouter = ({ history, basename, ...props }) => {
       unlisten();
     };
   }, [history]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Router, {
-    ...props,
-    basename,
-    location: state.location,
-    navigationType: state.action,
-    navigator: history
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_router_dom.Router,
+    {
+      ...props,
+      basename,
+      location: state.location,
+      navigationType: state.action,
+      navigator: history
+    }
+  );
 };

package/dist/cjs/view/error-boundary/default-error-template.js

@@ -25,13 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 const DefaultErrorTemplate = ({
   error = new Error("We are unable to process your request"),
   errorInfo = { componentStack: "Please close your browser and login again" }
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-      children: error?.message
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
-      children: errorInfo?.componentStack
-    })
-  ]
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: error?.message }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { children: errorInfo?.componentStack })
+] });

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

@@ -53,9 +53,6 @@ class ErrorBoundary extends import_react.default.Component {
     const { children, errorTemplate } = this.props;
     const ErrorTemplate = errorTemplate || import_default_error_template.DefaultErrorTemplate;
     const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorTemplate, {
-      error,
-      errorInfo
-    }) : children;
+    return errorInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorTemplate, { error, errorInfo }) : children;
   }
 }

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

@@ -44,7 +44,5 @@ const ErrorToast = (0, import_react.memo)((props) => {
       dispatch(import_error.actions.clear());
     }
   }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toast.DSToast, {
-    ...props
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toast.DSToast, { ...props });
 });

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

@@ -34,14 +34,20 @@ const Autocomplete = ({
   name,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSAutocomplete, {
-    ...props,
-    filter: value ?? "",
-    onSelect: onChange,
-    ...rest,
-    options: filterOptions(rest.options, value),
-    children
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_controlled_form.DSAutocomplete,
+      {
+        ...props,
+        filter: value ?? "",
+        onSelect: onChange,
+        ...rest,
+        options: filterOptions(rest.options, value),
+        children
+      }
+    )
+  }
+);

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

@@ -24,12 +24,18 @@ module.exports = __toCommonJS(check_box_exports);
 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__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  rules,
-  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledCheckbox, {
-    ...rest,
-    ...restProps,
-    checked: value
-  })
-});
+const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    rules,
+    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

@@ -29,16 +29,22 @@ const ComboBox = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
-    ...rest,
-    ...props,
-    onChange: (selected) => {
-      const { value = selected } = selected || {};
-      onChange(value);
-    }
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_form.DSComboBox,
+      {
+        ...rest,
+        ...props,
+        onChange: (selected) => {
+          const { value = selected } = selected || {};
+          onChange(value);
+        }
+      }
+    )
+  }
+);

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

@@ -29,14 +29,20 @@ const ComboBoxV3 = ({
   defaultValue = null,
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSComboBox, {
-    ...props,
-    selectedValues: value,
-    onChange,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_controlled_form.DSComboBox,
+      {
+        ...props,
+        selectedValues: value,
+        onChange,
+        ...rest
+      }
+    )
+  }
+);

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

@@ -29,12 +29,12 @@ const DateInput = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInput, {
-    ...rest,
-    ...field
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInput, { ...rest, ...field })
+  }
+);

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

@@ -35,12 +35,12 @@ const DatePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.default, {
-    ...rest,
-    ...field
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    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

@@ -38,26 +38,29 @@ const WrappedDateRangePicker = ({
   (0, import_react.useEffect)(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
-    ...restProps,
-    fromDate: fromDateString,
-    onFromDateChange: setFromDateString,
-    toDate: toDateString,
-    onToDateChange: setToDateString,
-    ...rest
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_controlled_form.DSControlledDateRangePicker,
+    {
+      ...restProps,
+      fromDate: fromDateString,
+      onFromDateChange: setFromDateString,
+      toDate: toDateString,
+      onToDateChange: setToDateString,
+      ...rest
+    }
+  );
 };
 const DateRangePicker = ({
   name,
   defaultValue = ["", ""],
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedDateRangePicker, {
-    field,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedDateRangePicker, { field, ...rest })
+  }
+);

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

@@ -29,14 +29,20 @@ const DateTimePicker = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, {
-    ...restProps,
-    dateTime: value,
-    onDateTimeChange: onChange,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_controlled_form.DSControlledDateTimePicker,
+      {
+        ...restProps,
+        dateTime: value,
+        onDateTimeChange: onChange,
+        ...rest
+      }
+    )
+  }
+);

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

@@ -25,18 +25,19 @@ 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__ */ (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, {
+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

@@ -29,19 +29,20 @@ const FormLayoutBlockItem = ({
   inputID,
   label,
   ...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, {
+}) => /* @__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

@@ -33,22 +33,28 @@ const InputMask = ({
   onChange: changeHandler,
   onBlur: onBlurHandler,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  rules,
-  defaultValue,
-  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputMask.DSInputMask, {
-    ...rest,
-    ...props,
-    onChange: (e) => {
-      onChange(e);
-      if (changeHandler)
-        changeHandler(e);
-    },
-    onBlur: (e) => {
-      onBlur();
-      if (onBlurHandler)
-        onBlurHandler(e);
-    }
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    rules,
+    defaultValue,
+    render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_InputMask.DSInputMask,
+      {
+        ...rest,
+        ...props,
+        onChange: (e) => {
+          onChange(e);
+          if (changeHandler)
+            changeHandler(e);
+        },
+        onBlur: (e) => {
+          onBlur();
+          if (onBlurHandler)
+            onBlurHandler(e);
+        }
+      }
+    )
+  }
+);

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

@@ -29,12 +29,12 @@ const InputText = ({
   defaultValue = "",
   rules = {},
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, {
-    ...field,
-    ...rest
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_hook_form.Controller,
+  {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, { ...field, ...rest })
+  }
+);