feat(core): add groups to document actions, introduce paneActions group

[pedrobonamin]

Description

Introduces groups into DocumentActions allowing plugin developers to add actions and decide where they want this actions to show:

• default will add the actions to the same position as before, in the footer right next to the publish button.
• paneActions will add the action in the context menu right next to the inspectors and other pane actions.

This is initially intended to support creating tasks from within a document.

Example of usage

export function ConfirmDialogAction({onComplete}): DocumentActionDescription {
  const [dialogOpen, setDialogOpen] = useState(false)

  return {
    label: 'Show confirm',
    onHandle: () => {
      setDialogOpen(true)
    },
    group: ['paneActions'],
    dialog: dialogOpen && {
      type: 'confirm',
      onCancel: onComplete,
      onConfirm: () => {
        alert('You confirmed!')
        onComplete()
      },
      message: 'Please confirm!',
    },
  }
}

const plugin = definePlugin({
  ...,
  document: {
    actions: (prev) => [...prev, ConfirmDialogAction],
  }
})

Screen.Recording.2024-03-08.at.10.39.52.mov

What to review

Is there other way to simplify this?
Are the changes in GetHookCollectionState correct?

Testing

Create an action from within a plugin, the action should render in the selected group.

Notes for release

Add support for groups in document actions.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
performance-studio	✅ Ready (Inspect)	Visit Preview		Mar 10, 2024 11:31am
test-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 10, 2024 11:31am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
studio-workshop	⬜️ Ignored (Inspect)	Visit Preview		Mar 10, 2024 11:31am

[github-actions]

No changes to documentation

[github-actions]

Component Testing Report Updated Mar 10, 2024 11:35 AM (UTC)

File	Status	Duration	Passed	Skipped	Failed
comments/CommentInput.spec.tsx	✅ Passed (Inspect)	31s	15	0	0
formBuilder/ArrayInput.spec.tsx	✅ Passed (Inspect)	5s	3	0	0
formBuilder/inputs/PortableText/Annotations.spec.tsx	✅ Passed (Inspect)	12s	3	0	0
formBuilder/inputs/PortableText/copyPaste/CopyPaste.spec.tsx	✅ Passed (Inspect)	12s	4	2	0
formBuilder/inputs/PortableText/Decorators.spec.tsx	✅ Passed (Inspect)	12s	6	0	0
formBuilder/inputs/PortableText/FocusTracking.spec.tsx	✅ Passed (Inspect)	30s	15	0	0
formBuilder/inputs/PortableText/Input.spec.tsx	✅ Passed (Inspect)	59s	15	0	0
formBuilder/inputs/PortableText/ObjectBlock.spec.tsx	✅ Passed (Inspect)	58s	18	0	0
formBuilder/inputs/PortableText/RangeDecoration.spec.tsx	✅ Passed (Inspect)	11s	6	0	0
formBuilder/inputs/PortableText/Styles.spec.tsx	✅ Passed (Inspect)	13s	6	0	0
formBuilder/inputs/PortableText/Toolbar.spec.tsx	❌ Failed (Inspect)	24s	8	0	1

[bjoerge]

Looks good overall! Just found a few smaller things that would be good to fix before merging.

[bjoerge]

LGTM, great work @pedrobonamin