Cbowdoin/bottom sheet supports x axis constraints

[cbowdoin]

Platforms Impacted

• iOS
• macOS

Description of changes

BottomSheetController.swift

Adds 2 new properties to bottom sheets: preferredWidth and anchoredEdge.
PreferredWidth allows for custom width specification for bottom sheets. The sheet will attempt to set the width to the size specified as long as the value is between the minimum and maximum width of the sheet. If the value is not within that range, we will revert back to the original behavior of using the max width.

To avoid conflicts with should always fill width these properties unset each other when one is set.
If should always fill width is set we will take this as the primary source of truth and defer behavior to this value being set.

AnchoredEdge allows the user to specify which edge we will constrain the sheet to. By default this remains keeping the sheet centered but when set users can move the sheet to be attached to the leading or trailing edge with a padding of 8.

BottomSheetDemoController.swift

• Adds 2 new toggles that allow the user to test the preferredWidth and anchoredEdge.
  • preferredWidth will set the width to 400
  • the anchoredEdge toggle allows users to test attaching the sheet to the trailing edge. Disabling the toggle will
    recenter the sheet

Binary change

Total increase: 39,000 bytes
Total decrease: -3,816 bytes

File	Before	After	Delta
Total	30,927,296 bytes	30,962,480 bytes	⚠️ 35,184 bytes

Full breakdown

File	Before	After	Delta
BottomSheetController.o	490,440 bytes	521,072 bytes	⚠️ 30,632 bytes
__.SYMDEF	4,790,704 bytes	4,797,328 bytes	⚠️ 6,624 bytes
FocusRingView.o	815,024 bytes	816,768 bytes	⚠️ 1,744 bytes
BottomCommandingController.o	846,984 bytes	843,168 bytes	🎉 -3,816 bytes

Verification

Tested using the bottom sheet demo. Initialized the sheet with properties for the various scenarios.
Preferred Width

• width declared to a value less than the minimum sheet size
• width declared to a value greater than max sheet size
• width declared to a value between min and maximum
• width declared after the sheet is set to always fill width
• width declared before the sheet is to always fill width

AnchoredEdge

• centered, leading, and trailing all position the sheet in the correct spot in both LTR and RTL languages

Visual Verification

Before	After

Pull request checklist

This PR has considered:

• Internationalization and Right to Left layouts
• Size classes and window sizes (iPhone vs iPad, notched devices, multitasking, different window sizes, etc)
• Objective-C exposure (provide it only if needed)

Microsoft Reviewers: Open in CodeFlow

[laminesm]

Is this change meant to be iPad only?

[cbowdoin]

Is this change meant to be iPad only?

No. The most likely scenarios where this is useful is on iPad but I see no reason to limit consumers to use it on iPad. For example, I could see a scenario where you would want a bottom sheet that is presented on iPhone in landscape in a non centered view.