Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(forms): add support for {itemNr} to the iterate container title + add useItem hook #3848

Merged
merged 2 commits into from
Aug 20, 2024

Conversation

tujoworker
Copy link
Member

@tujoworker tujoworker commented Aug 20, 2024

Quick example of both {itemNr} and useItem:

const MyEditItemForm = () => {
  const item = Iterate.useItem()
  console.log('index:', item.index)
  
  return (
    <Field.Composition>
      <Field.Name.First itemPath="/firstName" width="medium" />
      <Field.Name.Last
        itemPath="/lastName"
        width="medium"
        required
      />
    </Field.Composition>
  )
}

const MyEditItem = () => {
  return (
    <Iterate.EditContainer
      title="Edit account holder {itemNr}"
      titleWhenNew="New account holder {itemNr}"
    >
      <MyEditItemForm />
    </Iterate.EditContainer>
  )
}

@tujoworker tujoworker requested a review from langz August 20, 2024 12:07
Copy link

vercel bot commented Aug 20, 2024

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 Aug 20, 2024 1:06pm

@tujoworker tujoworker marked this pull request as ready for review August 20, 2024 12:07
@tujoworker tujoworker force-pushed the feat/iterate-item-nr branch from 6ae5079 to 02a19e1 Compare August 20, 2024 12:10
Copy link

codesandbox-ci bot commented Aug 20, 2024

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.

…rms/Iterate/Array/info.mdx

Co-authored-by: Anders <anderslangseth@gmail.com>
@tujoworker tujoworker merged commit 0d50272 into main Aug 20, 2024
10 checks passed
@tujoworker tujoworker deleted the feat/iterate-item-nr branch August 20, 2024 13:44
tujoworker pushed a commit that referenced this pull request Aug 26, 2024
## [10.45.0](v10.44.0...v10.45.0) (2024-08-26)

### 📝 Documentation

* **Upload:** adds `false` as a file max size type ([#3846](#3846)) ([8747e74](8747e74))

### 🐛 Bug Fixes

* **forms:** enhance `Field.Name` validation rule ([#3849](#3849)) ([9c9142d](9c9142d))
* **forms:** ensure `Iterate.Array` can handle an array given in the data context ([#3842](#3842)) ([263f4c7](263f4c7)), closes [#3759](#3759)
* **forms:** ensure `Section.EditContainer` cancel restores data when path is given ([#3853](#3853)) ([eabc583](eabc583)), closes [#3797](#3797)
* **forms:** ensure pressing enter in an input field inside Wizard does trigger next step ([#3852](#3852)) ([fd35828](fd35828))
* **forms:** make `Form.Isolation`s data flow "from outside" stricter ([#3847](#3847)) ([977962b](977962b)), closes [#3844](#3844)
* **forms:** validate fields inside `Iterate.EditContainer` when done button is pressed ([#3850](#3850)) ([2a2272e](2a2272e))
* **forms:** validate fields inside `Section.EditContainer` when done button is pressed ([#3851](#3851)) ([1c34980](1c34980))
* **useTheme:** define the return type of `null` as a possible return ([#3861](#3861)) ([8d0cf61](8d0cf61))

### ✨ Features

* **forms:** add `inheritLabel` prop to value components ([#3858](#3858)) ([01e0976](01e0976))
* **forms:** add `Iterate.PushContainer` to support an "initially open" container ([#3843](#3843)) ([0fe23a9](0fe23a9))
* **forms:** add `Value.ArraySelection` component ([#3854](#3854)) ([bc55cc2](bc55cc2))
* **forms:** add `Value.Selection` component ([#3857](#3857)) ([7432986](7432986))
* **forms:** add support for `{itemNr}` to the iterate container title + add `useItem` hook ([#3848](#3848)) ([0d50272](0d50272))
* **Upload:** define max file size for file type ([#3859](#3859)) ([13fc1a8](13fc1a8))
@tujoworker
Copy link
Member Author

🎉 This PR is included in version 10.45.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

Successfully merging this pull request may close these issues.

2 participants