@elliemae/pui-app-sdk 3.0.0-beta.2 → 3.0.0-beta.20

package/dist/types/utils/app-config/config.d.ts

@@ -21,6 +21,6 @@ export interface AppConfig {
 }
 export declare const setAppConfig: (config: AppConfig) => void;
 export declare const getAppConfigValue: <Type>(key?: string, defaultValue?: unknown) => Type;
-export declare const setAppConfigValue: <Type>(key: string | undefined, value: Type) => AppConfig;
+export declare const setAppConfigValue: <Type>(key: string, value: Type) => AppConfig;
 export declare const hasItem: (key?: string) => boolean;
 export {};

package/dist/types/utils/app-host-integration/react.d.ts

@@ -1,4 +1,4 @@
-import { CMicroAppGuest, OnInitCallback, OnMountCallback } from '../micro-frontend/guest';
+import { CMicroAppGuest, OnInitCallback, OnMountCallback } from '../micro-frontend/guest.js';
 declare type Options = {
     onInit: OnInitCallback;
     onMount: OnMountCallback;

package/dist/types/utils/history.d.ts

@@ -1,2 +1,2 @@
-export declare const browserHistory: import("history").History<unknown>;
-export declare const memoryHistory: import("history").MemoryHistory<unknown>;
+export declare const browserHistory: import("history").BrowserHistory;
+export declare const memoryHistory: import("history").MemoryHistory;

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

@@ -1,8 +1,8 @@
 import { DefaultTheme } from 'styled-components';
-import { History, Path } from 'history';
+import { History, To } from 'history';
 import type { IMicroAppGuest, IMicroAppHost, InitOptions, MountOptions } from '@elliemae/pui-micro-frontend-base';
-import { MicroFrontEndLogger } from './console-logger';
-import { JSONValue } from '../types';
+import { MicroFrontEndLogger } from './console-logger.js';
+import { JSONValue } from '../types.js';
 export interface GuestProps extends InitOptions {
     prevState: JSONValue | null;
     history: History;
@@ -33,7 +33,7 @@ export declare class CMicroAppGuest implements IMicroAppGuest {
     static getInstance(params?: ConstructorParams): CMicroAppGuest;
     static isInitialized(): boolean;
     static isHosted(): boolean;
-    getHost(): IMicroAppHost;
+    getHost(): IMicroAppHost | undefined;
     getLogger(): MicroFrontEndLogger;
     getProps(): GuestProps;
     private getSessionStorageItem;
@@ -42,6 +42,6 @@ export declare class CMicroAppGuest implements IMicroAppGuest {
     mount(this: CMicroAppGuest, options?: MountOptions): Promise<void>;
     unmount(this: CMicroAppGuest, options: MountOptions): Promise<JSONValue>;
     getRef<T>(this: CMicroAppGuest): T | null;
-    navigate(this: CMicroAppGuest, url: Path, state?: any): void;
+    navigate(this: CMicroAppGuest, url: To, state?: any): void;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
-import { History, Path } from 'history';
+import { History, To } from 'history';
 import { DefaultTheme } from 'styled-components';
-import { MicroFrontEndLogger } from './console-logger';
+import { MicroFrontEndLogger } from './console-logger.js';
 declare type HostOptions = {
     systemVersion: string;
     history: History;
@@ -33,7 +33,7 @@ export declare class CMicroAppHost implements IMicroAppHost {
     publish<Type>(message: string | symbol, data?: Type): boolean;
     subscribe<T>(message: string | symbol, func: SubscriptionListener<T>): string;
     unsubscribe(token: string): void;
-    navigate(this: CMicroAppHost, url: Path, state?: any): void;
+    navigate(this: CMicroAppHost, url: To, state?: any): void;
     openWaitMessage(): void;
     closeWaitMessage(): void;
     openErrorBanner(message: string): void;

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

@@ -1,5 +1,5 @@
-import { MicroFrontEndLogger } from './console-logger';
-import { MicroAppConfig } from './types';
+import { MicroFrontEndLogger } from './console-logger.js';
+import { MicroAppConfig } from './types.js';
 export declare const isHost: () => boolean;
 export declare const isGuest: () => boolean;
 export declare const isStandAloneGuest: () => boolean;

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

@@ -12,6 +12,6 @@ export declare type MicroAppConfig = {
     files?: Array<string>;
     development?: EnvConfig;
     production?: EnvConfig;
-    documentEle: HTMLDocument;
+    documentEle: Document;
 } & InitOptions;
 export {};

package/dist/types/utils/session.d.ts

@@ -1,14 +1,17 @@
 declare type WARNLISTENER = {
     (sessionExpiryWarningNotifiedAt: number | null): void;
 };
+declare type RESETLISTENER = {
+    (resetWarningModal: unknown): void;
+};
 declare type LISTENER = {
     (): void;
 };
-export declare const resetUserIdleTime: () => void;
+export declare const resetUserIdleTime: (resetWarningModal?: unknown) => void;
 export declare const stopSessionMonitoring: () => void;
 export declare const initSessionMonitoring: () => void;
 export declare const subscribeToSessionExpiryWarning: (onSessionExpiryWarn: WARNLISTENER) => () => void;
 export declare const subscribeToSessionExpiry: (onSessionExpiry: LISTENER) => () => void;
-export declare const subscribeToResetSession: (onResetListener: LISTENER) => () => void;
+export declare const subscribeToResetSession: (onResetListener: RESETLISTENER) => () => void;
 export declare const trackActivity: (element: Document | null, cb: (...args: unknown[]) => void) => () => void;
 export {};

package/dist/types/utils/storybook/{main.d.cts → cjs/main.d.ts}

@@ -1,5 +1,19 @@
 declare function _exports(viteBuilder?: boolean): {
-    addons: string[];
+    addons: (string | {
+        name: string;
+        options: {
+            sourceLoaderOptions: {
+                injectStoryParameters: boolean;
+            };
+            docs?: undefined;
+        };
+    } | {
+        name: string;
+        options: {
+            docs: boolean;
+            sourceLoaderOptions?: undefined;
+        };
+    })[];
     framework: string;
     features: {
         fastRefresh: boolean;
@@ -31,7 +45,15 @@ declare function _exports(viteBuilder?: boolean): {
     stories: {
         directory: string;
     }[];
-    addons: string[];
+    addons: {
+        name: string;
+        options: {
+            optimizationLevel: number;
+            esbuildMinifyOptions: {
+                target: string;
+            };
+        };
+    }[];
     managerWebpack: any;
     webpackFinal: any;
     core: {

package/dist/types/utils/storybook/cjs/webpack.d.ts

@@ -0,0 +1,16 @@
+export declare const stories: {
+    directory: string;
+}[];
+export declare const addons: {
+    name: string;
+    options: {
+        optimizationLevel: number;
+        esbuildMinifyOptions: {
+            target: string;
+        };
+    };
+}[];
+export declare namespace core {
+    const builder: string;
+}
+export { managerWebpack, webpackFinal };

package/dist/types/utils/storybook/preview.d.ts

@@ -1,4 +1,10 @@
-export function getParameters(storyBookTheme: any): {
+/// <reference types="react" />
+import '@elliemae/ds-basic/css/dimsum.css';
+export declare const getParameters: (storyBookTheme: {
+    [x: string]: any;
+    base?: string | undefined;
+    brandTitle?: string | undefined;
+}) => {
     layout: string;
     actions: {
         argTypesRegex: string;
@@ -21,4 +27,4 @@ export function getParameters(storyBookTheme: any): {
         hideEmpty: boolean;
     };
 };
-export const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element)[];
+export declare const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element)[];

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

@@ -1,40 +1,40 @@
 /// <reference types="react" />
-import { AppStore, RootState } from '../../data/store';
+import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
     store: AppStore;
 }
 export declare const renderWithRedux: (ui: React.ReactElement, { initialState, store, }?: Args) => {
     store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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;
     }>, {
-        payload: import("../../data/wait-message/reducer").WaitMessageState;
+        payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
-        payload: import("../../data/breakpoint").Breakpoints;
+        payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
-    }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("../..").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("../..").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").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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>>>>;
     container: HTMLElement;
     baseElement: Element;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("../..").PrettyFormatOptions | undefined) => void;
     rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { History } from 'history';
-import { AppStore, RootState } from '../../data/store';
+import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
     store: AppStore;
@@ -9,35 +9,35 @@ interface Args {
 }
 export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, history, initialState, store, }?: Args) => {
     store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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;
     }>, {
-        payload: import("../../data/wait-message/reducer").WaitMessageState;
+        payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
-        payload: import("../../data/breakpoint").Breakpoints;
+        payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
-    }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("../..").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("../..").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").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        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>>>>;
     container: HTMLElement;
     baseElement: Element;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("../..").PrettyFormatOptions | undefined) => void;
     rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

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

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

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

@@ -19,5 +19,5 @@ interface RenderWithStateAddOnsProps {
     theme?: Theme;
     [x: string]: any;
 }
-export declare const RenderWithStateAddOns: React.FC<RenderWithStateAddOnsProps>;
+export declare const RenderWithStateAddOns: ({ Component, reducer, saga, theme, ...rest }: RenderWithStateAddOnsProps) => JSX.Element | null;
 export {};

package/dist/types/view/app-root/hosted-app.d.ts

@@ -2,5 +2,5 @@
 declare type HostedAppProps = {
     children: React.ReactNode;
 };
-export declare const HostedApp: React.FC<HostedAppProps>;
+export declare const HostedApp: ({ children }: HostedAppProps) => JSX.Element;
 export {};

package/dist/types/view/app-root/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { History } from 'history';
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type AppRootProps = {
     store: AppStore;
     history: History;
@@ -11,5 +11,5 @@ declare type AppRootProps = {
     WaitMessage?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 };
-export declare const AppRoot: React.FC<AppRootProps>;
+export declare const AppRoot: ({ store, history, theme, manageSession, WaitMessage, errorTemplate, children, }: AppRootProps) => JSX.Element;
 export {};

package/dist/types/view/app-root/stand-alone-app.d.ts

@@ -4,5 +4,5 @@ declare type StandAloneAppProps = {
     WaitMessage: React.ReactNode;
     children: React.ReactNode;
 };
-export declare const StandAloneApp: React.FC<StandAloneAppProps>;
+export declare const StandAloneApp: ({ manageSession, WaitMessage, children, }: StandAloneAppProps) => JSX.Element;
 export {};

package/dist/types/view/app-router.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { History } from 'history';
+interface AppRouterProps {
+    history: History;
+    basename?: string;
+    children?: React.ReactNode;
+}
+export declare const AppRouter: ({ history, ...props }: AppRouterProps) => JSX.Element;
+export {};

package/dist/types/view/error-boundary/default-error-template.d.ts

@@ -5,4 +5,4 @@ export interface ErrorTemplateProps {
         componentStack: string;
     } | null;
 }
-export declare const DefaultErrorTemplate: React.FC<ErrorTemplateProps>;
+export declare const DefaultErrorTemplate: (props: ErrorTemplateProps) => JSX.Element;

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

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { CHECKBOX_VARIANT } from '@elliemae/ds-basic/form/Checkbox';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type CheckBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
-    defaultChecked?: boolean;
+    label: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
     [x: string]: any;
 };
-export declare const CheckBox: React.FC<CheckBoxProps>;
-export { CHECKBOX_VARIANT };
+export declare const CheckBox: ({ name, rules, ...rest }: CheckBoxProps) => JSX.Element;

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

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

package/dist/types/view/fields/check-box/set-value.stories.d.ts

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

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

@@ -4,7 +4,6 @@ export declare type ComboBoxProps<TFieldValues extends FieldValues = FieldValues
     name: string;
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
-    onChange: (e: React.BaseSyntheticEvent) => void;
     [x: string]: any;
 };
-export declare const ComboBox: React.FC<ComboBoxProps>;
+export declare const ComboBox: ({ name, defaultValue, rules, ...rest }: ComboBoxProps) => JSX.Element;

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

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

package/dist/types/view/fields/connect-form.d.ts

@@ -3,4 +3,4 @@ import { UseFormReturn, FieldValues } from 'react-hook-form';
 export declare type ConnectFormProps = {
     children: <TFieldValues extends FieldValues>(methods: UseFormReturn<TFieldValues>) => JSX.Element;
 };
-export declare const ConnectForm: React.FC<ConnectFormProps>;
+export declare const ConnectForm: ({ children }: ConnectFormProps) => JSX.Element;

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

@@ -6,4 +6,4 @@ export declare type DateInputProps<TFieldValues extends FieldValues = FieldValue
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
     [x: string]: any;
 };
-export declare const DateInput: React.FC<DateInputProps>;
+export declare const DateInput: ({ name, defaultValue, rules, ...rest }: DateInputProps) => JSX.Element;

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

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

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

@@ -2,8 +2,9 @@
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type DatePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
+    labelText: string;
     defaultValue?: string;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
     [x: string]: any;
 };
-export declare const DatePicker: React.FC<DatePickerProps>;
+export declare const DatePicker: ({ name, defaultValue, rules, ...rest }: DatePickerProps) => JSX.Element;

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

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

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

@@ -6,4 +6,4 @@ export declare type FormItemLayoutProps = {
     labelText?: string;
     [x: string]: any;
 };
-export declare const FormItemLayout: React.FC<FormItemLayoutProps>;
+export declare const FormItemLayout: ({ name, ...rest }: FormItemLayoutProps) => JSX.Element;

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type FormLayoutBlockItemProps = {
+    inputID: string;
+    label: string;
+    children: React.ReactNode;
+    [x: string]: any;
+};
+export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => JSX.Element;

package/dist/types/view/{header → fields/form-layout-block-item}/index.stories.d.ts

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
+import { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form/InputMask';
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type InputMaskProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
@@ -8,5 +8,5 @@ export declare type InputMaskProps<TFieldValues extends FieldValues = FieldValue
     mask: <T>(value: T) => T;
     [x: string]: any;
 };
-export declare const InputMask: React.FC<InputMaskProps>;
+export declare const InputMask: ({ name, defaultValue, rules, mask, ...rest }: InputMaskProps) => JSX.Element;
 export { MASK_TYPES, MASK_PIPES };

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

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

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

@@ -7,4 +7,4 @@ export declare type LargeTextBoxProps<TFieldValues extends FieldValues = FieldVa
     mask: <T>(value: T) => T;
     [x: string]: any;
 };
-export declare const LargeTextBox: React.FC<LargeTextBoxProps>;
+export declare const LargeTextBox: ({ name, defaultValue, rules, ...rest }: LargeTextBoxProps) => JSX.Element;

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

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

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

@@ -2,9 +2,9 @@
 import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
 export declare type RadioProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: string;
+    labelText: string;
     defaultChecked?: boolean;
     rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
-    mask: <T>(value: T) => T;
     [x: string]: any;
 };
-export declare const Radio: React.FC<RadioProps>;
+export declare const Radio: ({ name, defaultChecked, rules, ...rest }: RadioProps) => JSX.Element;

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

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

package/dist/types/view/fields/radio/set-value.stories.d.ts

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