@elliemae/pui-app-sdk 4.0.0-beta.4 → 4.0.0

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

@@ -1,35 +1,8 @@
-var __create = Object.create;
+"use strict";
 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 __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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -42,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var input_mask_exports = {};
 __export(input_mask_exports, {
@@ -51,23 +23,32 @@ __export(input_mask_exports, {
   MASK_TYPES: () => import_InputMask.MASK_TYPES
 });
 module.exports = __toCommonJS(input_mask_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_InputMask = require("@elliemae/ds-form/InputMask");
 var import_react_hook_form = require("react-hook-form");
-const InputMask = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(import_InputMask.DSInputMask, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const InputMask = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  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);
+    }
+  })
+});

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

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_text_exports = {};
+__export(input_text_exports, {
+  InputText: () => InputText
+});
+module.exports = __toCommonJS(input_text_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 InputText = ({
+  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)(import_ds_controlled_form.DSInputText, {
+    ...rest,
+    ...field
+  })
+});

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

@@ -1,35 +1,8 @@
-var __create = Object.create;
+"use strict";
 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 __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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -42,30 +15,26 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var large_text_box_exports = {};
 __export(large_text_box_exports, {
   LargeTextBox: () => LargeTextBox
 });
 module.exports = __toCommonJS(large_text_box_exports);
-var React = __toESM(require("react"));
+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");
-const LargeTextBox = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(import_react_hook_form.Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(import_ds_form.DSLargeInputText, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const LargeTextBox = ({
+  name,
+  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.DSLargeInputText, {
+    ...rest,
+    ...field
+  })
+});

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

@@ -1,38 +1,8 @@
-var __create = Object.create;
+"use strict";
 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 __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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,36 +15,28 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var radio_exports = {};
 __export(radio_exports, {
   Radio: () => Radio
 });
 module.exports = __toCommonJS(radio_exports);
-var React = __toESM(require("react"));
+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");
-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_ds_form.DSRadio, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        checked: value,
-        defaultChecked,
-        onChange: (e) => onChange(((e || {}).target || {}).checked)
-      }));
-    }
-  });
-};
+const Radio = ({
+  name,
+  defaultChecked = false,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSRadio, {
+    ...rest,
+    ...restProps,
+    checked: value,
+    defaultChecked,
+    onChange: (e) => onChange(((e || {}).target || {}).checked)
+  })
+});

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

@@ -1,38 +1,8 @@
-var __create = Object.create;
+"use strict";
 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 __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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,26 +15,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var radio_group_exports = {};
 __export(radio_group_exports, {
   RadioGroup: () => RadioGroup
 });
 module.exports = __toCommonJS(radio_group_exports);
-var React = __toESM(require("react"));
+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");
-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_ds_form.DSRadioGroup, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        activeValue: value
-      }));
-    }
-  });
-};
+const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
+  name,
+  rules,
+  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSRadioGroup, {
+    ...rest,
+    ...restProps,
+    activeValue: value
+  })
+});

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

@@ -1,35 +1,8 @@
-var __create = Object.create;
+"use strict";
 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 __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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -42,30 +15,26 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var text_box_exports = {};
 __export(text_box_exports, {
   TextBox: () => TextBox
 });
 module.exports = __toCommonJS(text_box_exports);
-var React = __toESM(require("react"));
+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");
-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_ds_form.DSTextBox, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const TextBox = ({
+  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)(import_ds_form.DSTextBox, {
+    ...rest,
+    ...field
+  })
+});

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

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toggle_exports = {};
+__export(toggle_exports, {
+  Toggle: () => Toggle
+});
+module.exports = __toCommonJS(toggle_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 Toggle = ({
+  name,
+  defaultValue = false,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledToggle, {
+    ...rest,
+    ...restProps,
+    checked: value,
+    value: value.toString(),
+    onChange: () => onChange(!value)
+  })
+});

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var watch_value_exports = {};
 __export(watch_value_exports, {
   WatchValue: () => WatchValue
 });
 module.exports = __toCommonJS(watch_value_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 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");
@@ -41,5 +45,24 @@ const Div = import_styled_components.default.div`
 const WatchValue = ({ name, label }) => {
   const { watch } = (0, import_react_hook_form.useFormContext)();
   const data = watch(name, false) || "";
-  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))))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
+          children: "Form Data:"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            children: [
+              label,
+              " : ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+                children: JSON.stringify(data)
+              })
+            ]
+          })
+        })
+      ]
+    })
+  });
 };

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

@@ -1,23 +1,10 @@
+"use strict";
 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -30,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var form_exports = {};
 __export(form_exports, {
   Form: () => Form
 });
 module.exports = __toCommonJS(form_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_styled_components = __toESM(require("styled-components"));
 var import_react_hook_form = require("react-hook-form");
 const StyledForm = import_styled_components.default.form`
@@ -57,7 +47,12 @@ const Form = ({
   const providerProps = Object.assign(methods, {
     formProps: reactHookFormProps
   });
-  return /* @__PURE__ */ React.createElement(import_react_hook_form.FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
-    className: classname
-  }, formProps), children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, {
+    ...providerProps,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledForm, {
+      className: classname,
+      ...formProps,
+      children
+    })
+  });
 };