@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

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

@@ -1,40 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Radio: () => Radio
 });
-exports.Radio = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _Radio = _interopRequireDefault(require("@elliemae/ds-basic/form/Radio"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toModule(require("react"));
+var import_Radio = __toModule(require("@elliemae/ds-form/Radio"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
 const Radio = ({
   name,
   defaultChecked = false,
   rules = {},
   ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, { ...rest,
+}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(import_Radio.default, {
+    ...rest,
     ...restProps,
     checked: value,
-    defaultChecked: defaultChecked,
-    onChange: e => onChange(((e || {}).target || {}).checked)
+    defaultChecked,
+    onChange: (e) => onChange(((e || {}).target || {}).checked)
   })
 });
-
-exports.Radio = Radio;

package/dist/cjs/view/fields/radio-group/index.js

@@ -1,36 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  RadioGroup: () => RadioGroup
 });
-exports.RadioGroup = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _RadioGroup = _interopRequireDefault(require("@elliemae/ds-basic/form/RadioGroup"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toModule(require("react"));
+var import_RadioGroup = __toModule(require("@elliemae/ds-form/RadioGroup"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
 const RadioGroup = ({
   name,
   rules = {},
   ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      value,
-      ...restProps
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.default, { ...rest,
+}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+  name,
+  rules,
+  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ React.createElement(import_RadioGroup.default, {
+    ...rest,
     ...restProps,
     activeValue: value
   })
 });
-
-exports.RadioGroup = RadioGroup;

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

@@ -1,34 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  TextBox: () => TextBox
 });
-exports.TextBox = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _TextBox = _interopRequireDefault(require("@elliemae/ds-basic/form/TextBox"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toModule(require("react"));
+var import_TextBox = __toModule(require("@elliemae/ds-form/TextBox"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
 const TextBox = ({
   name,
-  defaultValue = '',
+  defaultValue = "",
   rules = {},
   ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextBox.default, { ...rest,
+}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(import_TextBox.default, {
+    ...rest,
     ...field
   })
 });
-
-exports.TextBox = TextBox;

package/dist/cjs/view/fields/watch-value.js

@@ -1,37 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  WatchValue: () => WatchValue
 });
-exports.WatchValue = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _h;
-
-const WatchValue = ({
-  name,
-  labelText
-}) => {
-  const {
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const data = watch(name, false) || '';
-  return /*#__PURE__*/(0, _jsx2.default)(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/(0, _jsx2.default)("h4", {}, void 0, "Form Data:")), /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, /*#__PURE__*/(0, _jsx2.default)("div", {}, void 0, labelText, " : ", /*#__PURE__*/(0, _jsx2.default)("strong", {}, void 0, JSON.stringify(data)))));
+var React = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
+const Section = import_styled_components.default.section`
+  border-top: 2px blue dotted;
+  width: 100%;
+`;
+const Div = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 10px;
+  align-items: flex-start;
+`;
+const WatchValue = ({ name, labelText }) => {
+  const { watch } = (0, import_react_hook_form.useFormContext)();
+  const data = watch(name, false) || "";
+  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, labelText, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data)))));
 };
-
-exports.WatchValue = WatchValue;
-
-var _StyledSection = /*#__PURE__*/(0, _styledComponents.default)("section").withConfig({
-  componentId: "sc-1va6d9p-0"
-})(["border-top:2px blue dotted;width:100%;"]);
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-1va6d9p-1"
-})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);

package/dist/cjs/view/form/index.js

@@ -1,45 +1,53 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Form: () => Form
 });
-exports.Form = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
+const StyledForm = import_styled_components.default.form`
+  width: 100%;
+  height: 100%;
+`;
 const Form = ({
-  /* eslint-disable indent */
   classname,
-  reactHookFormProps = {
-    mode: 'onBlur'
-  },
+  reactHookFormProps = { mode: "onBlur" },
   children,
   onSubmit
 }) => {
-  const methods = (0, _reactHookForm.useForm)(reactHookFormProps);
+  const methods = (0, import_react_hook_form.useForm)(reactHookFormProps);
   const formProps = {};
-  if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
   const providerProps = Object.assign(methods, {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     formProps: reactHookFormProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.FormProvider, { ...providerProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledForm, {
-      className: classname,
-      ...formProps,
-      children: children
-    })
-  });
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.FormProvider, {
+    ...providerProps
+  }, /* @__PURE__ */ React.createElement(StyledForm, {
+    className: classname,
+    ...formProps
+  }, children));
 };
-
-exports.Form = Form;
-
-var _StyledForm = /*#__PURE__*/(0, _styledComponents.default)("form").withConfig({
-  componentId: "sc-1pyjvv3-0"
-})(["width:100%;height:100%;"]);

package/dist/cjs/view/form/personal-info-section.js

@@ -1,107 +1,84 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  DOB: () => DOB,
+  FirstName: () => FirstName,
+  MaritalStatus: () => MaritalStatus,
+  State: () => State
 });
-exports.State = exports.MaritalStatus = exports.FirstName = exports.DOB = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _index = require("../fields/text-box/index.js");
-
-var _index2 = require("../fields/combo-box/index.js");
-
-var _index3 = require("../fields/date-input/index.js");
-
-var _index4 = require("../fields/form-item-layout/index.js");
-
-const FirstName = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+var React = __toModule(require("react"));
+var import_moment = __toModule(require("moment"));
+var import_text_box = __toModule(require("../fields/text-box/index.js"));
+var import_combo_box = __toModule(require("../fields/combo-box/index.js"));
+var import_date_input = __toModule(require("../fields/date-input/index.js"));
+var import_form_item_layout = __toModule(require("../fields/form-item-layout/index.js"));
+const FirstName = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index.TextBox,
+  inputComponent: import_text_box.TextBox,
   labelText: "First Name",
   name: "firstname",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'First Name is required'
-    },
-    minLength: {
-      value: 2,
-      message: 'Minimum 2 characters'
-    },
-    maxLength: {
-      value: 50,
-      message: 'Maximum 50 characters'
-    }
+    required: { value: true, message: "First Name is required" },
+    minLength: { value: 2, message: "Minimum 2 characters" },
+    maxLength: { value: 50, message: "Maximum 50 characters" }
   }
 });
-
-exports.FirstName = FirstName;
-
-const DOB = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const DOB = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index3.DateInput,
+  inputComponent: import_date_input.DateInput,
   labelText: "Date of Birth",
   name: "dob",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => (0, _moment.default)() > value || 'Date of Birth can not be greater than current date'
+    required: { value: true, message: "Date of Birth is required" },
+    validate: (value) => (0, import_moment.default)() > value || "Date of Birth can not be greater than current date"
   }
 });
-
-exports.DOB = DOB;
-
-const State = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const State = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index2.ComboBox,
+  inputComponent: import_combo_box.ComboBox,
   labelText: "State",
   name: "state",
   required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'State is required'
-    }
-  },
-  options: [{
-    value: 'ca',
-    label: 'California'
-  }, {
-    value: 'nj',
-    label: 'New Jersey'
-  }]
+  rules: { required: { value: true, message: "State is required" } },
+  options: [
+    { value: "ca", label: "California" },
+    { value: "nj", label: "New Jersey" }
+  ]
 });
-
-exports.State = State;
-
-const MaritalStatus = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index2.ComboBox,
+  inputComponent: import_combo_box.ComboBox,
   labelText: "Marital Status",
   name: "marital_status",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Marital Status is required'
-    }
+    required: { value: true, message: "Marital Status is required" }
   },
-  options: [{
-    value: 'married',
-    label: 'Married'
-  }, {
-    value: 'single',
-    label: 'Single'
-  }]
+  options: [
+    { value: "married", label: "Married" },
+    { value: "single", label: "Single" }
+  ]
 });
-
-exports.MaritalStatus = MaritalStatus;

package/dist/cjs/view/form/submit-button/index.js

@@ -1,30 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  FormSubmitButton: () => FormSubmitButton
 });
-exports.FormSubmitButton = void 0;
-
-var _reactHookForm = require("react-hook-form");
-
-var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const FormSubmitButton = ({ ...rest
+var React = __toModule(require("react"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
+var import_ds_button = __toModule(require("@elliemae/ds-button"));
+const FormSubmitButton = ({
+  ...rest
 }) => {
   const {
     formState,
-    formProps: {
-      mode
-    }
-  } = (0, _reactHookForm.useFormContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, { ...rest,
+    formProps: { mode }
+  } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ React.createElement(import_ds_button.default, {
+    ...rest,
     type: "submit",
-    disabled: mode !== 'onSubmit' && (!formState.isDirty || formState.isDirty && !formState.isValid)
+    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
   });
 };
-
-exports.FormSubmitButton = FormSubmitButton;