entity-selection-list-component #216

jose · 2025-11-03T13:56:55Z

jose commented

2025-11-03 13:56:55 +00:00

ClickUp: https://app.clickup.com/t/86b74wccf

jose added 9 commits 2025-11-03 13:56:56 +00:00

refactor: convert entity display to list style e647af0777

- Switch from grid display to list layout for persons and projects
- Re-styled special entities (unnamed, You) to match
- Added max-height limit to list in preparation for scrolling and displaying more items

feat: remove Show All navigation card from entity grids f7441f39e7

- Remove ShowAllCard component and all related functionality
- Remove showAllRoute, showAllQueryParams, and hideShowAll props
- Remove shouldShowAll computed property from EntityGrid
- Clean up ShowAll-related code from EntitySelectionStep and GiftedDialog
- Delete ShowAllCard.vue component file
- Update component documentation to reflect removal

This simplifies the entity selection interface by removing the navigation
card that allowed users to view all entities in a separate view.

feat: Add quick search to EntityGrid with date-based contact sorting a804877a08

- Add search-as-you-type functionality with 500ms debounce
- Implement search across contact names and DIDs, project names and handleIds
- Add loading spinner and dynamic clear button
- Add $contactsByDateAdded() method to PlatformServiceMixin for newest-first sorting
- Update GiftedDialog to use date-based contact ordering
- Maintain backward compatibility with existing $contacts() alphabetical sorting
- Add proper cleanup for search timeouts on component unmount

The search feature provides real-time filtering with visual feedback,
while the new sorting ensures recently added contacts appear first.

fix: linting 75c89b471c

feat(EntityGrid): display no results message for empty search queries 10f2920e11

Add contextual feedback message when a search term is entered but no matching entities are found. The message dynamically adjusts its wording based on whether searching for people or projects.

feat: Add showUnnamedEntity prop to EntityGrid 82fd7cddf7

Add prop to control visibility of "Unnamed" entity, matching showYouEntity
pattern. Defaults to true for backward compatibility.

feat(EntityGrid): sort search results alphabetically 9c3002f9c7

Sort search results alphabetically while preserving original order for
default list when no search term is present.

fix(components): prevent icon shrinking in PersonCard and ProjectCard 2f99d0b416

Add shrink-0 class to icon elements to maintain consistent icon sizing
when card layouts flex or wrap content.

feat(EntityGrid): Split contacts into recent and alphabetical sections 4004d9fe52

When displaying contacts (not search results), show the 3 most recently
added contacts at the top with a "Recently Added" heading, followed by
the rest sorted alphabetically with an "Everyone Else" heading.

- Add recentContacts and alphabeticalContacts computed properties
- Hide "You" and "Unnamed" special entities during search
- Only show search spinner when actively searching with a term
- Style section headings with uppercase, improved spacing, and borders

jose added 2 commits 2025-11-05 07:52:32 +00:00

feat(EntityGrid): implement infinite scroll for entity lists d32cca4f53

Add infinite scroll functionality to EntityGrid component using VueUse's
useInfiniteScroll composable to handle large volumes of entities efficiently.

Changes:
- Integrate @vueuse/core useInfiniteScroll composable
- Add infinite scroll state management (displayedCount, reset function)
- Configure initial batch size (20 items) and increment size (20 items)
- Update displayedEntities, alphabeticalContacts to support progressive loading
- Add canLoadMore() logic for people, projects, and search modes
- Reset scroll state when search term or entities prop changes
- Remove maxItems prop (replaced by infinite scroll)
- Simplify displayEntitiesFunction signature (removed maxItems parameter)
- Update EntitySelectionStep and test files to remove max-items prop

Technical details:
- Uses template ref (scrollContainer) to access scrollable container
- Recent contacts (3) count toward initial batch for people grid
- Special entities (You, Unnamed) always displayed, don't count toward limits
- Infinite scroll works for both entity types and search results
- Constants are configurable at top of component (INITIAL_BATCH_SIZE, INCREMENT_SIZE)

This improves performance and UX when displaying large lists of contacts or
projects by loading content progressively as users scroll.

Merge pull request 'feat(EntityGrid): implement infinite scroll for entity lists' (#215 ) from entity-selection-list-component-infinite-scroll into entity-selection-list-component e42552c67a