@elliemae/pui-app-sdk 3.4.1 → 3.6.0

package/dist/cjs/view/use-window-size-change.js

@@ -2,28 +2,24 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 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 });
+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 target;
+  return to;
 };
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var use_window_size_change_exports = {};
 __export(use_window_size_change_exports, {
   useWindowSizeChange: () => useWindowSizeChange
 });
+module.exports = __toCommonJS(use_window_size_change_exports);
 var import_react = require("react");
 var import_pubsub_js = require("pubsub-js");
 var import_constants = require("../utils/constants.js");
@@ -42,4 +38,3 @@ const useWindowSizeChange = () => {
     };
   }, []);
 };
-module.exports = __toCommonJS(use_window_size_change_exports);

package/dist/cjs/view/visually-hidden/index.js

@@ -18,31 +18,25 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 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 });
+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 target;
+  return to;
 };
-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 __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 visually_hidden_exports = {};
 __export(visually_hidden_exports, {
   VisuallyHidden: () => VisuallyHidden
 });
+module.exports = __toCommonJS(visually_hidden_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
@@ -61,4 +55,3 @@ const Span = import_styled_components.default.span`
 const VisuallyHidden = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ React.createElement(Span, __spreadValues({
   ref
 }, props)));
-module.exports = __toCommonJS(visually_hidden_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/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/data/store.d.ts

@@ -33,21 +33,11 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
 } | import("redux").AnyAction | {
     payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+}, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
-    error: import("./error/index.js").ErrorState;
-    breakpoint: import("./breakpoint/index.js").BreakpointState;
-    liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
-    error: import("./error/index.js").ErrorState;
-    breakpoint: import("./breakpoint/index.js").BreakpointState;
-    liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
 export declare type AppStore = ReturnType<typeof createAppStore>;
 export {};

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/utils/testing/index.d.ts

@@ -1,4 +1,4 @@
 import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement>, "queries"> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>, "queries"> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render };

package/dist/types/utils/testing/render-with-redux.d.ts

@@ -16,24 +16,14 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
-        error: import("../../data/error/index.js").ErrorState;
-        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
-        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
-        error: import("../../data/error/index.js").ErrorState;
-        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
-        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").Dispatch<import("redux").AnyAction>>>>;
+    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
     container: HTMLElement;
-    baseElement: Element;
+    baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
     rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
     unmount: () => void;

package/dist/types/utils/testing/render-with-router-redux.d.ts

@@ -19,24 +19,14 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
         liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
-        error: import("../../data/error/index.js").ErrorState;
-        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
-        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
-        error: import("../../data/error/index.js").ErrorState;
-        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
-        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
-    }>, import("redux").Dispatch<import("redux").AnyAction>>>>;
+    }>, import("redux").AnyAction, undefined>, import("redux-saga").SagaMiddleware<object>]>>;
     container: HTMLElement;
-    baseElement: Element;
+    baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
     rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
     unmount: () => void;

package/dist/types/utils/testing/render-with-router.d.ts

@@ -7,7 +7,7 @@ interface Args {
 export declare const renderWithRouter: (ui: React.ReactElement, { route, history, }?: Args) => {
     history: History;
     container: HTMLElement;
-    baseElement: Element;
+    baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
     rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
     unmount: () => void;

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.1",
+  "version": "3.6.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -103,48 +103,48 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^3.2.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/app-react-dependencies": "^3.5.0",
+    "@elliemae/ds-basic": "^2.4.19",
+    "@elliemae/ds-button": "^2.4.19",
+    "@elliemae/ds-controlled-form": "^2.4.19",
+    "@elliemae/ds-date-picker": "^2.4.19",
+    "@elliemae/ds-date-range-picker": "^2.4.19",
+    "@elliemae/ds-dialog": "^2.4.19",
+    "@elliemae/ds-form": "^2.4.19",
+    "@elliemae/ds-form-layout-blocks": "^2.4.19",
+    "@elliemae/ds-grid": "^2.4.19",
+    "@elliemae/ds-loading-indicator": "^2.4.19",
+    "@elliemae/ds-modal": "^2.4.19",
+    "@elliemae/ds-popperjs": "^2.4.19",
+    "@elliemae/ds-toast": "^2.4.19",
     "@elliemae/em-ssf-guest": "^1.11.1",
     "@elliemae/pui-diagnostics": "^2.7.3",
     "@elliemae/pui-micro-frontend-base": "^1.10.1",
     "@elliemae/pui-theme": "^2.4.1",
-    "@elliemae/pui-user-monitoring": "^1.14.0"
+    "@elliemae/pui-user-monitoring": "^1.15.0"
   },
   "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/app-react-dependencies": "~3.5.0",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
+    "@elliemae/ds-basic": "2.4.19",
+    "@elliemae/ds-button": "2.4.19",
+    "@elliemae/ds-controlled-form": "2.4.19",
+    "@elliemae/ds-date-picker": "2.4.19",
+    "@elliemae/ds-date-range-picker": "2.4.19",
+    "@elliemae/ds-dialog": "2.4.19",
+    "@elliemae/ds-form": "2.4.19",
+    "@elliemae/ds-form-layout-blocks": "2.4.19",
+    "@elliemae/ds-grid": "2.4.19",
+    "@elliemae/ds-loading-indicator": "2.4.19",
+    "@elliemae/ds-modal": "2.4.19",
+    "@elliemae/ds-popperjs": "2.4.19",
+    "@elliemae/ds-toast": "2.4.19",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~6.9.0",
+    "@elliemae/pui-cli": "~6.14.2",
     "@elliemae/pui-diagnostics": "~2.7.3",
-    "@elliemae/pui-e2e-test-sdk": "~7.1.0",
+    "@elliemae/pui-e2e-test-sdk": "~7.3.3",
     "@elliemae/pui-micro-frontend-base": "~1.10.1",
-    "@elliemae/pui-theme": "~2.4.1",
-    "@elliemae/pui-user-monitoring": "~1.14.0"
+    "@elliemae/pui-theme": "2.4.1",
+    "@elliemae/pui-user-monitoring": "~1.15.0"
   }
 }