commercetools / ui-kit

Component library 💅
https://uikit.commercetools.com
MIT License
144 stars 25 forks source link

feat(TextField): forward `maxLength` prop to `TextField` and `TextInput` input element #2854

Closed ragafus closed 1 month ago

ragafus commented 2 months ago

Closes https://github.com/commercetools/ui-kit/issues/2860

Summary

The new prop will allow developers to restrict the max. number of characters of a text input.

Description

In Priceless we need to render a field that will only accept 1 character.

changeset-bot[bot] commented 2 months ago

🦋 Changeset detected

Latest commit: 5fb9247fb2f3344432ecc7f8d706db35808ffd47

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 96 packages | Name | Type | | --------------------------------------------------- | ----- | | @commercetools-uikit/text-field | Patch | | @commercetools-uikit/text-input | Patch | | @commercetools-uikit/fields | Patch | | @commercetools-uikit/localized-text-input | Patch | | @commercetools-uikit/inputs | Patch | | @commercetools-frontend/ui-kit | Patch | | @commercetools-uikit/localized-text-field | Patch | | @commercetools-uikit/design-system | Patch | | @commercetools-uikit/calendar-time-utils | Patch | | @commercetools-uikit/calendar-utils | Patch | | @commercetools-uikit/hooks | Patch | | @commercetools-uikit/i18n | Patch | | @commercetools-uikit/localized-utils | Patch | | @commercetools-uikit/utils | Patch | | @commercetools-uikit/accessible-hidden | Patch | | @commercetools-uikit/avatar | Patch | | @commercetools-uikit/card | Patch | | @commercetools-uikit/collapsible-motion | Patch | | @commercetools-uikit/collapsible-panel | Patch | | @commercetools-uikit/collapsible | Patch | | @commercetools-uikit/constraints | Patch | | @commercetools-uikit/data-table-manager | Patch | | @commercetools-uikit/data-table | Patch | | @commercetools-uikit/field-errors | Patch | | @commercetools-uikit/field-label | Patch | | @commercetools-uikit/field-warnings | Patch | | @commercetools-uikit/grid | Patch | | @commercetools-uikit/icons | Patch | | @commercetools-uikit/label | Patch | | @commercetools-uikit/link | Patch | | @commercetools-uikit/loading-spinner | Patch | | @commercetools-uikit/messages | Patch | | @commercetools-uikit/notifications | Patch | | @commercetools-uikit/pagination | Patch | | @commercetools-uikit/primary-action-dropdown | Patch | | @commercetools-uikit/progress-bar | Patch | | @commercetools-uikit/stamp | Patch | | @commercetools-uikit/tag | Patch | | @commercetools-uikit/text | Patch | | @commercetools-uikit/tooltip | Patch | | @commercetools-uikit/view-switcher | Patch | | @commercetools-uikit/accessible-button | Patch | | @commercetools-uikit/flat-button | Patch | | @commercetools-uikit/icon-button | Patch | | @commercetools-uikit/link-button | Patch | | @commercetools-uikit/primary-button | Patch | | @commercetools-uikit/secondary-button | Patch | | @commercetools-uikit/secondary-icon-button | Patch | | @commercetools-uikit/dropdown-menu | Patch | | @commercetools-uikit/async-creatable-select-field | Patch | | @commercetools-uikit/async-select-field | Patch | | @commercetools-uikit/creatable-select-field | Patch | | @commercetools-uikit/date-field | Patch | | @commercetools-uikit/date-range-field | Patch | | @commercetools-uikit/date-time-field | Patch | | @commercetools-uikit/localized-multiline-text-field | Patch | | @commercetools-uikit/money-field | Patch | | @commercetools-uikit/multiline-text-field | Patch | | @commercetools-uikit/number-field | Patch | | @commercetools-uikit/password-field | Patch | | @commercetools-uikit/radio-field | Patch | | @commercetools-uikit/search-select-field | Patch | | @commercetools-uikit/select-field | Patch | | @commercetools-uikit/time-field | Patch | | @commercetools-uikit/async-creatable-select-input | Patch | | @commercetools-uikit/async-select-input | Patch | | @commercetools-uikit/checkbox-input | Patch | | @commercetools-uikit/creatable-select-input | Patch | | @commercetools-uikit/date-input | Patch | | @commercetools-uikit/date-range-input | Patch | | @commercetools-uikit/date-time-input | Patch | | @commercetools-uikit/input-utils | Patch | | @commercetools-uikit/localized-money-input | Patch | | @commercetools-uikit/localized-multiline-text-input | Patch | | @commercetools-uikit/localized-rich-text-input | Patch | | @commercetools-uikit/money-input | Patch | | @commercetools-uikit/multiline-text-input | Patch | | @commercetools-uikit/number-input | Patch | | @commercetools-uikit/password-input | Patch | | @commercetools-uikit/radio-input | Patch | | @commercetools-uikit/rich-text-input | Patch | | @commercetools-uikit/rich-text-utils | Patch | | @commercetools-uikit/search-select-input | Patch | | @commercetools-uikit/search-text-input | Patch | | @commercetools-uikit/select-input | Patch | | @commercetools-uikit/select-utils | Patch | | @commercetools-uikit/selectable-search-input | Patch | | @commercetools-uikit/time-input | Patch | | @commercetools-uikit/toggle-input | Patch | | @commercetools-uikit/spacings-inline | Patch | | @commercetools-uikit/spacings-inset-squish | Patch | | @commercetools-uikit/spacings-inset | Patch | | @commercetools-uikit/spacings-stack | Patch | | @commercetools-uikit/buttons | Patch | | @commercetools-uikit/spacings | Patch | | visual-testing-app | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel[bot] commented 2 months ago

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

Name Status Preview Comments Updated (UTC)
ui-kit ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 24, 2024 9:59am
ui-kit-storybook-v2 ❌ Failed (Inspect) Jul 24, 2024 9:59am
gitstream-cm[bot] commented 2 months ago

This PR is missing a Jira ticket reference in the title or description. Please add a Jira ticket reference to the title or description of this PR.

gitstream-cm[bot] commented 2 months ago

🥷 Code experts: jmcreasman

jmcreasman has most 👩‍💻 activity in the files. Rhotimee has most 🧠 knowledge in the files.

See details `packages/components/fields/text-field/README.md` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 1 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame: Rhotimee: 28% `packages/components/fields/text-field/src/text-field.story.js` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 1 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame: `packages/components/fields/text-field/src/text-field.tsx` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 5 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame: Rhotimee: 79% `packages/components/inputs/text-input/README.md` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 1 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame: `packages/components/inputs/text-input/src/text-input.story.js` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 1 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame: `packages/components/inputs/text-input/src/text-input.tsx` Activity based on git-commit: | | jmcreasman | | --- | --- | | JUL | | | JUN | | | MAY | | | APR | 4 additions & 0 deletions | | MAR | | | FEB | | Knowledge based on git-blame:

To learn more about /:\ gitStream - Visit our Docs