@elliemae/pui-app-sdk 3.14.0 → 3.15.0

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

@@ -1,4 +1,3 @@
-"use strict";
 import { get } from "lodash";
 let hostAppData = {};
 const setHostAppData = (appData) => {

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+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__ */ React.createElement(Controller, {
+  name,
+  render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ React.createElement(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,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSComboBox } from "@elliemae/ds-form";
 import {

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

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

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

@@ -1,4 +1,3 @@
-"use strict";
 import { useFormContext } from "react-hook-form";
 const ConnectForm = ({ children }) => {
   const methods = useFormContext();

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSDateInput } from "@elliemae/ds-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import DSDatePicker from "@elliemae/ds-date-picker";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useState, useEffect } from "react";
 import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSFormItemLayout } from "@elliemae/ds-form";
 import { get } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
 import { get } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import {
   DSInputMask,

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSInputText } from "@elliemae/ds-controlled-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSLargeInputText } from "@elliemae/ds-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSRadio } from "@elliemae/ds-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSRadioGroup } from "@elliemae/ds-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSTextBox } from "@elliemae/ds-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { DSControlledToggle } from "@elliemae/ds-controlled-form";
 import {

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import styled from "styled-components";
 import { Grid } from "@elliemae/ds-grid";

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import styled from "styled-components";
 import {

package/dist/esm/view/form/personal-info-section.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import moment from "moment";
 import { TextBox } from "../fields/text-box/index.js";

package/dist/esm/view/form/submit-button/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useFormContext } from "react-hook-form";
 import { DSButtonV2 } from "@elliemae/ds-button";

package/dist/esm/view/guest-unload-handlers/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import { sendMessageToHost } from "../message-to-host-app/index.js";
 const onGuestUnloadStart = () => new Promise((resolve) => {
   window.addEventListener("message", (msg) => {

package/dist/esm/view/host-binding-events/index.js

@@ -1,4 +1,3 @@
-"use strict";
 const bindEvent = (element, eventName, eventHandler) => {
   if (element.addEventListener) {
     element.addEventListener(eventName, eventHandler, false);

package/dist/esm/view/live-message/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
 import { useAppSelector } from "../../data/react-redux.js";

package/dist/esm/view/loadable/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { lazy, Suspense } from "react";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";

package/dist/esm/view/login/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";

package/dist/esm/view/message-to-host-app/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import { removeEvent } from "../host-binding-events/index.js";
 const getHostAppData = (action, resolve) => (event) => {
   if (event.data.id === "host-app-data") {

package/dist/esm/view/micro-app/app-factory/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import { persistentStorage } from "../../../utils/web-storage.js";
 import { CMicroAppHost } from "../../../utils/micro-frontend/host.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";

package/dist/esm/view/micro-app/const.js

@@ -1,4 +1,3 @@
-"use strict";
 const APP_CONTAINER_ID_PREFIX = "pui-app-container-";
 export {
   APP_CONTAINER_ID_PREFIX

package/dist/esm/view/micro-app/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo } from "react";
 import styled from "styled-components";

package/dist/esm/view/micro-app/resources/manifest.js

@@ -1,4 +1,3 @@
-"use strict";
 import { getHTTPClient } from "../../../communication/http-client/index.js";
 import { removeDoubleSlash } from "../../../utils/url.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";

package/dist/esm/view/micro-app/resources/script.js

@@ -1,4 +1,3 @@
-"use strict";
 import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;

package/dist/esm/view/micro-app/resources/style.js

@@ -1,4 +1,3 @@
-"use strict";
 import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_STYLE_ID_PREFIX = "emui-style-";
 const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {

package/dist/esm/view/micro-app/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/view/micro-app/use-app-will-render.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useRef, useLayoutEffect, useCallback } from "react";
 import { merge } from "lodash";
 import { useDispatch } from "react-redux";

package/dist/esm/view/micro-app/utils.js

@@ -1,4 +1,3 @@
-"use strict";
 import { getAppConfigValue } from "../../utils/app-config/config.js";
 const getNavigationLinks = () => {
   const microApps = getAppConfigValue("microFrontendApps");

package/dist/esm/view/micro-iframe-app/app.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo, useState } from "react";
 import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";

package/dist/esm/view/micro-iframe-app/iframe/const.js

@@ -1,4 +1,3 @@
-"use strict";
 const IFRAME_CONTAINER_ID_PREFIX = "pui-iframe-container-";
 export {
   IFRAME_CONTAINER_ID_PREFIX

package/dist/esm/view/micro-iframe-app/iframe/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo, useRef } from "react";
 import styled from "styled-components";

package/dist/esm/view/micro-iframe-app/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useEffect, useState, memo } from "react";
 import { usePrevious } from "../use-previous.js";

package/dist/esm/view/micro-iframe-app/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/view/micro-iframe-app/use-frame-loaded.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useEffect } from "react";
 import { trackActivity } from "../../utils/session.js";
 import { CMicroAppHost } from "../../utils/micro-frontend/host.js";

package/dist/esm/view/modals/error/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useState, useCallback } from "react";
 import {

package/dist/esm/view/modals/navigation-prompt/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo } from "react";
 import { Close } from "@elliemae/ds-icons";

package/dist/esm/view/modals/session-expiry/customHooks.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useEffect, useState } from "react";
 import { getSeconds, differenceInMinutes } from "date-fns";
 import { SESSION_TIMEOUT_INTERVAL } from "../../../utils/constants.js";

package/dist/esm/view/modals/session-expiry/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo, useEffect, useState } from "react";
 import { DSButtonV2 } from "@elliemae/ds-button";

package/dist/esm/view/modals/wait-message/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { memo, useEffect } from "react";
 import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";

package/dist/esm/view/modals/wait-message/use-html-wait-message.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useEffect } from "react";
 const useHTMLWaitMessage = (close) => {
   useEffect(() => {

package/dist/esm/view/modals/wait-message/wait-message-launcher.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useEffect } from "react";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { waitMessage } from "../../../data/wait-message/actions.js";

package/dist/esm/view/page.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { Helmet } from "react-helmet";
 import * as brum from "@elliemae/pui-user-monitoring";

package/dist/esm/view/render-with-delay/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useEffect, useState, memo } from "react";
 const RenderWithDelay = memo(({ render }) => {

package/dist/esm/view/render-with-host-data/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useState, useEffect } from "react";
 import { fetchHostAppData } from "../fetch-host-app-data/index.js";

package/dist/esm/view/require-auth.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useInjectReducer, useInjectSaga } from "redux-injectors";
 import enums from "../utils/constants.js";

package/dist/esm/view/session-timeout/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";

package/dist/esm/view/storybook/decorator.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { browserHistory } from "../../utils/history.js";
 import { AppRoot } from "../app-root/index.js";

package/dist/esm/view/use-previous.js

@@ -1,4 +1,3 @@
-"use strict";
 import { useRef, useEffect } from "react";
 const usePrevious = (value) => {
   const ref = useRef();

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

@@ -1,4 +1,3 @@
-"use strict";
 import { useEffect } from "react";
 import { publish } from "pubsub-js";
 import { HOST_WINDOW_RESIZED } from "../utils/constants.js";

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

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { forwardRef } from "react";
 import styled from "styled-components";

package/dist/types/lib/index.d.ts

@@ -42,9 +42,11 @@ export { RenderWithStateAddOns } from './utils/testing/render-with-state-addons.
 export { getApiActionCreator, getSelectField } from './api/helpers.js';
 export { getUser as fetchUserSettings } from './api/users/index.js';
 export { withAppDecorator } from './view/storybook/decorator.js';
+export { Autocomplete } from './view/fields/autocomplete/index.js';
 export { ErrorToast } from './view/error-toast/index.js';
 export { NavigationPrompt } from './view/modals/navigation-prompt/index.js';
 export { Form } from './view/form/index.js';
+export { ComboBoxV3 } from './view/fields/combo-box-v3/index.js';
 export { ConnectForm } from './view/fields/connect-form.js';
 export { FormItemLayout } from './view/fields/form-item-layout/index.js';
 export { FormLayoutBlockItem } from './view/fields/form-layout-block-item/index.js';

package/dist/types/lib/view/fields/autocomplete/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type AutocompleteOption = {
+    label: string;
+    type: string;
+    [x: string]: unknown;
+};
+export declare type AutocompleteProps = {
+    name: string;
+    options: AutocompleteOption[];
+    [x: string]: any;
+};
+export declare const Autocomplete: ({ name, children, ...rest }: AutocompleteProps) => JSX.Element;
+export {};

package/dist/types/lib/view/fields/autocomplete/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { AutocompleteProps } from './index.js';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story<AutocompleteProps>;

package/dist/types/lib/view/fields/combo-box-v3/index.d.ts

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

package/dist/types/lib/view/fields/combo-box-v3/index.stories.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.14.0",
+  "version": "3.15.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",