feat(Forms): introduce decoupleForm prop to Form.Handler

[tujoworker]

This change allows devs to use the data context in a more flexible way:

Before:

<App>
  <AppRelatedThings>
    <Form.Handler> 👈 Data context, form element and status message
      ...
    </Form.Handler>
  </AppRelatedThings>
</App>

After:

<App>
  <Form.Handler decoupleForm> 👈 Data context
    <AppRelatedThings>
      <Form.Element> 👈 form element and status message
        ...
      </Form.Element>
    </AppRelatedThings>
  </Form.Handler>
</App>

• Add docs

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
eufemia	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 25, 2024 0:11am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[langz]

Is the word Element important in decoupleFormElement? Or could it just be decoupleForm?

Or detach? detachForm?
disconnect? DisconnectForm?

these are just suggestions

[tujoworker]

Is the word Element important in decoupleFormElement?

Since it's the element that detaches, I think it's good to have it. I struggle to come up with something better too. I also thought if we never decouple it from the Form.Handler, but introduce Form.Provider so it can be used with Form.Element, instead of a property. Maybe this approach is easier to communicate?

If so, a dev would could go from:

<App>
  <AppRelatedThings>
    <Form.Handler> 👈 Data context, form element and status message
      ...
    </Form.Handler>
  </AppRelatedThings>
</App>

After:

<App>
  <Form.Provider> 👈 Data context
    <AppRelatedThings>
      <Form.Element> 👈 form element and status message
        ...
      </Form.Element>
    </AppRelatedThings>
  </Form.Provider>
</App>

But then we need to have its own docs for Form.Provider, which is then basically a "copy" of Form.Handler.

[tujoworker]

🎉 This PR is included in version 10.58.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀