@elliemae/pui-app-sdk 3.0.0-beta.19 → 3.0.0-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/view/app-root/hosted-app.js +9 -6
- package/dist/cjs/view/app-root/stand-alone-app.js +7 -3
- package/dist/cjs/view/{media-breakpoint/index.js → breakpoint/use-breakpoint.js} +7 -8
- package/dist/cjs/view/{useMediaBreakpoints/index.js → breakpoint/use-media-query-list.js} +7 -7
- package/dist/cjs/view/fields/check-box/index.js +4 -12
- package/dist/cjs/view/fields/combo-box/index.js +2 -4
- package/dist/cjs/view/fields/form-layout-block-item/index.js +54 -0
- package/dist/cjs/view/fields/watch-value.js +4 -2
- package/dist/cjs/view/form/personal-info-section.js +29 -25
- package/dist/cjs/view/form/submit-button/index.js +1 -1
- package/dist/cjs/view/modals/error/index.js +17 -14
- package/dist/cjs/view/modals/navigation-prompt/index.js +23 -12
- package/dist/cjs/view/modals/session-expiry/index.js +17 -17
- package/dist/cjs/view/modals/wait-message/index.js +4 -5
- package/dist/cjs/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js} +6 -7
- package/dist/cjs/view/{window-size/index.js → use-window-size-change.js} +6 -7
- package/dist/es/index.js +4 -4
- package/dist/es/view/app-root/hosted-app.js +9 -6
- package/dist/es/view/app-root/stand-alone-app.js +7 -3
- package/dist/es/view/{media-breakpoint/index.js → breakpoint/use-breakpoint.js} +4 -5
- package/dist/es/view/{useMediaBreakpoints/index.js → breakpoint/use-media-query-list.js} +4 -4
- package/dist/es/view/fields/check-box/index.js +4 -12
- package/dist/es/view/fields/combo-box/index.js +2 -4
- package/dist/es/view/fields/form-layout-block-item/index.js +25 -0
- package/dist/es/view/fields/watch-value.js +4 -2
- package/dist/es/view/form/personal-info-section.js +29 -25
- package/dist/es/view/form/submit-button/index.js +2 -2
- package/dist/es/view/modals/error/index.js +24 -15
- package/dist/es/view/modals/navigation-prompt/index.js +30 -12
- package/dist/es/view/modals/session-expiry/index.js +25 -17
- package/dist/es/view/modals/wait-message/index.js +4 -5
- package/dist/es/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js} +4 -5
- package/dist/es/view/{window-size/index.js → use-window-size-change.js} +3 -4
- package/dist/types/index.d.ts +2 -2
- package/dist/types/view/{media-breakpoint → breakpoint}/index.stories.d.ts +0 -0
- package/dist/types/view/breakpoint/use-breakpoint.d.ts +1 -0
- package/dist/types/view/breakpoint/use-media-query-list.d.ts +1 -0
- package/dist/types/view/fields/check-box/index.d.ts +2 -4
- package/dist/types/view/fields/check-box/index.stories.d.ts +1 -3
- package/dist/types/view/fields/combo-box/index.d.ts +1 -2
- package/dist/types/view/fields/combo-box/index.stories.d.ts +2 -4
- package/dist/types/view/fields/date-picker/index.d.ts +1 -0
- package/dist/types/view/fields/date-picker/index.stories.d.ts +1 -3
- package/dist/types/view/fields/form-layout-block-item/index.d.ts +8 -0
- package/dist/types/view/fields/form-layout-block-item/index.stories.d.ts +5 -0
- package/dist/types/view/fields/input-mask/index.stories.d.ts +1 -3
- package/dist/types/view/fields/large-text-box/index.stories.d.ts +1 -3
- package/dist/types/view/fields/radio/index.d.ts +1 -1
- package/dist/types/view/fields/radio/index.stories.d.ts +1 -3
- package/dist/types/view/fields/watch-value.d.ts +2 -2
- package/dist/types/view/form/submit-button/index.d.ts +1 -0
- package/dist/types/view/modals/error/index.d.ts +3 -2
- package/dist/types/view/modals/navigation-prompt/index.d.ts +0 -1
- package/dist/types/view/modals/session-expiry/index.d.ts +0 -1
- package/dist/types/view/modals/wait-message/index.stories.d.ts +6 -2
- package/dist/types/view/modals/wait-message/use-html-wait-message.d.ts +1 -0
- package/dist/types/view/session-timeout/index.stories.d.ts +1 -4
- package/dist/types/view/use-window-size-change.d.ts +1 -0
- package/package.json +28 -26
- package/dist/types/view/media-breakpoint/index.d.ts +0 -1
- package/dist/types/view/modals/wait-message/html-wait-message.d.ts +0 -6
- package/dist/types/view/useMediaBreakpoints/index.d.ts +0 -1
- package/dist/types/view/window-size/index.d.ts +0 -1
|
@@ -4,7 +4,6 @@ export declare type ComboBoxProps<TFieldValues extends FieldValues = FieldValues
|
|
|
4
4
|
name: string;
|
|
5
5
|
defaultValue?: string;
|
|
6
6
|
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
|
|
7
|
-
onChange: (e: React.BaseSyntheticEvent) => void;
|
|
8
7
|
[x: string]: any;
|
|
9
8
|
};
|
|
10
|
-
export declare const ComboBox: ({ name, defaultValue, rules,
|
|
9
|
+
export declare const ComboBox: ({ name, defaultValue, rules, ...rest }: ComboBoxProps) => JSX.Element;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { Story, Meta } from '@storybook/react';
|
|
2
|
-
import {
|
|
2
|
+
import { ComboBoxProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<
|
|
6
|
-
labelText: string;
|
|
7
|
-
}>;
|
|
5
|
+
export declare const Basic: Story<ComboBoxProps<import("react-hook-form").FieldValues, string>>;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
|
|
3
3
|
export declare type DatePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
4
4
|
name: string;
|
|
5
|
+
labelText: string;
|
|
5
6
|
defaultValue?: string;
|
|
6
7
|
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
|
|
7
8
|
[x: string]: any;
|
|
@@ -2,6 +2,4 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { DatePickerProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<DatePickerProps<import("react-hook-form").FieldValues, string
|
|
6
|
-
labelText: string;
|
|
7
|
-
}>;
|
|
5
|
+
export declare const Basic: Story<DatePickerProps<import("react-hook-form").FieldValues, string>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type FormLayoutBlockItemProps = {
|
|
3
|
+
inputID: string;
|
|
4
|
+
label: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
[x: string]: any;
|
|
7
|
+
};
|
|
8
|
+
export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => JSX.Element;
|
|
@@ -2,6 +2,4 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { InputMaskProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<InputMaskProps<import("react-hook-form").FieldValues, string
|
|
6
|
-
labelText: string;
|
|
7
|
-
}>;
|
|
5
|
+
export declare const Basic: Story<InputMaskProps<import("react-hook-form").FieldValues, string>>;
|
|
@@ -2,6 +2,4 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { LargeTextBoxProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<LargeTextBoxProps<import("react-hook-form").FieldValues, string
|
|
6
|
-
labelText: string;
|
|
7
|
-
}>;
|
|
5
|
+
export declare const Basic: Story<LargeTextBoxProps<import("react-hook-form").FieldValues, string>>;
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
|
|
3
3
|
export declare type RadioProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
4
4
|
name: string;
|
|
5
|
+
labelText: string;
|
|
5
6
|
defaultChecked?: boolean;
|
|
6
7
|
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
|
|
7
|
-
mask: <T>(value: T) => T;
|
|
8
8
|
[x: string]: any;
|
|
9
9
|
};
|
|
10
10
|
export declare const Radio: ({ name, defaultChecked, rules, ...rest }: RadioProps) => JSX.Element;
|
|
@@ -2,6 +2,4 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { RadioProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<RadioProps<import("react-hook-form").FieldValues, string
|
|
6
|
-
labelText: string;
|
|
7
|
-
}>;
|
|
5
|
+
export declare const Basic: Story<RadioProps<import("react-hook-form").FieldValues, string>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare type WatchValueProps = {
|
|
3
3
|
name: string;
|
|
4
|
-
|
|
4
|
+
label: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const WatchValue: ({ name,
|
|
6
|
+
export declare const WatchValue: ({ name, label }: WatchValueProps) => JSX.Element;
|
|
@@ -4,6 +4,7 @@ export declare type CustomFormProviderProps = UseFormReturn & {
|
|
|
4
4
|
formProps: UseFormProps;
|
|
5
5
|
};
|
|
6
6
|
export declare type FormSubmitButtonProps = {
|
|
7
|
+
children: React.ReactNode;
|
|
7
8
|
[x: string]: any;
|
|
8
9
|
};
|
|
9
10
|
export declare const FormSubmitButton: ({ ...rest }: FormSubmitButtonProps) => JSX.Element;
|
|
@@ -3,6 +3,7 @@ export interface ErrorProps {
|
|
|
3
3
|
open: boolean;
|
|
4
4
|
name: string;
|
|
5
5
|
showHeader?: boolean;
|
|
6
|
-
|
|
6
|
+
primaryMessage: React.ReactNode;
|
|
7
|
+
secondaryMessage?: React.ReactNode;
|
|
7
8
|
}
|
|
8
|
-
export declare const Error: ({ open,
|
|
9
|
+
export declare const Error: ({ open, primaryMessage, secondaryMessage, }: ErrorProps) => JSX.Element;
|
|
@@ -2,5 +2,9 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { WaitMessageProps } from './index.js';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Basic: Story<WaitMessageProps
|
|
6
|
-
|
|
5
|
+
export declare const Basic: Story<WaitMessageProps & {
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const Close: Story<WaitMessageProps & {
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useHTMLWaitMessage: (close: boolean) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useWindowSizeChange: () => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/pui-app-sdk",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.22",
|
|
4
4
|
"description": "ICE MT UI Platform Application SDK ",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
@@ -104,18 +104,19 @@
|
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
106
|
"@elliemae/app-react-dependencies": "^3.0.0-beta.3",
|
|
107
|
-
"@elliemae/ds-basic": "^2.3.0-alpha.
|
|
108
|
-
"@elliemae/ds-button": "^2.3.0-alpha.
|
|
109
|
-
"@elliemae/ds-controlled-form": "^2.3.0-alpha.
|
|
110
|
-
"@elliemae/ds-date-picker": "^2.3.0-alpha.
|
|
111
|
-
"@elliemae/ds-date-range-picker": "^2.3.0-alpha.
|
|
112
|
-
"@elliemae/ds-
|
|
113
|
-
"@elliemae/ds-form
|
|
114
|
-
"@elliemae/ds-
|
|
115
|
-
"@elliemae/ds-
|
|
116
|
-
"@elliemae/ds-
|
|
117
|
-
"@elliemae/ds-
|
|
118
|
-
"@elliemae/ds-
|
|
107
|
+
"@elliemae/ds-basic": "^2.3.0-alpha.3",
|
|
108
|
+
"@elliemae/ds-button": "^2.3.0-alpha.3",
|
|
109
|
+
"@elliemae/ds-controlled-form": "^2.3.0-alpha.3",
|
|
110
|
+
"@elliemae/ds-date-picker": "^2.3.0-alpha.3",
|
|
111
|
+
"@elliemae/ds-date-range-picker": "^2.3.0-alpha.3",
|
|
112
|
+
"@elliemae/ds-dialog": "^2.3.0-alpha.3",
|
|
113
|
+
"@elliemae/ds-form": "^2.3.0-alpha.3",
|
|
114
|
+
"@elliemae/ds-form-layout-blocks": "^2.3.0-alpha.3",
|
|
115
|
+
"@elliemae/ds-grid": "^2.3.0-alpha.3",
|
|
116
|
+
"@elliemae/ds-loading-indicator": "^2.3.0-alpha.3",
|
|
117
|
+
"@elliemae/ds-modal": "^2.3.0-alpha.3",
|
|
118
|
+
"@elliemae/ds-popperjs": "^2.3.0-alpha.3",
|
|
119
|
+
"@elliemae/ds-toast": "^2.3.0-alpha.3",
|
|
119
120
|
"@elliemae/em-ssf-guest": "^1.11.1",
|
|
120
121
|
"@elliemae/pui-diagnostics": "^2.7.3",
|
|
121
122
|
"@elliemae/pui-micro-frontend-base": "^1.10.1",
|
|
@@ -125,20 +126,21 @@
|
|
|
125
126
|
"devDependencies": {
|
|
126
127
|
"@elliemae/app-react-dependencies": "~3.0.0-beta.3",
|
|
127
128
|
"@elliemae/browserslist-config-elliemae-latest-browsers": "~1.2.1",
|
|
128
|
-
"@elliemae/ds-basic": "~2.3.0-alpha.
|
|
129
|
-
"@elliemae/ds-button": "~2.3.0-alpha.
|
|
130
|
-
"@elliemae/ds-controlled-form": "~2.3.0-alpha.
|
|
131
|
-
"@elliemae/ds-date-picker": "~2.3.0-alpha.
|
|
132
|
-
"@elliemae/ds-date-range-picker": "~2.3.0-alpha.
|
|
133
|
-
"@elliemae/ds-
|
|
134
|
-
"@elliemae/ds-form
|
|
135
|
-
"@elliemae/ds-
|
|
136
|
-
"@elliemae/ds-
|
|
137
|
-
"@elliemae/ds-
|
|
138
|
-
"@elliemae/ds-
|
|
139
|
-
"@elliemae/ds-
|
|
129
|
+
"@elliemae/ds-basic": "~2.3.0-alpha.3",
|
|
130
|
+
"@elliemae/ds-button": "~2.3.0-alpha.3",
|
|
131
|
+
"@elliemae/ds-controlled-form": "~2.3.0-alpha.3",
|
|
132
|
+
"@elliemae/ds-date-picker": "~2.3.0-alpha.3",
|
|
133
|
+
"@elliemae/ds-date-range-picker": "~2.3.0-alpha.3",
|
|
134
|
+
"@elliemae/ds-dialog": "~2.3.0-alpha.3",
|
|
135
|
+
"@elliemae/ds-form": "~2.3.0-alpha.3",
|
|
136
|
+
"@elliemae/ds-form-layout-blocks": "~2.3.0-alpha.3",
|
|
137
|
+
"@elliemae/ds-grid": "~2.3.0-alpha.3",
|
|
138
|
+
"@elliemae/ds-loading-indicator": "~2.3.0-alpha.3",
|
|
139
|
+
"@elliemae/ds-modal": "~2.3.0-alpha.3",
|
|
140
|
+
"@elliemae/ds-popperjs": "~2.3.0-alpha.3",
|
|
141
|
+
"@elliemae/ds-toast": "~2.3.0-alpha.3",
|
|
140
142
|
"@elliemae/em-ssf-guest": "~1.11.1",
|
|
141
|
-
"@elliemae/pui-cli": "~6.0.0-beta.
|
|
143
|
+
"@elliemae/pui-cli": "~6.0.0-beta.37",
|
|
142
144
|
"@elliemae/pui-diagnostics": "~2.7.3",
|
|
143
145
|
"@elliemae/pui-e2e-test-sdk": "~6.9.0",
|
|
144
146
|
"@elliemae/pui-micro-frontend-base": "~1.10.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const MediaBreakpoint: () => null;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useMediaBreakpoints: (queries: Array<string>, values: Array<string>, defaultValue: string) => string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const WindowSize: () => null;
|