diff --git a/.changeset/giant-bugs-develop.md b/.changeset/giant-bugs-develop.md deleted file mode 100644 index 0fa0296e428..00000000000 --- a/.changeset/giant-bugs-develop.md +++ /dev/null @@ -1,83 +0,0 @@ ---- -"@aws-amplify/ui-react": minor -"@aws-amplify/ui": minor ---- - -feat: add Autocomplete primitive - -**Example** - -```jsx -// Uncontrolled component -import { Autocomplete } from '@aws-amplify/ui-react'; -import * as React from 'react'; - -const options = [ - { id: 'apple', label: 'apple' }, - { id: 'banana', label: 'banana' }, - { id: 'cherry', label: 'cherry' }, - { id: 'grape', label: 'grape' }, - { id: 'kiwis', label: 'kiwis' }, - { id: 'lemon', label: 'lemon' }, - { id: 'mango', label: 'mango' }, - { id: 'orange', label: 'orange' }, - { id: 'strawberry', label: 'strawberry' }, -]; - -export const AutocompleteUncontrolledExample = () => { - return ( - - ); -}; -``` - -```jsx -// Controlled component -import { Autocomplete } from '@aws-amplify/ui-react'; -import * as React from 'react'; - -const options = [ - { id: 'apple', label: 'apple' }, - { id: 'banana', label: 'banana' }, - { id: 'cherry', label: 'cherry' }, - { id: 'grape', label: 'grape' }, - { id: 'kiwis', label: 'kiwis' }, - { id: 'lemon', label: 'lemon' }, - { id: 'mango', label: 'mango' }, - { id: 'orange', label: 'orange' }, - { id: 'strawberry', label: 'strawberry' }, -]; - -export const AutocompleteControlledExample = () => { - const [value, setValue] = React.useState(''); - - const onChange = (event) => { - setValue(event.target.value); - }; - - // Set up onSelect - const onSelect = (option) => { - const { label } = option; - setValue(label); - }; - - // Set up onClear - const onClear = () => { - setValue(''); - }; - - return ( - - ); -}; -``` diff --git a/.changeset/hungry-lizards-melt.md b/.changeset/hungry-lizards-melt.md deleted file mode 100644 index fee0727d1b8..00000000000 --- a/.changeset/hungry-lizards-melt.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@aws-amplify/ui": patch ---- - -Fix italian grammar in translation and improve accuracy diff --git a/docs/package.json b/docs/package.json index c7a10e18a2d..1e8875a27ae 100644 --- a/docs/package.json +++ b/docs/package.json @@ -19,7 +19,7 @@ "test": "$_ run build" }, "dependencies": { - "@aws-amplify/ui-react": "3.5.11", + "@aws-amplify/ui-react": "3.6.0", "@cucumber/gherkin": "^19.0.3", "@cucumber/messages": "^16.0.1", "@docsearch/react": "3", diff --git a/examples/angular/package.json b/examples/angular/package.json index 0eab0d60ac4..6697ecd8b2f 100644 --- a/examples/angular/package.json +++ b/examples/angular/package.json @@ -21,7 +21,7 @@ "@angular/platform-browser": "~11.2.14", "@angular/platform-browser-dynamic": "~11.2.14", "@angular/router": "~11.2.14", - "@aws-amplify/ui-angular": "^2.4.25", + "@aws-amplify/ui-angular": "^2.4.26", "rxjs": "~6.6.0", "tslib": "^2.0.0", "zone.js": "~0.11.3" diff --git a/examples/next/package.json b/examples/next/package.json index 43c08bacf08..ea88c0b824c 100644 --- a/examples/next/package.json +++ b/examples/next/package.json @@ -10,7 +10,7 @@ "lint": "next lint" }, "dependencies": { - "@aws-amplify/ui-react": "^3.5.11", + "@aws-amplify/ui-react": "^3.6.0", "aws-amplify": "latest", "next": "^11.1.3", "next-global-css": "^1.1.1", diff --git a/examples/vue/package.json b/examples/vue/package.json index 408af1b0002..d89bad3ee49 100644 --- a/examples/vue/package.json +++ b/examples/vue/package.json @@ -10,7 +10,7 @@ "start": "vite preview --port 3000" }, "dependencies": { - "@aws-amplify/ui-vue": "^2.4.25", + "@aws-amplify/ui-vue": "^2.4.26", "aws-amplify": "latest", "vue": "^3.0.5", "vue-router": "4" diff --git a/packages/angular/projects/ui-angular/CHANGELOG.md b/packages/angular/projects/ui-angular/CHANGELOG.md index 155eb2065d0..c4f5408b10d 100644 --- a/packages/angular/projects/ui-angular/CHANGELOG.md +++ b/packages/angular/projects/ui-angular/CHANGELOG.md @@ -1,5 +1,12 @@ # @aws-amplify/ui-angular +## 2.4.26 + +### Patch Changes + +- Updated dependencies [[`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac), [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26)]: + - @aws-amplify/ui@4.1.0 + ## 2.4.25 ### Patch Changes diff --git a/packages/angular/projects/ui-angular/package.json b/packages/angular/projects/ui-angular/package.json index 748320098d2..124371d0b23 100644 --- a/packages/angular/projects/ui-angular/package.json +++ b/packages/angular/projects/ui-angular/package.json @@ -1,6 +1,6 @@ { "name": "@aws-amplify/ui-angular", - "version": "2.4.25", + "version": "2.4.26", "scripts": { "build": "yarn --cwd ../../ build", "dev": "yarn --cwd ../../ dev", @@ -19,7 +19,7 @@ }, "dependencies": { "@aws-amplify/ui-components": "^1.7.0", - "@aws-amplify/ui": "4.0.1", + "@aws-amplify/ui": "4.1.0", "@stencil/core": "2.8.0", "nanoid": "3.1.31", "qrcode": "1.5.0", diff --git a/packages/e2e/package.json b/packages/e2e/package.json index 52f8847dc20..88034206965 100644 --- a/packages/e2e/package.json +++ b/packages/e2e/package.json @@ -21,7 +21,7 @@ ] }, "devDependencies": { - "@aws-amplify/ui": "^4.0.1", + "@aws-amplify/ui": "^4.1.0", "@badeball/cypress-cucumber-preprocessor": "^12.1.0", "@bahmutov/cypress-esbuild-preprocessor": "^2.1.3", "@testing-library/cypress": "^8.0.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index f204096285a..ff6640266e0 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -1,5 +1,12 @@ # @aws-amplify/ui-react-core +## 1.0.5 + +### Patch Changes + +- Updated dependencies [[`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac), [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26)]: + - @aws-amplify/ui@4.1.0 + ## 1.0.4 ### Patch Changes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 05967cc5486..b864383459e 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@aws-amplify/ui-react-core", - "version": "1.0.4", + "version": "1.0.5", "main": "dist/index.js", "module": "dist/esm/index.js", "exports": { @@ -28,7 +28,7 @@ "test:watch": "yarn test --watch" }, "dependencies": { - "@aws-amplify/ui": "4.0.1", + "@aws-amplify/ui": "4.1.0", "@xstate/react": "3.0.1", "xstate": "^4.33.6" }, diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index e7d0b234b45..ade8ea63093 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,89 @@ # @aws-amplify/ui-react +## 3.6.0 + +### Minor Changes + +- [#2708](https://github.com/aws-amplify/amplify-ui/pull/2708) [`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: add Autocomplete primitive + + **Example** + + ```jsx + // Uncontrolled component + import { Autocomplete } from '@aws-amplify/ui-react'; + import * as React from 'react'; + + const options = [ + { id: 'apple', label: 'apple' }, + { id: 'banana', label: 'banana' }, + { id: 'cherry', label: 'cherry' }, + { id: 'grape', label: 'grape' }, + { id: 'kiwis', label: 'kiwis' }, + { id: 'lemon', label: 'lemon' }, + { id: 'mango', label: 'mango' }, + { id: 'orange', label: 'orange' }, + { id: 'strawberry', label: 'strawberry' }, + ]; + + export const AutocompleteUncontrolledExample = () => { + return ; + }; + ``` + + ```jsx + // Controlled component + import { Autocomplete } from '@aws-amplify/ui-react'; + import * as React from 'react'; + + const options = [ + { id: 'apple', label: 'apple' }, + { id: 'banana', label: 'banana' }, + { id: 'cherry', label: 'cherry' }, + { id: 'grape', label: 'grape' }, + { id: 'kiwis', label: 'kiwis' }, + { id: 'lemon', label: 'lemon' }, + { id: 'mango', label: 'mango' }, + { id: 'orange', label: 'orange' }, + { id: 'strawberry', label: 'strawberry' }, + ]; + + export const AutocompleteControlledExample = () => { + const [value, setValue] = React.useState(''); + + const onChange = (event) => { + setValue(event.target.value); + }; + + // Set up onSelect + const onSelect = (option) => { + const { label } = option; + setValue(label); + }; + + // Set up onClear + const onClear = () => { + setValue(''); + }; + + return ( + + ); + }; + ``` + +### Patch Changes + +- Updated dependencies [[`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac), [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26)]: + - @aws-amplify/ui@4.1.0 + - @aws-amplify/ui-react-core@1.0.5 + ## 3.5.11 ### Patch Changes diff --git a/packages/react/package.json b/packages/react/package.json index 7cc38280752..44cff8ec5a6 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@aws-amplify/ui-react", - "version": "3.5.11", + "version": "3.6.0", "main": "dist/index.js", "module": "dist/esm/index.js", "exports": { @@ -55,8 +55,8 @@ "size": "yarn run size-limit" }, "dependencies": { - "@aws-amplify/ui": "4.0.1", - "@aws-amplify/ui-react-core": "1.0.4", + "@aws-amplify/ui": "4.1.0", + "@aws-amplify/ui-react-core": "1.0.5", "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9", "@radix-ui/react-accordion": "0.1.6", "@radix-ui/react-dropdown-menu": "0.1.6", diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md index 83823279bb9..9dcfbb9d5c4 100644 --- a/packages/ui/CHANGELOG.md +++ b/packages/ui/CHANGELOG.md @@ -1,5 +1,87 @@ # @aws-amplify/ui +## 4.1.0 + +### Minor Changes + +- [#2708](https://github.com/aws-amplify/amplify-ui/pull/2708) [`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: add Autocomplete primitive + + **Example** + + ```jsx + // Uncontrolled component + import { Autocomplete } from '@aws-amplify/ui-react'; + import * as React from 'react'; + + const options = [ + { id: 'apple', label: 'apple' }, + { id: 'banana', label: 'banana' }, + { id: 'cherry', label: 'cherry' }, + { id: 'grape', label: 'grape' }, + { id: 'kiwis', label: 'kiwis' }, + { id: 'lemon', label: 'lemon' }, + { id: 'mango', label: 'mango' }, + { id: 'orange', label: 'orange' }, + { id: 'strawberry', label: 'strawberry' }, + ]; + + export const AutocompleteUncontrolledExample = () => { + return ; + }; + ``` + + ```jsx + // Controlled component + import { Autocomplete } from '@aws-amplify/ui-react'; + import * as React from 'react'; + + const options = [ + { id: 'apple', label: 'apple' }, + { id: 'banana', label: 'banana' }, + { id: 'cherry', label: 'cherry' }, + { id: 'grape', label: 'grape' }, + { id: 'kiwis', label: 'kiwis' }, + { id: 'lemon', label: 'lemon' }, + { id: 'mango', label: 'mango' }, + { id: 'orange', label: 'orange' }, + { id: 'strawberry', label: 'strawberry' }, + ]; + + export const AutocompleteControlledExample = () => { + const [value, setValue] = React.useState(''); + + const onChange = (event) => { + setValue(event.target.value); + }; + + // Set up onSelect + const onSelect = (option) => { + const { label } = option; + setValue(label); + }; + + // Set up onClear + const onClear = () => { + setValue(''); + }; + + return ( + + ); + }; + ``` + +### Patch Changes + +- [#2881](https://github.com/aws-amplify/amplify-ui/pull/2881) [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26) Thanks [@francisGolden](https://github.com/francisGolden)! - Fix italian grammar in translation and improve accuracy + ## 4.0.1 ### Patch Changes diff --git a/packages/ui/package.json b/packages/ui/package.json index f54d9296039..47adcdc536f 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,6 +1,6 @@ { "name": "@aws-amplify/ui", - "version": "4.0.1", + "version": "4.1.0", "main": "dist/index.js", "module": "dist/esm/index.js", "exports": { diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md index 62208f1fd70..36f649a8cc9 100644 --- a/packages/vue/CHANGELOG.md +++ b/packages/vue/CHANGELOG.md @@ -1,5 +1,12 @@ # @aws-amplify/ui-vue +## 2.4.26 + +### Patch Changes + +- Updated dependencies [[`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac), [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26)]: + - @aws-amplify/ui@4.1.0 + ## 2.4.25 ### Patch Changes diff --git a/packages/vue/package.json b/packages/vue/package.json index 30c5dfa70a7..b28319a5064 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -1,6 +1,6 @@ { "name": "@aws-amplify/ui-vue", - "version": "2.4.25", + "version": "2.4.26", "type": "module", "main": "dist/index.cjs", "module": "dist/index.js", @@ -34,7 +34,7 @@ "test:unit:watch": "jest --watch" }, "dependencies": { - "@aws-amplify/ui": "4.0.1", + "@aws-amplify/ui": "4.1.0", "@vue/tsconfig": "^0.1.3", "@vueuse/core": "7.5.5", "@xstate/vue": "0.8.1",