@elliemae/pui-app-sdk 3.0.0-beta.6 → 3.0.0

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

@@ -1,45 +1,87 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var radio_exports = {};
+__export(radio_exports, {
   Radio: () => Radio
 });
-var React = __toModule(require("react"));
-var import_Radio = __toModule(require("@elliemae/ds-basic/form/Radio"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
-const Radio = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...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,
-    onChange: (e) => onChange(((e || {}).target || {}).checked)
-  })
-});
+var React = __toESM(require("react"));
+var import_Radio = __toESM(require("@elliemae/ds-form/Radio"));
+var import_react_hook_form = require("react-hook-form");
+const Radio = (_a) => {
+  var _b = _a, {
+    name,
+    defaultChecked = false,
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultChecked",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { onChange, value } = _c, restProps = __objRest(_c, ["onChange", "value"]);
+      return /* @__PURE__ */ React.createElement(import_Radio.default, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        defaultChecked,
+        onChange: (e) => onChange(((e || {}).target || {}).checked)
+      }));
+    }
+  });
+};
+module.exports = __toCommonJS(radio_exports);

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

@@ -1,42 +1,77 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var radio_group_exports = {};
+__export(radio_group_exports, {
   RadioGroup: () => RadioGroup
 });
-var React = __toModule(require("react"));
-var import_RadioGroup = __toModule(require("@elliemae/ds-basic/form/RadioGroup"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
-const RadioGroup = ({
-  name,
-  rules = {},
-  ...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
-  })
-});
+var React = __toESM(require("react"));
+var import_RadioGroup = __toESM(require("@elliemae/ds-form/RadioGroup"));
+var import_react_hook_form = require("react-hook-form");
+const RadioGroup = (_a) => {
+  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value } = _c, restProps = __objRest(_c, ["value"]);
+      return /* @__PURE__ */ React.createElement(import_RadioGroup.default, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        activeValue: value
+      }));
+    }
+  });
+};
+module.exports = __toCommonJS(radio_group_exports);

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

@@ -2,42 +2,77 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var text_box_exports = {};
+__export(text_box_exports, {
   TextBox: () => TextBox
 });
-var React = __toModule(require("react"));
-var import_TextBox = __toModule(require("@elliemae/ds-basic/form/TextBox"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
-const TextBox = ({
-  name,
-  defaultValue = "",
-  rules = {},
-  ...rest
-}) => /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
-  name,
-  defaultValue,
-  rules,
-  render: ({ field }) => /* @__PURE__ */ React.createElement(import_TextBox.default, {
-    ...rest,
-    ...field
-  })
-});
+var React = __toESM(require("react"));
+var import_TextBox = __toESM(require("@elliemae/ds-form/TextBox"));
+var import_react_hook_form = require("react-hook-form");
+const TextBox = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(import_TextBox.default, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+module.exports = __toCommonJS(text_box_exports);

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

@@ -6,28 +6,35 @@ 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) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var watch_value_exports = {};
+__export(watch_value_exports, {
   WatchValue: () => WatchValue
 });
-var React = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_react_hook_form = require("react-hook-form");
 const Section = import_styled_components.default.section`
+  margin-top: 10px;
   border-top: 2px blue dotted;
   width: 100%;
 `;
@@ -37,8 +44,9 @@ const Div = import_styled_components.default.div`
   padding-left: 10px;
   align-items: flex-start;
 `;
-const WatchValue = ({ name, labelText }) => {
+const WatchValue = ({ name, label }) => {
   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)))));
+  return /* @__PURE__ */ React.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, label, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data))))));
 };
+module.exports = __toCommonJS(watch_value_exports);

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

@@ -2,31 +2,50 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __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) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var form_exports = {};
+__export(form_exports, {
   Form: () => Form
 });
-var React = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_hook_form = require("react-hook-form");
 const StyledForm = import_styled_components.default.form`
   width: 100%;
   height: 100%;
@@ -44,10 +63,8 @@ const Form = ({
   const providerProps = Object.assign(methods, {
     formProps: reactHookFormProps
   });
-  return /* @__PURE__ */ React.createElement(import_react_hook_form.FormProvider, {
-    ...providerProps
-  }, /* @__PURE__ */ React.createElement(StyledForm, {
-    className: classname,
-    ...formProps
-  }, children));
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
+    className: classname
+  }, formProps), children));
 };
+module.exports = __toCommonJS(form_exports);

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

@@ -6,74 +6,83 @@ 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) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || 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);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var personal_info_section_exports = {};
+__export(personal_info_section_exports, {
   DOB: () => DOB,
   FirstName: () => FirstName,
   MaritalStatus: () => MaritalStatus,
   State: () => State
 });
-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: import_text_box.TextBox,
-  labelText: "First Name",
+var React = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_text_box = require("../fields/text-box/index.js");
+var import_combo_box = require("../fields/combo-box/index.js");
+var import_date_input = require("../fields/date-input/index.js");
+var import_form_layout_block_item = require("../fields/form-layout-block-item/index.js");
+const FirstName = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  label: "First Name",
+  inputID: "firstname",
+  required: true
+}, /* @__PURE__ */ React.createElement(import_text_box.TextBox, {
+  id: "firstname",
   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" }
   }
-});
-const DOB = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: import_date_input.DateInput,
-  labelText: "Date of Birth",
+}));
+const DOB = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  label: "Date of Birth",
+  inputID: "dob",
+  required: true
+}, /* @__PURE__ */ React.createElement(import_date_input.DateInput, {
+  id: "dob",
   name: "dob",
-  required: true,
   rules: {
     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"
   }
-});
-const State = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: import_combo_box.ComboBox,
-  labelText: "State",
+}));
+const State = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  label: "State",
+  inputID: "state",
+  required: true
+}, /* @__PURE__ */ React.createElement(import_combo_box.ComboBox, {
+  id: "state",
   name: "state",
-  required: true,
   rules: { required: { value: true, message: "State is required" } },
   options: [
     { value: "ca", label: "California" },
     { value: "nj", label: "New Jersey" }
   ]
-});
-const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: import_combo_box.ComboBox,
-  labelText: "Marital Status",
+}));
+const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_layout_block_item.FormLayoutBlockItem, {
+  label: "Marital Status",
+  inputID: "marital_status",
+  required: true
+}, /* @__PURE__ */ React.createElement(import_combo_box.ComboBox, {
+  id: "marital_status",
   name: "marital_status",
-  required: true,
   rules: {
     required: { value: true, message: "Marital Status is required" }
   },
@@ -81,4 +90,5 @@ const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_item
     { value: "married", label: "Married" },
     { value: "single", label: "Single" }
   ]
-});
+}));
+module.exports = __toCommonJS(personal_info_section_exports);