useSortedAttributes - grouping options from jsx-sort-props

[jgoz]

Currently, useSortedAttributes is not configurable and attributes are only ever sorted using natural alphabetical order. The source rule react/jsx-sort-props, however, supports options for grouping attributes based on their nature. These options seem the most useful to me:

• callbacksLast — When true, callbacks must be listed after all other props, even if shorthandLast is set
• shorthandFirst — When true, short hand props must be listed before all other props, but still respecting the alphabetical order
• shorthandLast — When true, short hand props must be listed after all other props (unless callbacksLast is set), but still respecting the alphabetical order
• reservedFirst — This can be a boolean or an array option. When reservedFirst is defined, React reserved props (children, dangerouslySetInnerHTML, key, and ref) must be listed before all other props, but still respecting the alphabetical order. If given as an array, the array's values will override the default list of reserved props. Note: the values in the array may only be a subset of React reserved props.

[rkovalov]

Hi @jgoz,

I'm also looking forward to this feature. I think it would be great to follow the same API pattern as organizeImports for consistency.

Here's a suggested configuration structure that would provide the flexibility while maintaining familiarity with existing Biome patterns:

"useSortedAttributes": {
    "level": "error",
    "options": {
      "type": "alphabetical", /*  'line-length' | 'alphabetical' */
      "order": "asc",         /*  'asc' | 'desc' */
      "groups": [
        ["id", "key", "ref"],
        ["dangerouslySetInnerHTML"],
        ["className", "style"],
        ":SHORTHAND:",
        "is[A-Z]*.*", 
        "on[A-Z]*.*"
      ]
    }
  }