Skip to content

Upgrade to new react aria version #2561

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jrgarciadev merged 28 commits into from
Apr 14, 2024
Merged

Upgrade to new react aria version #2561

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
b23dcc2
chore(root): pkg upgraded
jrgarciadev Nov 10, 2023
5b15056
Merge branch 'main' into feat/upgrade-react-aria
ryo-manba Mar 21, 2024
e01e2e9
fix: type error
ryo-manba Mar 24, 2024
c57bc25
fix: build error
ryo-manba Mar 24, 2024
5f79212
chore: update packages from a~d
ryo-manba Mar 24, 2024
79c6ef0
chore: update packages from i~r
ryo-manba Mar 24, 2024
e8a69b7
chore: update packages from s~u
ryo-manba Mar 24, 2024
b3f14c0
chore: update core, hooks, and utilities packages
ryo-manba Mar 24, 2024
bb70f94
feat: add support radio group validationBehavior props
ryo-manba Mar 24, 2024
4895655
fix: validationBehavior default to native
ryo-manba Mar 24, 2024
ed52331
chore: add validationBehavior props in RadioGroup Stories
ryo-manba Mar 24, 2024
602685d
fix: handling of errorMessage
ryo-manba Mar 26, 2024
60f26b8
chore: add support validationBehavior autocomplete
ryo-manba Mar 30, 2024
ac7846d
chore: partial support for validation of select
ryo-manba Apr 1, 2024
9743889
chore: add support validationBehavior checkbox
ryo-manba Apr 2, 2024
0f14efc
chore: change validationBehavior default to native
ryo-manba Apr 2, 2024
f779e8b
Merge branch 'v.2.3.0' into feat/upgrade-react-aria
ryo-manba Apr 3, 2024
e079dd6
fix: validation logic
ryo-manba Apr 3, 2024
4923526
Merge branch 'v.2.3.0' into feat/upgrade-react-aria
ryo-manba Apr 3, 2024
4d12b8e
fix: add default value for autocomplete
ryo-manba Apr 3, 2024
cb3e710
chore: add example using error message function
ryo-manba Apr 3, 2024
c12e27e
chore: fixed error displayed in storybook
ryo-manba Apr 6, 2024
f04cb6f
chore: omit validationBehavior from component props
ryo-manba Apr 6, 2024
6f363da
Merge branch 'v.2.3.0' into feat/upgrade-react-aria
ryo-manba Apr 6, 2024
aae3cea
chore: update docs and storybook on validate
ryo-manba Apr 6, 2024
c390472
Merge branch 'v.2.3.0' into feat/upgrade-react-aria
ryo-manba Apr 9, 2024
af9c669
fix: pnpm-lock version
ryo-manba Apr 9, 2024
11eee3d
Merge branch 'v.2.3.0' into feat/upgrade-react-aria
jrgarciadev Apr 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion apps/docs/content/docs/components/autocomplete.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -405,7 +405,8 @@ properties to customize the popover, listbox and input components.
| selectedKey | `React.Key` | The currently selected key in the collection (controlled). | - |
| defaultSelectedKey | `React.Key` | The initial selected key in the collection (uncontrolled). | - |
| disabledKeys | `all` \| `React.Key[]` | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. | - |
| errorMessage | `ReactNode` | An error message to display below the field. | - |
| errorMessage | `ReactNode` \| `((v: ValidationResult) => ReactNode)` | An error message to display below the field. | - |
| validate | `(value: { inputValue: string, selectedKey: React.Key }) => ValidationError ｜ true ｜ null ｜ undefined` | Validate input values when committing (e.g. on blur), and return error messages for invalid values. | - |
| startContent | `ReactNode` | Element to be rendered in the left side of the Autocomplete. | - |
| endContent | `ReactNode` | Element to be rendered in the right side of the Autocomplete. | - |
| autoFocus | `boolean` | Whether the Autocomplete should be focused on render. | `false` |
Expand Down
11 changes: 6 additions & 5 deletions apps/docs/content/docs/components/checkbox-group.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,14 +87,15 @@ In case you need to customize the checkbox even further, you can use the `useChe
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The size of the checkboxes. | `md` |
| radius | `none` \| `base` \| `xs` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The radius of the checkboxes. | `md` |
| name | `string` | The name of the CheckboxGroup, used when submitting an HTML form. | - |
| label | `string` | The label of the CheckboxGroup. | - |
| label | `string` | The label of the CheckboxGroup. | - |
| value | `string[]` | The current selected values. (controlled). | - |
| lineThrough | `boolean` | Whether the checkboxes label should be crossed out. | `false` |
| defaultValue | `string[]` | The default selected values. (uncontrolled). | - |
| isInvalid | `boolean` | Whether the checkbox group is invalid. | `false` |
| validationState | `valid` \| `invalid` | Whether the inputs should display its "valid" or "invalid" visual styling. (**Deprecated**) use **isInvalid** instead. | - |
| description | `ReactNode` | The checkbox group description. | - |
| errorMessage | `ReactNode` | The checkbox group error message. | - |
| errorMessage | `ReactNode` \| `((v: ValidationResult) => ReactNode)` | The checkbox group error message. | - |
| validate | `(value: string[]) => ValidationError ｜ true ｜ null ｜ undefined` | Validate input values when committing (e.g. on blur), and return error messages for invalid values. | - |
| isDisabled | `boolean` | Whether the checkbox group is disabled. | `false` |
| isRequired | `boolean` | Whether user checkboxes are required on the input before form submission. | `false` |
| isReadOnly | `boolean` | Whether the checkboxes can be selected but not changed by the user. | - |
Expand All @@ -103,6 +104,6 @@ In case you need to customize the checkbox even further, you can use the `useChe

### Checkbox Group Events

| Attribute | Type | Description |
| --------- | ----------------------------- | ---------------------------------------------- |
| onChange | `((value: string[]) => void)` | Handler that is called when the value changes. |
| Attribute | Type | Description |
| --------- | --------------------------- | ---------------------------------------------- |
| onChange | `(value: string[]) => void` | Handler that is called when the value changes. |
3 changes: 2 additions & 1 deletion apps/docs/content/docs/components/input.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,8 @@ In case you need to customize the input even further, you can use the `useInput`
| defaultValue | `string` | The default value of the input (uncontrolled). | - |
| placeholder | `string` | The placeholder of the input. | - |
| description | `ReactNode` | A description for the input. Provides a hint such as specific requirements for what to choose. | - |
| errorMessage | `ReactNode` | An error message for the input. | - |
| errorMessage | `ReactNode` \| `((v: ValidationResult) => ReactNode)` | An error message for the input. | - |
| validate | `(value: string) => ValidationError ｜ true ｜ null ｜ undefined` | Validate input values when committing (e.g. on blur), and return error messages for invalid values. | - |
| startContent | `ReactNode` | Element to be rendered in the left side of the input. | - |
| endContent | `ReactNode` | Element to be rendered in the right side of the input. | - |
| labelPlacement | `inside` \| `outside` \| `outside-left` | The position of the label. | `inside` |
Expand Down
3 changes: 2 additions & 1 deletion apps/docs/content/docs/components/radio-group.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -145,7 +145,8 @@ In case you need to customize the radio group even further, you can use the `use
| value | `string[]` | The current selected value. (controlled). | - |
| defaultValue | `string[]` | The default selected value. (uncontrolled). | - |
| description | `ReactNode` | Radio group description . | - |
| errorMessage | `ReactNode` | Radio group error message. | - |
| errorMessage | `ReactNode` \| `((v: ValidationResult) => ReactNode)` | Radio group error message. | - |
| validate | `(value: string) => ValidationError ｜ true ｜ null ｜ undefined` | Validate input values when committing (e.g. on blur), and return error messages for invalid values. | - |
| isDisabled | `boolean` | Whether the radio group is disabled. | `false` |
| isRequired | `boolean` | Whether user checkboxes are required on the input before form submission. | `false` |
| isReadOnly | `boolean` | Whether the checkboxes can be selected but not changed by the user. | - |
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/select.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -349,7 +349,7 @@ the popover and listbox components.
| labelPlacement | `inside` \| `outside` \| `outside-left` | The position of the label. | `inside` |
| label | `ReactNode` | The content to display as the label. | - |
| description | `ReactNode` | A description for the select. Provides a hint such as specific requirements for what to choose. | - |
| errorMessage | `ReactNode` | An error message for the select. | - |
| errorMessage | `ReactNode` \| `((v: ValidationResult) => ReactNode)` | An error message for the select. | - |
| startContent | `ReactNode` | Element to be rendered in the left side of the select. | - |
| endContent | `ReactNode` | Element to be rendered in the right side of the select. | - |
| selectorIcon | `ReactNode` | Element to be rendered as the selector icon. | - |
Expand Down
Loading