Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

ListManager / ColumnManagementModal: forward BulkSelect i18n label props

オープン
#988 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
72/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
typescript

調査の方向性

Start at the ListManager and ColumnManagementModal entry points, then compare their prop types and rendering with BulkSelect's existing i18n label props. Done means consumers can pass the label values through these components and the bulk-select UI uses the localized strings.

索引モデルが issue の本文から書いたものです。

説明

Problem

BulkSelect already exposes i18n-friendly label props (selectNoneLabel, selectAllLabel, selectedLabel, selectPageLabel) as of v6.5.0 (#896), but ListManager renders BulkSelect without passing them through. The only related customization on ListManager today is dataListAriaLabel.

As a result, bulk-select UI stays in English ("Select all (N)", "N selected", "Select none (0)") even when the surrounding modal title, description, and actions are translated.

Current behavior

In @patternfly/react-component-groups v6.5.0, ListManager renders:

<BulkSelect
  canSelectAll
  isDataPaginated={false}
  selectedCount={...}
  totalCount={...}
  onSelect={...}
  pageSelected={...}
  pagePartiallySelected={...}
/>

No selectNoneLabel, selectAllLabel, or selectedLabel props are accepted or forwarded.

ColumnManagementModal also does not expose these props when it wraps ListManager.

Expected behavior

Consumers should be able to localize bulk-select strings without reimplementing ListManager.

Environment
  • @patternfly/react-component-groups: ~6.5.0

  • Use case: table column management modal on list pages

Related
  • BulkSelect i18n: #895 / #896 (already merged in v6.5.0)

  • Components: ListManager, ColumnManagementModal, BulkSelect


Jira Issue: PF-4700

主要言語
TypeScript
スター
10
フォーク
40
平均マージ
23時間 23分
マージ済み PR(30日)
2

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

patternfly/react-component-groups のほかの issue

patternfly/react-component-groups の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。