@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.
Files changed (64) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/view/app-root/hosted-app.js +9 -6
  3. package/dist/cjs/view/app-root/stand-alone-app.js +7 -3
  4. package/dist/cjs/view/{media-breakpoint/index.js → breakpoint/use-breakpoint.js} +7 -8
  5. package/dist/cjs/view/{useMediaBreakpoints/index.js → breakpoint/use-media-query-list.js} +7 -7
  6. package/dist/cjs/view/fields/check-box/index.js +4 -12
  7. package/dist/cjs/view/fields/combo-box/index.js +2 -4
  8. package/dist/cjs/view/fields/form-layout-block-item/index.js +54 -0
  9. package/dist/cjs/view/fields/watch-value.js +4 -2
  10. package/dist/cjs/view/form/personal-info-section.js +29 -25
  11. package/dist/cjs/view/form/submit-button/index.js +1 -1
  12. package/dist/cjs/view/modals/error/index.js +17 -14
  13. package/dist/cjs/view/modals/navigation-prompt/index.js +23 -12
  14. package/dist/cjs/view/modals/session-expiry/index.js +17 -17
  15. package/dist/cjs/view/modals/wait-message/index.js +4 -5
  16. package/dist/cjs/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js} +6 -7
  17. package/dist/cjs/view/{window-size/index.js → use-window-size-change.js} +6 -7
  18. package/dist/es/index.js +4 -4
  19. package/dist/es/view/app-root/hosted-app.js +9 -6
  20. package/dist/es/view/app-root/stand-alone-app.js +7 -3
  21. package/dist/es/view/{media-breakpoint/index.js → breakpoint/use-breakpoint.js} +4 -5
  22. package/dist/es/view/{useMediaBreakpoints/index.js → breakpoint/use-media-query-list.js} +4 -4
  23. package/dist/es/view/fields/check-box/index.js +4 -12
  24. package/dist/es/view/fields/combo-box/index.js +2 -4
  25. package/dist/es/view/fields/form-layout-block-item/index.js +25 -0
  26. package/dist/es/view/fields/watch-value.js +4 -2
  27. package/dist/es/view/form/personal-info-section.js +29 -25
  28. package/dist/es/view/form/submit-button/index.js +2 -2
  29. package/dist/es/view/modals/error/index.js +24 -15
  30. package/dist/es/view/modals/navigation-prompt/index.js +30 -12
  31. package/dist/es/view/modals/session-expiry/index.js +25 -17
  32. package/dist/es/view/modals/wait-message/index.js +4 -5
  33. package/dist/es/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js} +4 -5
  34. package/dist/es/view/{window-size/index.js → use-window-size-change.js} +3 -4
  35. package/dist/types/index.d.ts +2 -2
  36. package/dist/types/view/{media-breakpoint → breakpoint}/index.stories.d.ts +0 -0
  37. package/dist/types/view/breakpoint/use-breakpoint.d.ts +1 -0
  38. package/dist/types/view/breakpoint/use-media-query-list.d.ts +1 -0
  39. package/dist/types/view/fields/check-box/index.d.ts +2 -4
  40. package/dist/types/view/fields/check-box/index.stories.d.ts +1 -3
  41. package/dist/types/view/fields/combo-box/index.d.ts +1 -2
  42. package/dist/types/view/fields/combo-box/index.stories.d.ts +2 -4
  43. package/dist/types/view/fields/date-picker/index.d.ts +1 -0
  44. package/dist/types/view/fields/date-picker/index.stories.d.ts +1 -3
  45. package/dist/types/view/fields/form-layout-block-item/index.d.ts +8 -0
  46. package/dist/types/view/fields/form-layout-block-item/index.stories.d.ts +5 -0
  47. package/dist/types/view/fields/input-mask/index.stories.d.ts +1 -3
  48. package/dist/types/view/fields/large-text-box/index.stories.d.ts +1 -3
  49. package/dist/types/view/fields/radio/index.d.ts +1 -1
  50. package/dist/types/view/fields/radio/index.stories.d.ts +1 -3
  51. package/dist/types/view/fields/watch-value.d.ts +2 -2
  52. package/dist/types/view/form/submit-button/index.d.ts +1 -0
  53. package/dist/types/view/modals/error/index.d.ts +3 -2
  54. package/dist/types/view/modals/navigation-prompt/index.d.ts +0 -1
  55. package/dist/types/view/modals/session-expiry/index.d.ts +0 -1
  56. package/dist/types/view/modals/wait-message/index.stories.d.ts +6 -2
  57. package/dist/types/view/modals/wait-message/use-html-wait-message.d.ts +1 -0
  58. package/dist/types/view/session-timeout/index.stories.d.ts +1 -4
  59. package/dist/types/view/use-window-size-change.d.ts +1 -0
  60. package/package.json +28 -26
  61. package/dist/types/view/media-breakpoint/index.d.ts +0 -1
  62. package/dist/types/view/modals/wait-message/html-wait-message.d.ts +0 -6
  63. package/dist/types/view/useMediaBreakpoints/index.d.ts +0 -1
  64. 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, onChange: changeHandler, ...rest }: ComboBoxProps) => JSX.Element;
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 { FormItemLayoutProps } from '../form-item-layout/index.js';
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<FormItemLayoutProps & {
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;
@@ -0,0 +1,5 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { FormLayoutBlockItemProps } from './index.js';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Basic: Story<FormLayoutBlockItemProps>;
@@ -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
- labelText: string;
4
+ label: string;
5
5
  };
6
- export declare const WatchValue: ({ name, labelText }: WatchValueProps) => JSX.Element;
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
- children: React.ReactNode;
6
+ primaryMessage: React.ReactNode;
7
+ secondaryMessage?: React.ReactNode;
7
8
  }
8
- export declare const Error: ({ open, name, showHeader, children, }: ErrorProps) => JSX.Element;
9
+ export declare const Error: ({ open, primaryMessage, secondaryMessage, }: ErrorProps) => JSX.Element;
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export interface NavigationPromptProps {
3
3
  open: boolean;
4
- showHeader?: boolean;
5
4
  }
6
5
  export declare const NavigationPrompt: import("react").NamedExoticComponent<NavigationPromptProps>;
@@ -2,6 +2,5 @@
2
2
  export interface SessionExpiryProps {
3
3
  open: boolean;
4
4
  warningNotifiedAt?: number;
5
- showHeader?: boolean;
6
5
  }
7
6
  export declare const SessionExpiry: import("react").NamedExoticComponent<SessionExpiryProps>;
@@ -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
- export declare const Close: Story<WaitMessageProps>;
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;
@@ -2,7 +2,4 @@
2
2
  import { Meta } from '@storybook/react';
3
3
  declare const _default: Meta<import("@storybook/react").Args>;
4
4
  export default _default;
5
- export declare const Basic: {
6
- (): JSX.Element;
7
- decorators: any[];
8
- };
5
+ export declare const Basic: () => JSX.Element;
@@ -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.19",
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.2",
108
- "@elliemae/ds-button": "^2.3.0-alpha.2",
109
- "@elliemae/ds-controlled-form": "^2.3.0-alpha.2",
110
- "@elliemae/ds-date-picker": "^2.3.0-alpha.2",
111
- "@elliemae/ds-date-range-picker": "^2.3.0-alpha.2",
112
- "@elliemae/ds-form": "^2.3.0-alpha.2",
113
- "@elliemae/ds-form-layout-blocks": "^2.3.0-alpha.2",
114
- "@elliemae/ds-grid": "^2.3.0-alpha.2",
115
- "@elliemae/ds-loading-indicator": "^2.3.0-alpha.2",
116
- "@elliemae/ds-modal": "^2.3.0-alpha.2",
117
- "@elliemae/ds-popperjs": "^2.3.0-alpha.2",
118
- "@elliemae/ds-toast": "^2.3.0-alpha.2",
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.2",
129
- "@elliemae/ds-button": "~2.3.0-alpha.2",
130
- "@elliemae/ds-controlled-form": "~2.3.0-alpha.2",
131
- "@elliemae/ds-date-picker": "~2.3.0-alpha.2",
132
- "@elliemae/ds-date-range-picker": "~2.3.0-alpha.2",
133
- "@elliemae/ds-form": "~2.3.0-alpha.2",
134
- "@elliemae/ds-form-layout-blocks": "~2.3.0-alpha.2",
135
- "@elliemae/ds-grid": "~2.3.0-alpha.2",
136
- "@elliemae/ds-loading-indicator": "~2.3.0-alpha.2",
137
- "@elliemae/ds-modal": "~2.3.0-alpha.2",
138
- "@elliemae/ds-popperjs": "~2.3.0-alpha.2",
139
- "@elliemae/ds-toast": "~2.3.0-alpha.2",
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.35",
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,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type HTMLWaitMessageProps = {
3
- close: boolean;
4
- };
5
- export declare const HTMLWaitMessage: import("react").NamedExoticComponent<HTMLWaitMessageProps>;
6
- export {};
@@ -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;