@elliemae/pui-app-sdk 3.4.0 → 3.5.0

package/dist/cjs/utils/micro-frontend/guest.js

@@ -57,7 +57,7 @@ class CMicroAppGuest {
       host: null,
       hostUrl: null,
       prevState: null,
-      history: import_history2.browserHistory,
+      history: params?.history || import_history2.browserHistory,
       theme: (0, import_pui_theme.getDefaultTheme)(),
       manifestPath: "./latest"
     };

package/dist/cjs/view/app-router.js

@@ -67,7 +67,21 @@ const AppRouter = (_a) => {
     action: history.action,
     location: history.location
   });
-  (0, import_react.useLayoutEffect)(() => history.listen(setState), [history]);
+  (0, import_react.useLayoutEffect)(() => {
+    const unlisten = history.listen((...args) => {
+      if (args.length === 2) {
+        setState({
+          location: args[0],
+          action: args[1]
+        });
+      } else {
+        setState(args[0]);
+      }
+    });
+    return () => {
+      unlisten();
+    };
+  }, [history]);
   return /* @__PURE__ */ React.createElement(import_react_router_dom.Router, __spreadProps(__spreadValues({}, props), {
     location: state.location,
     navigationType: state.action,

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

@@ -0,0 +1,102 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+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);
+};
+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 date_range_picker_exports = {};
+__export(date_range_picker_exports, {
+  DateRangePicker: () => DateRangePicker
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("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] = (0, import_react.useState)(value[0]);
+  const [toDateString, setToDateString] = (0, import_react.useState)(value[1]);
+  (0, import_react.useEffect)(() => {
+    onChange([fromDateString, toDateString]);
+  }, [fromDateString, toDateString]);
+  return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, 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(import_react_hook_form.Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(WrappedDateRangePicker, __spreadValues({
+      field
+    }, rest))
+  });
+};
+module.exports = __toCommonJS(date_range_picker_exports);

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

@@ -0,0 +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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+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);
+};
+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 date_time_picker_exports = {};
+__export(date_time_picker_exports, {
+  DateTimePicker: () => DateTimePicker
+});
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const DateTimePicker = (_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: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledDateTimePicker, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        dateTime: value,
+        onDateTimeChange: onChange
+      }));
+    }
+  });
+};
+module.exports = __toCommonJS(date_time_picker_exports);

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

@@ -0,0 +1,78 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+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);
+};
+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 input_text_exports = {};
+__export(input_text_exports, {
+  InputText: () => InputText
+});
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const InputText = (_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_controlled_form.DSInputText, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+module.exports = __toCommonJS(input_text_exports);

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

@@ -0,0 +1,88 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+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);
+};
+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 toggle_exports = {};
+__export(toggle_exports, {
+  Toggle: () => Toggle
+});
+var React = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_react_hook_form = require("react-hook-form");
+const Toggle = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = false,
+    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, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(import_ds_controlled_form.DSControlledToggle, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        value: value.toString(),
+        onChange: () => onChange(!value)
+      }));
+    }
+  });
+};
+module.exports = __toCommonJS(toggle_exports);

package/dist/esm/utils/micro-frontend/guest.js

@@ -26,7 +26,7 @@ class CMicroAppGuest {
       host: null,
       hostUrl: null,
       prevState: null,
-      history: browserHistory,
+      history: params?.history || browserHistory,
       theme: getDefaultTheme(),
       manifestPath: "./latest"
     };

package/dist/esm/view/app-router.js

@@ -38,7 +38,21 @@ const AppRouter = (_a) => {
     action: history.action,
     location: history.location
   });
-  useLayoutEffect(() => history.listen(setState), [history]);
+  useLayoutEffect(() => {
+    const unlisten = history.listen((...args) => {
+      if (args.length === 2) {
+        setState({
+          location: args[0],
+          action: args[1]
+        });
+      } else {
+        setState(args[0]);
+      }
+    });
+    return () => {
+      unlisten();
+    };
+  }, [history]);
   return /* @__PURE__ */ React.createElement(Router, __spreadProps(__spreadValues({}, props), {
     location: state.location,
     navigationType: state.action,

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

@@ -0,0 +1,77 @@
+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 { 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]);
+  useEffect(() => {
+    onChange([fromDateString, toDateString]);
+  }, [fromDateString, toDateString]);
+  return /* @__PURE__ */ React.createElement(DSControlledDateRangePicker, __spreadProps(__spreadValues(__spreadValues({}, 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))
+  });
+};
+export {
+  DateRangePicker
+};

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

@@ -0,0 +1,62 @@
+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 { 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
+      }));
+    }
+  });
+};
+export {
+  DateTimePicker
+};

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

@@ -0,0 +1,53 @@
+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 { DSInputText } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const InputText = (_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(DSInputText, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  InputText
+};

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

@@ -0,0 +1,63 @@
+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 { DSControlledToggle } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const Toggle = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = false,
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    defaultValue,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
+      return /* @__PURE__ */ React.createElement(DSControlledToggle, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        checked: value,
+        value: value.toString(),
+        onChange: () => onChange(!value)
+      }));
+    }
+  });
+};
+export {
+  Toggle
+};

package/dist/types/utils/micro-frontend/guest.d.ts

@@ -18,6 +18,7 @@ interface ConstructorParams {
     onMount?: OnMountCallback;
     onUnmount?: OnUnMountCallback;
     onGetRef?: OnGetRefCallback;
+    history?: History;
 }
 export declare class CMicroAppGuest implements IMicroAppGuest {
     private static instance;

package/dist/types/view/fields/date-range-picker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: [string, string];
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const DateRangePicker: ({ name, defaultValue, rules, ...rest }: DateRangePickerProps) => JSX.Element;

package/dist/types/view/fields/date-range-picker/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { DateRangePickerProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<DateRangePickerProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

package/dist/types/view/fields/date-time-picker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type DateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: string;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const DateTimePicker: ({ name, defaultValue, rules, ...rest }: DateTimePickerProps) => JSX.Element;

package/dist/types/view/fields/date-time-picker/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { DateTimePickerProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<DateTimePickerProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

package/dist/types/view/fields/input-text/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type InputTextProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: string;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const InputText: ({ name, defaultValue, rules, ...rest }: InputTextProps) => JSX.Element;

package/dist/types/view/fields/input-text/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { InputTextProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<InputTextProps<import("react-hook-form").FieldValues, string> & {
+    labelText: string;
+}>;

package/dist/types/view/fields/toggle/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
+export declare type ToggleProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: string;
+    defaultValue?: boolean;
+    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
+    [x: string]: any;
+};
+export declare const Toggle: ({ name, defaultValue, rules, ...rest }: ToggleProps) => JSX.Element;

package/dist/types/view/fields/toggle/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/react';
+import { ToggleProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<ToggleProps<import("react-hook-form").FieldValues, string> & {
+    label: string;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -126,25 +126,25 @@
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~3.2.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
-    "@elliemae/ds-basic": "~2.4.1",
-    "@elliemae/ds-button": "~2.4.1",
-    "@elliemae/ds-controlled-form": "~2.4.1",
-    "@elliemae/ds-date-picker": "~2.4.1",
-    "@elliemae/ds-date-range-picker": "~2.4.1",
-    "@elliemae/ds-dialog": "~2.4.1",
-    "@elliemae/ds-form": "~2.4.1",
-    "@elliemae/ds-form-layout-blocks": "~2.4.1",
-    "@elliemae/ds-grid": "~2.4.1",
-    "@elliemae/ds-loading-indicator": "~2.4.1",
-    "@elliemae/ds-modal": "~2.4.1",
-    "@elliemae/ds-popperjs": "~2.4.1",
-    "@elliemae/ds-toast": "~2.4.1",
+    "@elliemae/ds-basic": "2.4.1",
+    "@elliemae/ds-button": "2.4.1",
+    "@elliemae/ds-controlled-form": "2.4.1",
+    "@elliemae/ds-date-picker": "2.4.1",
+    "@elliemae/ds-date-range-picker": "2.4.1",
+    "@elliemae/ds-dialog": "2.4.1",
+    "@elliemae/ds-form": "2.4.1",
+    "@elliemae/ds-form-layout-blocks": "2.4.1",
+    "@elliemae/ds-grid": "2.4.1",
+    "@elliemae/ds-loading-indicator": "2.4.1",
+    "@elliemae/ds-modal": "2.4.1",
+    "@elliemae/ds-popperjs": "2.4.1",
+    "@elliemae/ds-toast": "2.4.1",
     "@elliemae/em-ssf-guest": "~1.11.1",
     "@elliemae/pui-cli": "~6.9.0",
     "@elliemae/pui-diagnostics": "~2.7.3",
-    "@elliemae/pui-e2e-test-sdk": "~7.0.0",
+    "@elliemae/pui-e2e-test-sdk": "~7.1.0",
     "@elliemae/pui-micro-frontend-base": "~1.10.1",
-    "@elliemae/pui-theme": "~2.4.1",
+    "@elliemae/pui-theme": "2.4.1",
     "@elliemae/pui-user-monitoring": "~1.14.0"
   }
 }