Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions docs/scripts/data/constants.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
export const PROMISE_POOL_CONCURRENCY = 10;
export const DEFAULT_GOOD_STATUS_CODES = [200, 301, 303];
export const PROMISE_POOL_CONCURRENCY = 5;
export const DEFAULT_GOOD_STATUS_CODES = [200];
export const DOCS_AMPLIFY_HOST = 'https://docs.amplify.aws/';
2 changes: 1 addition & 1 deletion docs/scripts/util/checkLink.ts
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ async function returnStatus({
tagName,
tagText,
}: LinkInfo): Promise<LinkInfo> {
if ([...DEFAULT_GOOD_STATUS_CODES, 308].includes(statusCode)) {
if ([...DEFAULT_GOOD_STATUS_CODES, 301, 308].includes(statusCode)) {
/**
* If 301 and from 'https://docs.amplify.aws/', add a "/" and check again.
* Because 'https://docs.amplify.aws/' adds a "/" and return a 301 to all the links not ending with "/".
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Alert
description: Alert displays a brief message in a way that attracts the user’s attention without interrupting their task.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/alert
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/alert/
themeSource: packages/ui/src/theme/tokens/components/alert.ts
reactSource: packages/react/src/primitives/Alert/Alert.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Button
description: Button allows users to perform actions.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/button
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/button/
themeSource: packages/ui/src/theme/tokens/components/button.ts
reactSource: packages/react/src/primitives/Button/Button.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: CheckboxField
description: CheckboxField allows users to mark items as selected.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
themeSource: packages/ui/src/theme/tokens/components/checkbox.ts
reactSource: packages/react/src/primitives/CheckboxField/CheckboxField.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Expander
description: Expander allows users to expand or collapse a set of sections.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/accordion
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
themeSource: packages/ui/src/theme/tokens/components/expander.ts
reactSource: packages/react/src/primitives/Expander/Expander.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
Expand Down
4 changes: 2 additions & 2 deletions docs/src/pages/[platform]/components/icon/react.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ Import the Icon component and styles.

<Alert variation="warning" role="none" heading="Deprecated">
The built-in icons were removed in version `3.0`. You can use the
[react-icons](https://react-icons.github.io/react-icons) package or other
[react-icons](https://react-icons.github.io/react-icons/) package or other
React icon libraries in its place.
</Alert>

Expand Down Expand Up @@ -118,7 +118,7 @@ You can also optionally use a `paths` array of path-like objects that will be ma

### Using a library

To use an icon library like [React Icons](https://react-icons.github.io/react-icons), import the desired icon and pass it to the `as` prop.
To use an icon library like [React Icons](https://react-icons.github.io/react-icons/), import the desired icon and pass it to the `as` prop.

<Example>
<CustomIconWithLibExample />
Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/[platform]/components/link/index.page.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Link
description: Link renders an anchor element <a> by default and is primarily used for navigation.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/link
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/link/
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's the difference between adding a / and not adding one?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

without /, it returns 301 and redirects to the one with /

themeSource: packages/ui/src/theme/tokens/components/link.ts
reactSource: packages/react/src/primitives/Link/Link.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ Use the `autoComplete` prop to tell the browser how to populate the `PhoneNumber
as the `autoComplete` property for the text field and `tel-country-code` as the `autoComplete` property for the dial code selector.

If the `PhoneNumberField` primitive is intended to be used in a form that is compatible with most password managers, the `autoComplete` property should
be set to `username` (see [Password Form Styles that Chromium Understands](https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands)).
be set to `username` (see [Password Form Styles that Chromium Understands](https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands/)).

<Example>
<AutoCompleteExample />
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: RadioGroupField
description: RadioGroupField allows users to select a single option from a list of mutually exclusive options.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/radio/
themeSource: packages/ui/src/theme/tokens/components/radio.ts
reactSource: packages/react/src/primitives/RadioGroupField/RadioGroupField.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: SliderField
description: SliderField allows users to select a value within a defined range.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/slider
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/slider/
themeSource: packages/ui/src/theme/tokens/components/sliderField.ts
reactSource: packages/react/src/primitives/SliderField/SliderField.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: StepperField
description: StepperField allows users to increment or decrement a number input.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/
themeSource: packages/ui/src/theme/tokens/components/stepperField.ts
reactSource: packages/react/src/primitives/StepperField/StepperField.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: SwitchField
description: SwitchField allows users to toggle an input.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/switch
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/switch/
themeSource: packages/ui/src/theme/tokens/components/switchField.ts
reactSource: packages/react/src/primitives/SwitchField/SwitchField.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Table
description: Table displays tabular data using the HTML <table> element and related elements.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/table
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/table/
themeSource: packages/ui/src/theme/tokens/components/table.ts
reactSource: packages/react/src/primitives/Table/Table.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/[platform]/components/tabs/index.page.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Tabs
description: Tabs allow users to navigate between sections of related content.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
themeSource: packages/ui/src/theme/tokens/components/tabs.ts
reactSource: packages/react/src/primitives/Tabs/Tabs.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: ToggleButton
description: ToggleButton allows users to toggle the on/off state for some configuration.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/button
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/button/
themeSource: packages/ui/src/theme/tokens/components/toggleButton.ts
reactSource: packages/react/src/primitives/ToggleButton/ToggleButton.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,4 @@ For your [configured social providers](https://docs.amplify.aws/lib/auth/social/
<SocialProviderDemo/>
</Example>

_[Step by step video](https://youtu.be/8KwZNn56F78) on setting up social providers._
_[Step by step video](https://www.youtube.com/watch?v=8KwZNn56F78&feature=youtu.be) on setting up social providers._
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
To use localization, start by following the steps in the [Flutter Localization guide](https://flutter.dev/docs/development/accessibility-and-localization/internationalization). When the guide says to create an .arb file, enter the following into `lib/l10n/amplify_en.arb`:
To use localization, start by following the steps in the [Flutter Localization guide](https://docs.flutter.dev/development/accessibility-and-localization/internationalization). When the guide says to create an .arb file, enter the following into `lib/l10n/amplify_en.arb`:

```json
{
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -43,5 +43,5 @@ These include:
<Alert role="none" variation="info" heading="Translations Needed 📖">
If you see any missing translations or would like to contribute a new
language, we greatly appreciate contributions to translations we have
[here](https://github.com/aws-amplify/amplify-ui/blob/main/packages/ui/src/i18n/dictionaries).
[here](https://github.com/aws-amplify/amplify-ui/tree/main/packages/ui/src/i18n/dictionaries).
</Alert>
Original file line number Diff line number Diff line change
Expand Up @@ -45,5 +45,5 @@ These include:
<Alert role="none" variation="info" heading="Translations Needed 📖">
If you see any missing translations or would like to contribute a new
language, we greatly appreciate contributions to translations we have
[here](https://github.com/aws-amplify/amplify-ui/blob/main/packages/ui/src/i18n/dictionaries).
[here](https://github.com/aws-amplify/amplify-ui/tree/main/packages/ui/src/i18n/dictionaries).
</Alert>
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ The `MapView` component adds an interactive map to your application.

`MapView` is fully integrated with the open source library [react-map-gl](https://visgl.github.io/react-map-gl/) v7
while using [maplibre-gl-js](https://maplibre.org/maplibre-gl-js-docs/api/) as the map tile source. `MapView` is
used as a replacement to `react-map-gl`'s [default map](https://visgl.github.io/react-map-gl/docs/api-reference/map)
used as a replacement to `react-map-gl`'s [default map](https://visgl.github.io/react-map-gl/docs/api-reference/map/)
and supports the same functionality.

You can import the `MapView` component with related styles and use it in your Amplify application without any
Expand Down Expand Up @@ -75,7 +75,7 @@ You may want to access the [native maplibre-gl map object](https://maplibre.org/
{({ platform }) => import(`./fragments/map-ref.${platform}.mdx`)}
</Fragment>

If you want access to the `map` object in a child component of `<MapView>`, you can use the [useMap hook from react-map-gl](https://visgl.github.io/react-map-gl/docs/api-reference/use-map) instead:
If you want access to the `map` object in a child component of `<MapView>`, you can use the [useMap hook from react-map-gl](https://visgl.github.io/react-map-gl/docs/api-reference/use-map/) instead:

<Fragment platforms={['react']}>
{({ platform }) => import(`./fragments/use-map.${platform}.mdx`)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ The following deprecated components imported from `@aws-amplify/ui-angular/legac
- [AmplifyChatbot](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-chatbot/readme.md)
- [AmplifyPhotoPicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-photo-picker/readme.md)
- [AmplifyPicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-picker/readme.md)
- [AmplifyS3Album](https://github.com/aws-amplify/amplify-js/tree/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md)
- [AmplifyS3Album](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md)
- [AmplifyS3Image](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-image/readme.md)
- [AmplifyS3ImagePicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-image-picker/readme.md)
- [AmplifyS3Text](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-text/readme.md)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ The following deprecated components imported from `@aws-amplify/ui-react/legacy`
- [AmplifyChatbot](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-chatbot/readme.md)
- [AmplifyPhotoPicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-photo-picker/readme.md)
- [AmplifyPicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-picker/readme.md)
- [AmplifyS3Album](https://github.com/aws-amplify/amplify-js/tree/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md)
- [AmplifyS3Album](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md)
- [AmplifyS3Image](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-image/readme.md)
- [AmplifyS3ImagePicker](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-image-picker/readme.md)
- [AmplifyS3Text](https://github.com/aws-amplify/amplify-js/blob/v4-stable/packages/amplify-ui-components/src/components/amplify-s3-text/readme.md)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Let's imagine you needed a web application where the login page was in its own r

This guide demonstrates that scenario while using the [Amplify UI Authenticator](../connected-components/authenticator) and the [Amplify CLI](https://docs.amplify.aws/cli/).

> If you'd like to follow along, please use this example [Github repo](https://github.com/aws-amplify/amplify-ui/tree/main/guides/react/protected-routes). Additionally, you can watch this [video](https://youtu.be/6f635LVtwgk) that walks through this process, and includes a bonus section on how to create a lambda function with a custom authorizer.
> If you'd like to follow along, please use this example [Github repo](https://github.com/aws-amplify/amplify-ui/tree/main/guides/react/protected-routes). Additionally, you can watch this [video](https://www.youtube.com/watch?v=6f635LVtwgk&feature=youtu.be) that walks through this process, and includes a bonus section on how to create a lambda function with a custom authorizer.

_Example Screenshot of App_

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -89,4 +89,4 @@ style-src css-cdn.example.com 'nonce-rAnd0m';
</style>
```

For more information, see the following documention on [allowing inline styles using a nonce](https://content-security-policy.com/examples/allow-inline-style).
For more information, see the following documention on [allowing inline styles using a nonce](https://content-security-policy.com/examples/allow-inline-style/).
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ Feature: Sign In with Email
Scenario: Email field autocompletes username

On sign in form, autocomplete prefers usage of username instead of email.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands/.

And "Email" field autocompletes "username"

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,7 @@ Feature: Sign In with Phone Number
Scenario: Phone number field autocompletes username

On sign in form, autocomplete prefers usage of username instead of phone number.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands/.

Then "Phone Number" field autocompletes "username"

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ Scenario: Sign up with a new email & password
Scenario: Email field autocompletes username

On sign up form, autocomplete prefers usage of username instead of email.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands/.

And "Email" field autocompletes "username"

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Feature: Sign Up with Phone
Scenario: Phone number field autocompletes username

On sign up form, autocomplete prefers usage of username instead of phone number.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands.
See https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands/.

And "Phone Number" field autocompletes "username"

Expand Down
2 changes: 1 addition & 1 deletion packages/react/src/components/Geo/MapView/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ interface MapViewProps extends Omit<MapProps, 'mapLib' | 'transformRequest'> {
* [maplibre-gl-js](https://visgl.github.io/react-map-gl/) to provide an interactive map using
* [Amplify Geo APIs](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js/) powered by
* [Amazon Location Service](https://aws.amazon.com/location/). Since `MapView` is a wrapper of the
* [react-map-gl default Map](https://visgl.github.io/react-map-gl/docs/api-reference/map), it accepts the same
* [react-map-gl default Map](https://visgl.github.io/react-map-gl/docs/api-reference/map/), it accepts the same
* properties except `transformRequest` which is set by Amplify.
*
* [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/geo#mapview)
Expand Down