palantir/blueprint

OverflowList FR: collapse from middle

Open

#3.794 geöffnet am 24. Okt. 2019

Auf GitHub ansehen
 (1 Kommentar) (3 Reaktionen) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
P2Package: coreType: enhancementhelp wanted

Beschreibung

Environment

  • Package version(s): 3.18.0
  • Browser and OS versions: ALL

Feature request

For the overflow list, It would be a nice feature to have a collapse from middle. There are instances where the middle of a path is common however the tail and head differ

Examples

Using the example from Documentation: Full path: All files > Users > Janet >Photos > Wednesday > image.jpg Collapse from start: ...>Photos > Wednesday > image.jpg Collapse from end: All files > Users > Janet > Photos > ... Collapse from middle: All files > Users > ... > Wednesday > image.jpg

Contributor Guide

Tech Stack
typescriptreact
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React basicsTypeScript familiarityUnderstanding of OverflowList component
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70
Research-Richtung
Examine the existing OverflowList component implementation, particularly how collapse from start and end are handled. Look for the component's logic in src/components/overflow list/overflowList.tsx and related files. Understand the current overflow mechanism and breadcrumb rendering. Then design a middle collapse strategy similar to the provided examples, ensuring it's a configurable prop or option. Consider edge cases like short paths or all items fitting.