@form-eng/react-aria 1.5.3 → 1.6.1

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 (8) hide show
  1. package/README.md +5 -1
  2. package/dist/index.d.mts +49 -3
  3. package/dist/index.d.ts +49 -3
  4. package/dist/index.js +537 -25
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +517 -21
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +3 -2
package/README.md CHANGED
@@ -1,6 +1,10 @@
1
+ > **DEPRECATED:** This package has been renamed to [`@formosaic/react-aria`](https://www.npmjs.com/package/@formosaic/react-aria). Please install `@formosaic/react-aria` instead. This package will no longer receive updates.
2
+ >
3
+ > **New repo:** [github.com/bghcore/formosaic](https://github.com/bghcore/formosaic)
4
+
1
5
  # @form-eng/react-aria
2
6
 
3
- React Aria Components adapter for `@form-eng/core`. Provides accessible field components using [React Aria Components](https://react-spectrum.adobe.com/react-aria/) for best-in-class ARIA patterns.
7
+ React Aria Components adapter for `@form-eng/core`. Provides 28 accessible field components using [React Aria Components](https://react-spectrum.adobe.com/react-aria/) for best-in-class ARIA patterns. Includes 11 native React Aria components and 17 semantic HTML fallbacks.
4
8
 
5
9
  ## Installation
6
10
 
package/dist/index.d.mts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { IFieldProps, Dictionary } from '@form-eng/core';
2
+ import { IFieldProps, IRatingConfig, IDateTimeConfig, IDateRangeConfig, IPhoneInputConfig, IFileUploadConfig, Dictionary } from '@form-eng/core';
3
3
  import React from 'react';
4
4
  import { FieldError } from 'react-hook-form';
5
- export { GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
5
+ export { DocumentLinksStrings, GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
6
6
 
7
7
  interface ITextboxProps {
8
8
  ellipsifyTextCharacters?: number;
@@ -55,6 +55,30 @@ declare const RadioGroup: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Elem
55
55
 
56
56
  declare const CheckboxGroup: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
57
57
 
58
+ declare const Rating: (props: IFieldProps<IRatingConfig>) => react_jsx_runtime.JSX.Element;
59
+
60
+ declare const Autocomplete: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
61
+
62
+ declare const DateTime: (props: IFieldProps<IDateTimeConfig>) => react_jsx_runtime.JSX.Element;
63
+
64
+ declare const DateRange: (props: IFieldProps<IDateRangeConfig>) => react_jsx_runtime.JSX.Element;
65
+
66
+ declare const PhoneInput: (props: IFieldProps<IPhoneInputConfig>) => react_jsx_runtime.JSX.Element;
67
+
68
+ declare const FileUpload: (props: IFieldProps<IFileUploadConfig>) => react_jsx_runtime.JSX.Element;
69
+
70
+ declare const ColorPicker: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
71
+
72
+ declare const MultiSelectSearch: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
73
+
74
+ interface IStatusDropdownProps {
75
+ placeHolder?: string;
76
+ statusColors?: Dictionary<string>;
77
+ }
78
+ declare const StatusDropdown: (props: IFieldProps<IStatusDropdownProps>) => react_jsx_runtime.JSX.Element;
79
+
80
+ declare const DocumentLinks: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
81
+
58
82
  interface IReadOnlyFieldProps {
59
83
  readonly value?: string;
60
84
  readonly fieldName?: string;
@@ -68,6 +92,28 @@ declare const ReadOnlyText: React.FunctionComponent<IReadOnlyFieldProps>;
68
92
 
69
93
  declare const ReadOnly: (props: IFieldProps<IReadOnlyFieldProps>) => react_jsx_runtime.JSX.Element;
70
94
 
95
+ declare const ReadOnlyArray: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
96
+
97
+ interface IReadOnlyDateTimeProps {
98
+ isListView?: boolean;
99
+ hidetimeStamp?: boolean;
100
+ }
101
+ declare const ReadOnlyDateTime: (props: IFieldProps<IReadOnlyDateTimeProps>) => react_jsx_runtime.JSX.Element;
102
+
103
+ interface IReadOnlyCumulativeNumberProps extends IReadOnlyFieldProps {
104
+ dependencyFields?: string[];
105
+ }
106
+ declare const ReadOnlyCumulativeNumber: (props: IFieldProps<IReadOnlyCumulativeNumberProps>) => react_jsx_runtime.JSX.Element;
107
+
108
+ declare const ReadOnlyRichText: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
109
+
110
+ interface IReadOnlyWithButtonProps extends IReadOnlyFieldProps {
111
+ containerClassName?: string;
112
+ buttonText?: string;
113
+ onButtonClick?: () => void;
114
+ }
115
+ declare const ReadOnlyWithButton: (props: IFieldProps<IReadOnlyWithButtonProps>) => react_jsx_runtime.JSX.Element;
116
+
71
117
  interface IStatusMessageProps {
72
118
  id?: string;
73
119
  readonly error?: FieldError;
@@ -88,4 +134,4 @@ declare const FormLoading: (props: IFormLoadingProps) => react_jsx_runtime.JSX.E
88
134
  /** Creates the default React Aria Components field registry for use with InjectedFieldProvider */
89
135
  declare function createReactAriaFieldRegistry(): Dictionary<React.JSX.Element>;
90
136
 
91
- export { CheckboxGroup, DateControl, Dropdown, DynamicFragment, FormLoading, type IReadOnlyFieldProps, MultiSelect, NumberFieldComponent as Number, RadioGroup, ReadOnly, ReadOnlyText, SimpleDropdown, Slider, StatusMessage, Textarea, Textbox, Toggle, createReactAriaFieldRegistry };
137
+ export { Autocomplete, CheckboxGroup, ColorPicker, DateControl, DateRange, DateTime, DocumentLinks, Dropdown, DynamicFragment, FileUpload, FormLoading, type IReadOnlyFieldProps, MultiSelect, MultiSelectSearch, NumberFieldComponent as Number, PhoneInput, RadioGroup, Rating, ReadOnly, ReadOnlyArray, ReadOnlyCumulativeNumber, ReadOnlyDateTime, ReadOnlyRichText, ReadOnlyText, ReadOnlyWithButton, SimpleDropdown, Slider, StatusDropdown, StatusMessage, Textarea, Textbox, Toggle, createReactAriaFieldRegistry };
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { IFieldProps, Dictionary } from '@form-eng/core';
2
+ import { IFieldProps, IRatingConfig, IDateTimeConfig, IDateRangeConfig, IPhoneInputConfig, IFileUploadConfig, Dictionary } from '@form-eng/core';
3
3
  import React from 'react';
4
4
  import { FieldError } from 'react-hook-form';
5
- export { GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
5
+ export { DocumentLinksStrings, GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
6
6
 
7
7
  interface ITextboxProps {
8
8
  ellipsifyTextCharacters?: number;
@@ -55,6 +55,30 @@ declare const RadioGroup: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Elem
55
55
 
56
56
  declare const CheckboxGroup: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
57
57
 
58
+ declare const Rating: (props: IFieldProps<IRatingConfig>) => react_jsx_runtime.JSX.Element;
59
+
60
+ declare const Autocomplete: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
61
+
62
+ declare const DateTime: (props: IFieldProps<IDateTimeConfig>) => react_jsx_runtime.JSX.Element;
63
+
64
+ declare const DateRange: (props: IFieldProps<IDateRangeConfig>) => react_jsx_runtime.JSX.Element;
65
+
66
+ declare const PhoneInput: (props: IFieldProps<IPhoneInputConfig>) => react_jsx_runtime.JSX.Element;
67
+
68
+ declare const FileUpload: (props: IFieldProps<IFileUploadConfig>) => react_jsx_runtime.JSX.Element;
69
+
70
+ declare const ColorPicker: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
71
+
72
+ declare const MultiSelectSearch: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
73
+
74
+ interface IStatusDropdownProps {
75
+ placeHolder?: string;
76
+ statusColors?: Dictionary<string>;
77
+ }
78
+ declare const StatusDropdown: (props: IFieldProps<IStatusDropdownProps>) => react_jsx_runtime.JSX.Element;
79
+
80
+ declare const DocumentLinks: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
81
+
58
82
  interface IReadOnlyFieldProps {
59
83
  readonly value?: string;
60
84
  readonly fieldName?: string;
@@ -68,6 +92,28 @@ declare const ReadOnlyText: React.FunctionComponent<IReadOnlyFieldProps>;
68
92
 
69
93
  declare const ReadOnly: (props: IFieldProps<IReadOnlyFieldProps>) => react_jsx_runtime.JSX.Element;
70
94
 
95
+ declare const ReadOnlyArray: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
96
+
97
+ interface IReadOnlyDateTimeProps {
98
+ isListView?: boolean;
99
+ hidetimeStamp?: boolean;
100
+ }
101
+ declare const ReadOnlyDateTime: (props: IFieldProps<IReadOnlyDateTimeProps>) => react_jsx_runtime.JSX.Element;
102
+
103
+ interface IReadOnlyCumulativeNumberProps extends IReadOnlyFieldProps {
104
+ dependencyFields?: string[];
105
+ }
106
+ declare const ReadOnlyCumulativeNumber: (props: IFieldProps<IReadOnlyCumulativeNumberProps>) => react_jsx_runtime.JSX.Element;
107
+
108
+ declare const ReadOnlyRichText: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
109
+
110
+ interface IReadOnlyWithButtonProps extends IReadOnlyFieldProps {
111
+ containerClassName?: string;
112
+ buttonText?: string;
113
+ onButtonClick?: () => void;
114
+ }
115
+ declare const ReadOnlyWithButton: (props: IFieldProps<IReadOnlyWithButtonProps>) => react_jsx_runtime.JSX.Element;
116
+
71
117
  interface IStatusMessageProps {
72
118
  id?: string;
73
119
  readonly error?: FieldError;
@@ -88,4 +134,4 @@ declare const FormLoading: (props: IFormLoadingProps) => react_jsx_runtime.JSX.E
88
134
  /** Creates the default React Aria Components field registry for use with InjectedFieldProvider */
89
135
  declare function createReactAriaFieldRegistry(): Dictionary<React.JSX.Element>;
90
136
 
91
- export { CheckboxGroup, DateControl, Dropdown, DynamicFragment, FormLoading, type IReadOnlyFieldProps, MultiSelect, NumberFieldComponent as Number, RadioGroup, ReadOnly, ReadOnlyText, SimpleDropdown, Slider, StatusMessage, Textarea, Textbox, Toggle, createReactAriaFieldRegistry };
137
+ export { Autocomplete, CheckboxGroup, ColorPicker, DateControl, DateRange, DateTime, DocumentLinks, Dropdown, DynamicFragment, FileUpload, FormLoading, type IReadOnlyFieldProps, MultiSelect, MultiSelectSearch, NumberFieldComponent as Number, PhoneInput, RadioGroup, Rating, ReadOnly, ReadOnlyArray, ReadOnlyCumulativeNumber, ReadOnlyDateTime, ReadOnlyRichText, ReadOnlyText, ReadOnlyWithButton, SimpleDropdown, Slider, StatusDropdown, StatusMessage, Textarea, Textbox, Toggle, createReactAriaFieldRegistry };