feat: Expose `data` in ActionSheet button props

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Currently it is impossible to thread data through chained ActionSheet instances – one has is to resort to mutable state via button handler to simulate missing data property (yes, the property exists, but is only populated when invoking dismiss, which is useless for cases where the user selects an item from the list).

Describe the Use Case

this.action.create({ handler: () => this.mutable = someData, ... }).then(outer => {
  outer.onDidDismiss().then(x => {
    this.action.create({...}).then(inner => {
      const d = this.mutable // only option is mutable state
      inner.onDidDismiss().then(...)
      inner.present()
    })
  })
  outer.present()
})

Describe Preferred Solution

this.action.create({ buttons: [{data: ...}], ... }).then(outer => {
  outer.onDidDismiss().then(x => {
    this.action.create({...}).then(inner => {
      const d = x.data // data threaded through, no instance level props
      inner.onDidDismiss().then(...)
      inner.present()
    })
  })
  outer.present()
})

Describe Alternatives

It was suggested in the forum to hijack the role property as a substitute, which would work if one were only passing strings, but falls apart for any other data type.

Related Code

No response

Additional Information

No response

[liamdebeasi]

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/23744, and this feature will be available in an upcoming release of the Ionic Framework v6 beta.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.