@aws-amplify/[email protected]

Patch Changes

• #2544 35dae2a3d Thanks @calebpollman! - chore(rwa): convert AuthChallengeNames enum to string union

• #2539 ba9818fb7 Thanks @ErikCH! - Fixed bug in Angular Authenticator that caused the Setup TOTP page to not show the correct totpIssuer and totpUsername in the QR code when overwritten by formFields. Refactored and added in Jest tests for Angular.

• Updated dependencies [35dae2a3d, 4a4b5c93d, ba9818fb7]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2544 35dae2a3d Thanks @calebpollman! - chore(rwa): convert AuthChallengeNames enum to string union

• #2538 4a4b5c93d Thanks @calebpollman! - chore(rwa): update user lookup in getServiceFacade, authenticator util typing and useAuthenticator updates

• #2539 ba9818fb7 Thanks @ErikCH! - Fixed bug in Angular Authenticator that caused the Setup TOTP page to not show the correct totpIssuer and totpUsername in the QR code when overwritten by formFields. Refactored and added in Jest tests for Angular.

• Updated dependencies [35dae2a3d, 4a4b5c93d, ba9818fb7]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2544 35dae2a3d Thanks @calebpollman! - chore(rwa): convert AuthChallengeNames enum to string union

• #2539 ba9818fb7 Thanks @ErikCH! - Fixed bug in Angular Authenticator that caused the Setup TOTP page to not show the correct totpIssuer and totpUsername in the QR code when overwritten by formFields. Refactored and added in Jest tests for Angular.

• Updated dependencies [35dae2a3d, 4a4b5c93d, ba9818fb7]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2514 b60fec2c4 Thanks @zchenwei! - chore: add indeterminate icon svg

@aws-amplify/[email protected]

Patch Changes

• #2459 8350d36e2 Thanks @jacoblogan! - Angular: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  Vue: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  React: Added 'dialCode' versions of all 'countryCode' props so that users can begin migrating away from the deprecated countryCode.

  countryCodeLabel => dialCodeLabel
  countryCodeName => dialCodeName
  onCountryCodeChange => onDialCodeChange
  countryCodeRef => dialCodeRef
  defaultCountryCode => defaultDialCode
  

• Updated dependencies [b60fec2c4]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Minor Changes

• #2459 8350d36e2 Thanks @jacoblogan! - Angular: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  Vue: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  React: Added 'dialCode' versions of all 'countryCode' props so that users can begin migrating away from the deprecated countryCode.

  countryCodeLabel => dialCodeLabel
  countryCodeName => dialCodeName
  onCountryCodeChange => onDialCodeChange
  countryCodeRef => dialCodeRef
  defaultCountryCode => defaultDialCode
  

Patch Changes

• #2528 73c546fe8 Thanks @jacoblogan! - remove deprecation console warning from countryCode prop usage

• #2519 83f0f1e6b Thanks @jacoblogan! - update authenticator to use the new dial code props

• #2513 0dd3e1698 Thanks @zchenwei! - fix: update to use the old JSX transform to support app running on React prior to 16.14.0 where the new JSX transform does not get backported

• Updated dependencies [b60fec2c4]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2459 8350d36e2 Thanks @jacoblogan! - Angular: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  Vue: Add amplify-dialcodeselect class which contains the previous countrycodeselect styles
  React: Added 'dialCode' versions of all 'countryCode' props so that users can begin migrating away from the deprecated countryCode.

  countryCodeLabel => dialCodeLabel
  countryCodeName => dialCodeName
  onCountryCodeChange => onDialCodeChange
  countryCodeRef => dialCodeRef
  defaultCountryCode => defaultDialCode
  

• Updated dependencies [b60fec2c4]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2450 ed41e28d1 Thanks @thaddmt! - Fix location search bug

• #2469 322bc2ce7 Thanks @hbuchel! - fix(react): hide svg icon images in a11y tree in Rating component so redundant text is not announced

@aws-amplify/[email protected]

Minor Changes

• #2300 eae79ae15 Thanks @zchenwei! - feat: adding indeterminate state checkbox

  Users can create an indeterminate CheckboxField by setting isIndeterminate prop to true.

  Example

  import * as React from 'react';
  
  import { CheckboxField, Flex, View } from '@aws-amplify/ui-react';
  
  export const CheckboxFieldIndeterminateExample = () => {
    const [checkedItems, setCheckedItems] = React.useState([false, false]);
    const checkedItemsRef = React.useRef(null);
    const allChecked = checkedItems.every(Boolean);
    const isIndeterminate = checkedItems.some(Boolean) && !allChecked;
  
    if (isIndeterminate) {
      checkedItemsRef.current = [...checkedItems];
    }
    const handleAllPetsChange = () => {
      if (isIndeterminate) {
        setCheckedItems([true, true]);
      } else if (allChecked) {
        setCheckedItems([false, false]);
      } else if (checkedItemsRef.current) {
        setCheckedItems(checkedItemsRef.current);
      } else {
        setCheckedItems([true, true]);
      }
    };
  
    const handleCatChange = (e) => {
      const newCheckedItems = [e.target.checked, checkedItems[1]];
      if (!newCheckedItems.some(Boolean) || newCheckedItems.every(Boolean)) {
        checkedItemsRef.current = null;
      }
      setCheckedItems(newCheckedItems);
    };
  
    const handleDogChange = (e) => {
      const newCheckedItems = [checkedItems[0], e.target.checked];
      if (!newCheckedItems.some(Boolean) || newCheckedItems.every(Boolean)) {
        checkedItemsRef.current = null;
      }
      setCheckedItems(newCheckedItems);
    };
  
    return (
      <Flex direction="column" gap="0">
        <CheckboxField
          name="all-pets"
          label="All Pets"
          value="allPets"
          checked={allChecked}
          isIndeterminate={isIndeterminate}
          onChange={handleAllPetsChange}
        />
        <View paddingLeft="25px">
          <CheckboxField
            name="cat"
            label="Cat"
            value="cat"
            checked={checkedItems[0]}
            onChange={handleCatChange}
          />
          <CheckboxField
            name="dog"
            label="Dog"
            value="dog"
            checked={checkedItems[1]}
            onChange={handleDogChange}
          />
        </View>
      </Flex>
    );
  };

Patch Changes

• #2432 b3e6a97e8 Thanks @wlee221! - Bump xstate to ^4.33.0. This will resolve "No implementation found" warnings.

• #2431 1cfa1a054 Thanks @ioanabrooks! - This change adds a base background color for the SearchField component's button.

• #2398 e25bc4269 Thanks @zchenwei! - fix: add missing token for default font size for SwitchField

• #2386 1f358d8fa Thanks @joebuono! - fix(ui): Apply styling to disabled SelectField options in Firefox

@aws-amplify/[email protected]

Patch Changes

• #2419 8def8dc6a Thanks @ioanabrooks! - Hide decorative alert icons from screen readers.

• Updated dependencies [b3e6a97e8, 1cfa1a054, eae79ae15, e25bc4269, 1f358d8fa]:

  • @aws-amplify/[email protected]