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

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

@@ -1,23 +1,7 @@
-var __defProp = Object.defineProperty;
-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;
-};
 import { get } from "lodash";
 let hostAppData = {};
 const setHostAppData = (appData) => {
-  hostAppData = __spreadValues(__spreadValues({}, hostAppData), appData);
+  hostAppData = { ...hostAppData, ...appData };
 };
 const getHostAppDataByKey = (key = "", defaultValue = null) => get(hostAppData, key, defaultValue);
 const isHostAppDataExist = () => hostAppData && Object.keys(hostAppData).length > 0;

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

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { DSAutocomplete } from "@elliemae/ds-controlled-form";
+import { Controller } from "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__ */ jsx(Controller, {
+  name,
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSAutocomplete, {
+    ...rest,
+    ...props,
+    options: filterOptions(rest.options, value),
+    filter: value ?? "",
+    onSelect: onChange,
+    children
+  })
+});
+export {
+  Autocomplete
+};

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

@@ -1,52 +1,17 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const CheckBox = (_a) => {
-  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { value = false } = _c, restProps = __objRest(_c, ["value"]);
-      return /* @__PURE__ */ React.createElement(DSControlledCheckbox, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        checked: value
-      }));
-    }
-  });
-};
+const CheckBox = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  render: ({ field: { value = false, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledCheckbox, {
+    ...rest,
+    ...restProps,
+    checked: value
+  })
+});
 export {
   CheckBox
 };

package/dist/esm/view/fields/combo-box/index.js

@@ -1,64 +1,26 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSComboBox } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const ComboBox = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { onChange } = _c, props = __objRest(_c, ["onChange"]);
-      return /* @__PURE__ */ React.createElement(DSComboBox, __spreadProps(__spreadValues(__spreadValues({}, rest), props), {
-        onChange: (selected) => {
-          const { value = selected } = selected;
-          onChange(value);
-        }
-      }));
+const ComboBox = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
+    ...rest,
+    ...props,
+    onChange: (selected) => {
+      const { value = selected } = selected || {};
+      onChange(value);
     }
-  });
-};
+  })
+});
 export {
   ComboBox
 };

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { DSComboBox } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const ComboBoxV3 = ({
+  name,
+  defaultValue = null,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ jsx(DSComboBox, {
+    ...rest,
+    ...props,
+    selectedValues: value,
+    onChange
+  })
+});
+export {
+  ComboBoxV3
+};

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

@@ -1,23 +1,9 @@
-var __defProp = Object.defineProperty;
-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;
-};
 import { useFormContext } from "react-hook-form";
 const ConnectForm = ({ children }) => {
   const methods = useFormContext();
-  return children(__spreadValues({}, methods));
+  return children({
+    ...methods
+  });
 };
 export {
   ConnectForm

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

@@ -1,53 +1,22 @@
-var __defProp = Object.defineProperty;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSDateInput } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const DateInput = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(DSDateInput, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const DateInput = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ jsx(DSDateInput, {
+    ...rest,
+    ...field
+  })
+});
 export {
   DateInput
 };

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

@@ -1,53 +1,22 @@
-var __defProp = Object.defineProperty;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import DSDatePicker from "@elliemae/ds-date-picker";
 import {
   Controller
 } from "react-hook-form";
-const DatePicker = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(DSDatePicker, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const DatePicker = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ jsx(DSDatePicker, {
+    ...rest,
+    ...field
+  })
+});
 export {
   DatePicker
 };

package/dist/esm/view/fields/date-range-picker/index.js

@@ -1,77 +1,45 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const WrappedDateRangePicker = (_a) => {
-  var _b = _a, {
-    field: _c
-  } = _b, _d = _c, { value, onChange } = _d, restProps = __objRest(_d, ["value", "onChange"]), rest = __objRest(_b, [
-    "field"
-  ]);
-  const [fromDateString, setFromDateString] = useState(value[0]);
-  const [toDateString, setToDateString] = useState(value[1]);
+const WrappedDateRangePicker = ({
+  field: { value, onChange, ...restProps },
+  ...rest
+}) => {
+  const [fromDateString, setFromDateString] = useState(
+    value[0]
+  );
+  const [toDateString, setToDateString] = useState(
+    value[1]
+  );
   useEffect(() => {
     onChange([fromDateString, toDateString]);
   }, [fromDateString, toDateString]);
-  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+  return /* @__PURE__ */ jsx(DSControlledDateRangePicker, {
+    ...rest,
+    ...restProps,
     fromDate: fromDateString,
     onFromDateChange: setFromDateString,
     toDate: toDateString,
     onToDateChange: setToDateString
-  }));
-};
-const DateRangePicker = (_e) => {
-  var _f = _e, {
-    name,
-    defaultValue = ["", ""],
-    rules = {}
-  } = _f, rest = __objRest(_f, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, __spreadValues({
-      field
-    }, rest))
   });
 };
+const DateRangePicker = ({
+  name,
+  defaultValue = ["", ""],
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ jsx(WrappedDateRangePicker, {
+    field,
+    ...rest
+  })
+});
 export {
   DateRangePicker
 };

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

@@ -1,62 +1,24 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const DateTimePicker = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
-      return /* @__PURE__ */ React.createElement(DSControlledDateTimePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        dateTime: value,
-        onDateTimeChange: onChange
-      }));
-    }
-  });
-};
+const DateTimePicker = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
+    ...rest,
+    ...restProps,
+    dateTime: value,
+    onDateTimeChange: onChange
+  })
+});
 export {
   DateTimePicker
 };

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

@@ -1,50 +1,22 @@
-var __defProp = Object.defineProperty;
-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 __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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSFormItemLayout } from "@elliemae/ds-form";
 import { get } from "react-hook-form";
 import { ConnectForm } from "../connect-form.js";
-const FormItemLayout = (_a) => {
-  var _b = _a, { name } = _b, rest = __objRest(_b, ["name"]);
-  return /* @__PURE__ */ React.createElement(ConnectForm, null, ({
+const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ jsx(ConnectForm, {
+  children: ({
     formState: { errors }
   }) => {
     const errorField = get(errors, name);
     const hasError = !!errorField;
     const validationMessage = errorField?.message;
-    return /* @__PURE__ */ React.createElement(DSFormItemLayout, __spreadValues({
+    return /* @__PURE__ */ jsx(DSFormItemLayout, {
       name,
       hasError,
-      validationMessage
-    }, rest));
-  });
-};
+      validationMessage,
+      ...rest
+    });
+  }
+});
 export {
   FormItemLayout
 };