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

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/view/app-router.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,18 +15,16 @@ 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 app_router_exports = {};
 __export(app_router_exports, {
   AppRouter: () => AppRouter
 });
 module.exports = __toCommonJS(app_router_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_router_dom = require("react-router-dom");
-const AppRouter = (_a) => {
-  var _b = _a, { history } = _b, props = __objRest(_b, ["history"]);
+const AppRouter = ({ history, basename, ...props }) => {
   const [state, setState] = (0, import_react.useState)({
     action: history.action,
     location: history.location
@@ -76,9 +44,11 @@ const AppRouter = (_a) => {
       unlisten();
     };
   }, [history]);
-  return /* @__PURE__ */ React.createElement(import_react_router_dom.Router, __spreadProps(__spreadValues({}, props), {
+  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/breakpoint/use-breakpoint.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -29,11 +30,15 @@ var import_use_media_query_list = require("./use-media-query-list.js");
 var import_constants = require("../../utils/constants.js");
 const useBreakpoint = () => {
   const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
-  const currentBreakpoint = (0, import_use_media_query_list.useMediaQueryList)([
-    `(max-width: ${theme.breakpoints.small})`,
-    `(max-width: ${theme.breakpoints.medium})`,
-    `(max-width: ${theme.breakpoints.large})`
-  ], ["small", "medium", "large"], "large");
+  const currentBreakpoint = (0, import_use_media_query_list.useMediaQueryList)(
+    [
+      `(max-width: ${theme.breakpoints.small})`,
+      `(max-width: ${theme.breakpoints.medium})`,
+      `(max-width: ${theme.breakpoints.large})`
+    ],
+    ["small", "medium", "large"],
+    "large"
+  );
   const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });

package/dist/cjs/view/breakpoint/use-media-query-list.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -31,7 +32,9 @@ const useMediaQueryList = (queries, values, defaultValue) => {
   (0, import_react.useEffect)(() => {
     const handler = () => setValue(getValue);
     mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeEventListener("change", handler));
+    return () => mediaQueryLists.forEach(
+      (mql) => mql.removeEventListener("change", handler)
+    );
   }, [getValue, mediaQueryLists]);
   return value;
 };

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

@@ -1,8 +1,7 @@
-var __create = Object.create;
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,15 +15,23 @@ 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 default_error_template_exports = {};
 __export(default_error_template_exports, {
   DefaultErrorTemplate: () => DefaultErrorTemplate
 });
 module.exports = __toCommonJS(default_error_template_exports);
-var React = __toESM(require("react"));
+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__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, error?.message), /* @__PURE__ */ React.createElement("section", null, 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

@@ -1,26 +1,10 @@
+"use strict";
 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -33,13 +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 error_boundary_exports = {};
 __export(error_boundary_exports, {
   ErrorBoundary: () => ErrorBoundary
 });
 module.exports = __toCommonJS(error_boundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_default_error_template = require("./default-error-template.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
@@ -56,15 +44,16 @@ class ErrorBoundary extends import_react.default.Component {
     });
     const logger = (0, import_micro_frontend.getLogger)();
     if (logger)
-      logger.error(__spreadProps(__spreadValues({}, import_log_records.logRecords.UNHANDLED_ERROR), {
+      logger.error({
+        ...import_log_records.logRecords.UNHANDLED_ERROR,
         exception: error
-      }));
+      });
   }
   render() {
     const { children, errorTemplate } = this.props;
     const ErrorTemplate = errorTemplate || import_default_error_template.DefaultErrorTemplate;
     const { error, errorInfo } = this.state;
-    return errorInfo ? /* @__PURE__ */ import_react.default.createElement(ErrorTemplate, {
+    return errorInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorTemplate, {
       error,
       errorInfo
     }) : children;

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

@@ -1,23 +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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -30,14 +15,13 @@ 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 error_toast_exports = {};
 __export(error_toast_exports, {
   ErrorToast: () => ErrorToast
 });
 module.exports = __toCommonJS(error_toast_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_toast = require("@elliemae/ds-toast");
 var import_react_redux = require("../../data/react-redux.js");
@@ -47,16 +31,20 @@ const ErrorToast = (0, import_react.memo)((props) => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     if (storeError && (storeError?.description || storeError?.messageText)) {
-      const toastProps = __spreadValues(__spreadValues({
+      const toastProps = {
         position: import_ds_toast.ToastPosition.TOP_RIGHT,
         messageTitle: "Error",
-        type: import_ds_toast.ToastType.ERROR
-      }, props), storeError);
+        type: import_ds_toast.ToastType.ERROR,
+        ...props,
+        ...storeError
+      };
       const messageText = toastProps.description || toastProps.messageText;
       if (messageText)
-        (0, import_ds_toast.toast)(__spreadValues({ messageText }, toastProps));
+        (0, import_ds_toast.toast)({ messageText, ...toastProps });
       dispatch(import_error.actions.clear());
     }
   }, [storeError, props, dispatch]);
-  return /* @__PURE__ */ React.createElement(import_ds_toast.DSToast, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_toast.DSToast, {
+    ...props
+  });
 });

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

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,7 +17,10 @@ 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 fetch_host_app_data_exports = {};
 __export(fetch_host_app_data_exports, {

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

@@ -1,21 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 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 });
@@ -39,7 +26,7 @@ module.exports = __toCommonJS(store_exports);
 var import_lodash = require("lodash");
 let hostAppData = {};
 const setHostAppData = (appData) => {
-  hostAppData = __spreadValues(__spreadValues({}, hostAppData), appData);
+  hostAppData = { ...hostAppData, ...appData };
 };
 const getHostAppDataByKey = (key = "", defaultValue = null) => (0, import_lodash.get)(hostAppData, key, defaultValue);
 const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

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

@@ -0,0 +1,47 @@
+"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 autocomplete_exports = {};
+__export(autocomplete_exports, {
+  Autocomplete: () => Autocomplete
+});
+module.exports = __toCommonJS(autocomplete_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 filterOptions = (allOptions, newFilter) => {
+  const filtered = allOptions.filter(
+    (option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase())
+  );
+  return filtered.length === 1 && filtered[0].type === "section" ? [] : filtered;
+};
+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, {
+    ...rest,
+    ...props,
+    options: filterOptions(rest.options, value),
+    filter: value ?? "",
+    onSelect: onChange,
+    children
+  })
+});

package/dist/cjs/view/fields/check-box/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 check_box_exports = {};
 __export(check_box_exports, {
   CheckBox: () => CheckBox
 });
 module.exports = __toCommonJS(check_box_exports);
-var React = __toESM(require("react"));
+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 = (_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 = false } = _c, restProps = __objRest(_c, ["value"]);
-      return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledCheckbox, __spreadProps(__spreadValues(__spreadValues({}, 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

@@ -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,38 +15,30 @@ 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 combo_box_exports = {};
 __export(combo_box_exports, {
   ComboBox: () => ComboBox
 });
 module.exports = __toCommonJS(combo_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 ComboBox = (_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: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { onChange } = _c, props = __objRest(_c, ["onChange"]);
-      return /* @__PURE__ */ React.createElement(import_ds_form.DSComboBox, __spreadProps(__spreadValues(__spreadValues({}, rest), props), {
-        onChange: (selected) => {
-          const { value = selected } = selected;
-          onChange(value);
-        }
-      }));
+const ComboBox = ({
+  name,
+  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);
     }
-  });
-};
+  })
+});

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

@@ -0,0 +1,42 @@
+"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 combo_box_v3_exports = {};
+__export(combo_box_v3_exports, {
+  ComboBoxV3: () => ComboBoxV3
+});
+module.exports = __toCommonJS(combo_box_v3_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 ComboBoxV3 = ({
+  name,
+  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, {
+    ...rest,
+    ...props,
+    selectedValues: value,
+    onChange
+  })
+});

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

@@ -1,21 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 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 });
@@ -37,5 +24,7 @@ module.exports = __toCommonJS(connect_form_exports);
 var import_react_hook_form = require("react-hook-form");
 const ConnectForm = ({ children }) => {
   const methods = (0, import_react_hook_form.useFormContext)();
-  return children(__spreadValues({}, methods));
+  return children({
+    ...methods
+  });
 };