@elliemae/pui-app-sdk 5.3.9 → 5.4.0

package/dist/cjs/api/auth/index.js

@@ -25,14 +25,16 @@ __export(auth_exports, {
 module.exports = __toCommonJS(auth_exports);
 var import_http_client = require("../../communication/http-client/index.js");
 const getToken = async ({
+  idpCode,
   clientId,
-  redirectUri,
-  idpCode
+  scope,
+  redirectUri
 }) => {
   const params = new URLSearchParams();
   params.append("grant_type", "authorization_code");
   params.append("client_id", clientId);
   params.append("redirect_uri", redirectUri);
+  params.append("scope", scope);
   params.append("code", idpCode);
   const { data } = await (0, import_http_client.getHTTPClient)().post(
     "/oauth2/v1/token",

package/dist/cjs/utils/auth/index.js

@@ -112,8 +112,9 @@ const authorize = async ({
   try {
     const { tokenType, accessToken } = await (0, import_auth.getToken)({
       idpCode,
-      redirectUri,
-      clientId
+      clientId,
+      scope,
+      redirectUri
     });
     const authorizationToken = `${tokenType} ${accessToken}`;
     (0, import_helper.setAuthorizationHeader)(authorizationToken);

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

@@ -28,6 +28,7 @@ const ComboBoxV3 = ({
   name,
   defaultValue = null,
   rules = {},
+  clearable = true,
   filteredOptions = null,
   ...rest
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -47,7 +48,8 @@ const ComboBoxV3 = ({
         hasError: !!error,
         filteredOptions,
         selectedValues: value,
-        onChange
+        onChange,
+        isNonClearable: !clearable
       }
     )
   }

package/dist/esm/api/auth/index.js

@@ -1,13 +1,15 @@
 import { getHTTPClient } from "../../communication/http-client/index.js";
 const getToken = async ({
+  idpCode,
   clientId,
-  redirectUri,
-  idpCode
+  scope,
+  redirectUri
 }) => {
   const params = new URLSearchParams();
   params.append("grant_type", "authorization_code");
   params.append("client_id", clientId);
   params.append("redirect_uri", redirectUri);
+  params.append("scope", scope);
   params.append("code", idpCode);
   const { data } = await getHTTPClient().post(
     "/oauth2/v1/token",

package/dist/esm/utils/auth/index.js

@@ -88,8 +88,9 @@ const authorize = async ({
   try {
     const { tokenType, accessToken } = await getToken({
       idpCode,
-      redirectUri,
-      clientId
+      clientId,
+      scope,
+      redirectUri
     });
     const authorizationToken = `${tokenType} ${accessToken}`;
     setAuthorizationHeader(authorizationToken);

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

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
+import {
+  DSControlledCheckbox
+} from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";

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

@@ -7,6 +7,7 @@ const ComboBoxV3 = ({
   name,
   defaultValue = null,
   rules = {},
+  clearable = true,
   filteredOptions = null,
   ...rest
 }) => /* @__PURE__ */ jsx(
@@ -26,7 +27,8 @@ const ComboBoxV3 = ({
         hasError: !!error,
         filteredOptions,
         selectedValues: value,
-        onChange
+        onChange,
+        isNonClearable: !clearable
       }
     )
   }

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

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
+import {
+  DSControlledDateTimePicker
+} from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";

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

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
+import {
+  DSFormLayoutBlockItem
+} from "@elliemae/ds-form-layout-blocks";
 import { get } from "react-hook-form";
 import { ConnectForm } from "../connect-form.js";
 const FormLayoutBlockItem = ({

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

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { DSControlledToggle } from "@elliemae/ds-controlled-form";
+import {
+  DSControlledToggle
+} from "@elliemae/ds-controlled-form";
 import "@elliemae/ds-form-toggle";
 import {
   Controller

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

@@ -1,8 +1,9 @@
 import { AxiosResponse, AxiosError } from 'axios';
 interface GetTokenRequestParams {
+    idpCode: string;
     clientId: string;
+    scope: string;
     redirectUri: string;
-    idpCode: string;
 }
 export interface GetTokenResponse {
     token_type: string;
@@ -14,7 +15,7 @@ interface GetTokenError {
 export interface GetTokenErrorResponse extends AxiosError {
     response: AxiosResponse<GetTokenError>;
 }
-export declare const getToken: ({ clientId, redirectUri, idpCode, }: GetTokenRequestParams) => Promise<{
+export declare const getToken: ({ idpCode, clientId, scope, redirectUri, }: GetTokenRequestParams) => Promise<{
     tokenType: string;
     accessToken: string;
 }>;

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

@@ -1,6 +1,5 @@
-import type React from 'react';
-import { DSAutocomplete } from '@elliemae/ds-controlled-form';
-type DSAutocompleteProps = React.ComponentProps<typeof DSAutocomplete>;
+import { DSAutocompleteT } from '@elliemae/ds-controlled-form';
+type DSAutocompleteProps = DSAutocompleteT.Props;
 export type AutocompleteProps = {
     defaultValue?: string;
     onSelect?: DSAutocompleteProps['onSelect'];

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

@@ -1,9 +1,9 @@
+import { DSControlledCheckboxT } from '@elliemae/ds-controlled-form';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type CheckBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
     defaultValue?: boolean;
     label: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
-    [x: string]: any;
-};
+} & Omit<DSControlledCheckboxT.Props, 'defaultValue'>;
 export declare const CheckBox: ({ name, defaultValue, rules, ...rest }: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import { DSComboBox } from '@elliemae/ds-controlled-form';
+import { DSComboboxT } from '@elliemae/ds-controlled-form';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-type DSComboboxProps = React.ComponentProps<typeof DSComboBox>;
+type DSComboboxProps = DSComboboxT.Props;
 export type ComboBoxV3Props<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
     defaultValue?: DSComboboxProps['selectedValues'];
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
-    [x: string]: any;
-} & Optional<Omit<DSComboboxProps, 'selectedValues' | 'onChange'>, 'filteredOptions'>;
-export declare const ComboBoxV3: ({ name, defaultValue, rules, filteredOptions, ...rest }: ComboBoxV3Props) => import("react/jsx-runtime").JSX.Element;
+    clearable?: boolean;
+} & Optional<Omit<DSComboboxProps, 'selectedValues' | 'onChange' | 'defaultValue'>, 'filteredOptions'>;
+export declare const ComboBoxV3: ({ name, defaultValue, rules, clearable, filteredOptions, ...rest }: ComboBoxV3Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';
+import { DSControlledDateTimePickerT } from '@elliemae/ds-controlled-form';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
-type DSDateTimePickerProps = React.ComponentProps<typeof DSControlledDateTimePicker>;
+type DSDateTimePickerProps = DSControlledDateTimePickerT.Props;
 export 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;
+    id?: string;
 } & Partial<DSDateTimePickerProps>;
 export declare const DateTimePicker: ({ name, defaultValue, rules, type, ...rest }: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/view/fields/form-layout-block-item/index.d.ts

@@ -1,8 +1,3 @@
-/// <reference types="react" />
-export type FormLayoutBlockItemProps = {
-    inputID: string;
-    label: string;
-    children: React.ReactNode;
-    [x: string]: any;
-};
+import { DSFormLayoutBlockItemT } from '@elliemae/ds-form-layout-blocks';
+export type FormLayoutBlockItemProps = DSFormLayoutBlockItemT.Props;
 export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/lib/view/fields/form-layout-block-item/index.stories.d.ts

@@ -1,5 +1,4 @@
 import { Story, Meta } from '@storybook/react';
-import { FormLayoutBlockItemProps } from './index.js';
 declare const _default: Meta;
 export default _default;
-export declare const Basic: Story<FormLayoutBlockItemProps>;
+export declare const Basic: Story<import("@elliemae/ds-form-layout-blocks").DSFormLayoutBlockItemT.Props>;

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

@@ -1,9 +1,8 @@
-import type React from 'react';
-import { DSInputText } from '@elliemae/ds-controlled-form';
+import { DSInputTextT } from '@elliemae/ds-controlled-form';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export type InputTextProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
-} & React.ComponentProps<typeof DSInputText>;
+} & DSInputTextT.Props;
 export declare const InputText: ({ name, defaultValue, rules, ...rest }: InputTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,6 @@ export declare const Basic: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text/dist/types/react-desc-prop-types.js").DSInputTextT.Props & {
+} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
     labelText: string;
 }>;

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

@@ -1,13 +1,12 @@
-import React from 'react';
 import type { DSMaskT } from '@elliemae/ds-controlled-form';
-import { DSInputText } from '@elliemae/ds-controlled-form';
+import { DSInputTextT } from '@elliemae/ds-controlled-form';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 type ReactHookCommons<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
 };
-type CommonProps = ReactHookCommons & React.ComponentProps<typeof DSInputText>;
+type CommonProps = ReactHookCommons & DSInputTextT.Props;
 export type MaskedInputTextProps = CommonProps & {
     useMask: DSMaskT.NumberHook | DSMaskT.PhoneHook | DSMaskT.Hook;
     maskOpts: Partial<Omit<DSMaskT.RegExpHookArgs, 'onChange' | 'valueSetter'> | Omit<DSMaskT.PhoneHookArgs, 'onChange' | 'valueSetter'> | Omit<DSMaskT.NumberHookArgs, 'onChange' | 'valueSetter'>>;

package/dist/types/lib/view/fields/masked-input-text/with-money-mask.stories.d.ts

@@ -6,6 +6,6 @@ export declare const WithMoneyMask: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text/dist/types/react-desc-prop-types.js").DSInputTextT.Props & {
+} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
     labelText: string;
 }>;

package/dist/types/lib/view/fields/masked-input-text/with-percentage-mask.stories.d.ts

@@ -6,6 +6,6 @@ export declare const WithPercentageMask: Story<{
     name: string;
     defaultValue?: string | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-input-text/dist/types/react-desc-prop-types.js").DSInputTextT.Props & {
+} & import("@elliemae/ds-form-input-text").DSInputTextT.Props & {
     labelText: string;
 }>;

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

@@ -1,13 +1,9 @@
-/// <reference types="react" />
-import { DSControlledToggle } from '@elliemae/ds-controlled-form';
+import { DSControlledToggleT } from '@elliemae/ds-controlled-form';
 import '@elliemae/ds-form-toggle';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
-type DSControlledToggleProps = React.ComponentProps<typeof DSControlledToggle>;
 export 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;
-} & DSControlledToggleProps;
+} & DSControlledToggleT.Props;
 export declare const Toggle: ({ name, defaultValue, rules, ...rest }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -2,10 +2,9 @@ import { Story, Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Basic: Story<{
-    [x: string]: any;
     name: string;
     defaultValue?: boolean | undefined;
     rules?: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "setValueAs" | "valueAsNumber" | "valueAsDate"> | undefined;
-} & import("@elliemae/ds-form-toggle/dist/types/propTypes.js").DSControlledToggleT.Props & {
+} & import("@elliemae/ds-form-toggle").DSControlledToggleT.Props & {
     label: string;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "5.3.9",
+  "version": "5.4.0",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -112,21 +112,21 @@
   },
   "peerDependencies": {
     "@elliemae/app-react-dependencies": "^4.11.0",
-    "@elliemae/ds-backdrop": "^3.14.16",
-    "@elliemae/ds-basic": "^3.14.16",
-    "@elliemae/ds-button": "^3.14.16",
-    "@elliemae/ds-circular-progress-indicator": "^3.14.16",
-    "@elliemae/ds-controlled-form": "^3.14.16",
-    "@elliemae/ds-date-picker": "^3.14.16",
-    "@elliemae/ds-date-range-picker": "^3.14.16",
-    "@elliemae/ds-dialog": "^3.14.16",
-    "@elliemae/ds-form": "^3.14.16",
-    "@elliemae/ds-form-layout-blocks": "^3.14.16",
-    "@elliemae/ds-grid": "^3.14.16",
-    "@elliemae/ds-modal": "^3.14.16",
-    "@elliemae/ds-popperjs": "^3.14.16",
-    "@elliemae/ds-toast": "^3.14.16",
-    "@elliemae/ds-utilities": "^3.14.16",
+    "@elliemae/ds-backdrop": "^3.21.2",
+    "@elliemae/ds-basic": "^3.21.2",
+    "@elliemae/ds-button": "^3.21.2",
+    "@elliemae/ds-circular-progress-indicator": "^3.21.2",
+    "@elliemae/ds-controlled-form": "^3.21.2",
+    "@elliemae/ds-date-picker": "^3.21.2",
+    "@elliemae/ds-date-range-picker": "^3.21.2",
+    "@elliemae/ds-dialog": "^3.21.2",
+    "@elliemae/ds-form": "^3.21.2",
+    "@elliemae/ds-form-layout-blocks": "^3.21.2",
+    "@elliemae/ds-grid": "^3.21.2",
+    "@elliemae/ds-modal": "^3.21.2",
+    "@elliemae/ds-popperjs": "^3.21.2",
+    "@elliemae/ds-toast": "^3.21.2",
+    "@elliemae/ds-utilities": "^3.21.2",
     "@elliemae/em-ssf-guest": "^1.11.3",
     "@elliemae/pui-diagnostics": "^3.4.0",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
@@ -137,21 +137,21 @@
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~4.11.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.8.0",
-    "@elliemae/ds-backdrop": "~3.14.16",
-    "@elliemae/ds-basic": "~3.14.16",
-    "@elliemae/ds-button": "~3.14.16",
-    "@elliemae/ds-circular-progress-indicator": "~3.14.16",
-    "@elliemae/ds-controlled-form": "~3.14.16",
-    "@elliemae/ds-date-picker": "~3.14.16",
-    "@elliemae/ds-date-range-picker": "~3.14.16",
-    "@elliemae/ds-dialog": "~3.14.16",
-    "@elliemae/ds-form": "~3.14.16",
-    "@elliemae/ds-form-layout-blocks": "~3.14.16",
-    "@elliemae/ds-grid": "~3.14.16",
-    "@elliemae/ds-modal": "~3.14.16",
-    "@elliemae/ds-popperjs": "~3.14.16",
-    "@elliemae/ds-toast": "~3.14.16",
-    "@elliemae/ds-utilities": "~3.14.16",
+    "@elliemae/ds-backdrop": "~3.21.2",
+    "@elliemae/ds-basic": "~3.21.2",
+    "@elliemae/ds-button": "~3.21.2",
+    "@elliemae/ds-circular-progress-indicator": "~3.21.2",
+    "@elliemae/ds-controlled-form": "~3.21.2",
+    "@elliemae/ds-date-picker": "~3.21.2",
+    "@elliemae/ds-date-range-picker": "~3.21.2",
+    "@elliemae/ds-dialog": "~3.21.2",
+    "@elliemae/ds-form": "~3.21.2",
+    "@elliemae/ds-form-layout-blocks": "~3.21.2",
+    "@elliemae/ds-grid": "~3.21.2",
+    "@elliemae/ds-modal": "~3.21.2",
+    "@elliemae/ds-popperjs": "~3.21.2",
+    "@elliemae/ds-toast": "~3.21.2",
+    "@elliemae/ds-utilities": "~3.21.2",
     "@elliemae/em-ssf-guest": "~1.11.3",
     "@elliemae/pui-cli": "~8.14.1",
     "@elliemae/pui-diagnostics": "~3.4.0",