feat(table): S2 tableview custom column menu

[snowystinger]

Closes
Based on DNM - on hold: Implement Table Column custom actions
https://github.com/orgs/adobe/projects/19/views/32?visibleFields=%5B%22Title%22%2C%22Assignees%22%2C%22Status%22%2C4406231%2C25365423%2C3244152%2C5195578%2C17851188%2C30557450%2C3404283%2C%22Labels%22%5D&filterQuery=table&pane=issue&itemId=5984093

Some requirements we should consider, grouping multiple ways to sort. See acrobat.com's tables.

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[ktabors]

It looks like this broke alignment in the resizing table header columns.

https://reactspectrum.blob.core.windows.net/reactspectrum/e6c04fecb3a59548fc621b334b4c75d3a2879cf4/storybook-s2/index.html?path=/story/tableview--resizing-table

https://reactspectrum.blob.core.windows.net/reactspectrum/e6c04fecb3a59548fc621b334b4c75d3a2879cf4/storybook-s2/index.html?path=/story/tableview--resizing-sortable-table

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[rspbot]

## API Changes

@react-spectrum/s2

/@react-spectrum/s2:Column

 Column {
   align?: 'start' | 'center' | 'end' = 'start'
   allowsResizing?: boolean
   allowsSorting?: boolean
   children: ReactNode
   className?: string | ((ColumnRenderProps & {
     defaultClassName: string | undefined
 })) => string
   defaultWidth?: ColumnSize | null
   id?: Key
   isRowHeader?: boolean
   maxWidth?: ColumnStaticSize | null
+  menu?: ReactNode
   minWidth?: ColumnStaticSize | null
   showDivider?: boolean
   style?: CSSProperties | ((ColumnRenderProps & {
     defaultStyle: CSSProperties
   textValue?: string
   width?: ColumnSize | null
 }

/@react-spectrum/s2:ColumnProps

 ColumnProps {
   align?: 'start' | 'center' | 'end' = 'start'
   allowsResizing?: boolean
   allowsSorting?: boolean
   children: ReactNode
   className?: string | ((ColumnRenderProps & {
     defaultClassName: string | undefined
 })) => string
   defaultWidth?: ColumnSize | null
   id?: Key
   isRowHeader?: boolean
   maxWidth?: ColumnStaticSize | null
+  menu?: ReactNode
   minWidth?: ColumnStaticSize | null
   showDivider?: boolean
   style?: CSSProperties | ((ColumnRenderProps & {
     defaultStyle: CSSProperties
   textValue?: string
   width?: ColumnSize | null
 }

---

[ktabors]

The line as the first MenuItem from a MenuSection when it's the first section and there is no Header looks weird. I checked our Menu stories and they all have Headers. Is this because a MenuSection is wrapping the Collection where the MenuItems are inserted into the TableHeader's column cell?

[reidbarber]

LGTM