entity-selection-list-component #216

Merged

jose merged 13 commits from entity-selection-list-component into master 11 hours ago

jose commented 2 days ago

Owner

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

jose added 9 commits 2 days ago

e647af0777 refactor: convert entity display to list style

- 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

f7441f39e7 feat: remove Show All navigation card from entity grids

- 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.

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

- 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.

75c89b471c fix: linting

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

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.

82fd7cddf7 feat: Add showUnnamedEntity prop to EntityGrid

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

9c3002f9c7 feat(EntityGrid): sort search results alphabetically

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

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

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

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

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 12 hours ago

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

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.

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

Reviewed-on: https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/pulls/215

jose added 1 commit 12 hours ago

38f301f053 Merge branch 'master' into entity-selection-list-component

jose added 1 commit 11 hours ago

d9230d0be8 fix: restore proper dialog max-height

jose merged commit 88f46787e5 into master 11 hours ago

jose referenced this issue from a commit 11 hours ago

Merge pull request 'entity-selection-list-component' (#216) from entity-selection-list-component into master

The pull request has been merged as 88f46787e5.

No reviewers

No Label

No Milestone

No Assignees

1 Participants

Notifications

Due Date

No due date set.

Dependencies

This pull request currently doesn't have any dependencies.