palantir/blueprint

Disable/Not show remove button on Tag on specific elements - Multiselect

Open

#4,605 opened on 2021年3月24日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)TypeScript (2,167 forks)batch import
P2Package: selectType: feature requesthelp wanted

Repository metrics

Stars
 (20,263 stars)
PR merge metrics
 (平均マージ 43d 10h) (30d で 27 merged PRs)

説明

Environment

  • Package version(s): 3.15.8
  • Browser and OS versions: Chrome, Windows 10

Question

How do I disable/not show the remove icon on a specific tag in MultiSelect? I tried the "itemDisabled" prop but that doesnt work. In the below example, Shawshank Redemption should not be removed at all under any circumstances. Please advice.

This is my code:

https://codesandbox.io/s/magical-nash-q7c0g?file=/src/App.tsx

コントリビューターガイド

調査方針
この課題は、MultiSelectコンポーネント内の特定のタグの削除ボタンを無効化または非表示にする機能を要求しています。ユーザーは既存の `itemDisabled` プロパティを試しましたが、削除ボタンには影響しませんでした。解決策としては、新しいプロパティ（例：`tagRemoveDisabled`）の追加、または各アイテムのプロパティに基づいて削除アイコンを条件付きで表示するためのタグレンダリングの拡張が考えられます。関連する調査ファイルには、Blueprintリポジトリ内のMultiSelectコンポーネントのソースコード（おそらく `packages/select/src/components/multi select/` ディレクトリ内）が含まれます。既存の実装と `itemDisabled` プロパティを確認する必要があります。この課題には追加のコンテキストを提供する可能性のあるコメントが2件ありますが、関連するPRはありません。実装前に、メンテナーが望ましいAPIと設計を明確にする必要があります。
技術スタック
typescriptreact
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
ReactTypeScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75