[3/6] Add POS List web component types - #4661
Draft
ajanth-u wants to merge 8 commits into
Draft
Conversation
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
Collaborator
Author
|
/snapIt |
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
ajanth-u
marked this pull request as ready for review
September 1, 2026 04:06
ajanth-u
marked this pull request as draft
September 1, 2026 05:18
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
Collaborator
Author
|
/snapit |
Contributor
|
🫰✨ Thanks @ajanth-u! Your snapshots have been published to npm. Test the snapshots by updating your "@shopify/ui-extensions": "0.0.0-snapshot-20260901153420",
"@shopify/ui-extensions-tester": "0.0.0-snapshot-20260901153420" |
Collaborator
Author
|
/snapit |
Contributor
|
🫰✨ Thanks @ajanth-u! Your snapshots have been published to npm. Test the snapshots by updating your "@shopify/ui-extensions": "0.0.0-snapshot-20260901162303",
"@shopify/ui-extensions-tester": "0.0.0-snapshot-20260901162303" |
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
Assisted-By: devx/46b3a0a9-3b3c-4c53-a0c1-759bfb326ea8
ajanth-u
commented
Sep 2, 2026
ajanth-u
commented
Sep 2, 2026
ajanth-u
commented
Sep 2, 2026
Assisted-By: devx/731c45d9-3be0-4043-899f-87200624d2b8
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Background
The 2026-10 POS UI Extensions surface needs a virtualized list component for structured, incrementally loaded data. The public shape is under TAG review in Shopify/ui-api-design#1576.
Solution
Add the
s-pos-listweb component contract to the 2026-10 release branch:onClickcallbacks that receive the callback event; row context is held by each callback's closureimageDisplayStrategy,loadingMore, andloadmoresupportheaderslot for composable content above the rows; no component-owned titleThe web-component names intentionally replace legacy React-oriented names:
databecomesrows,isLoadingMorebecomesloadingMore, andonEndReachedbecomesloadmore/onLoadMore.Alternatives considered
Listcontract unchanged — rejected because React-specific names andlistHeaderComponentdo not fit the web-component surface.titleproperty — rejected because headings compose outside the list or through theheaderslot.onClickcallbacks, with row context already available through the closure.Verification
yarn buildyarn type-checkyarn test(no related Jest suites)StandardComponents.tspasses; generated declarations and examples are intentionally ignored by this repository's ESLint configurationyarn lintreaches only pre-existing generatedcheckout/preact.jsandcustomer-account/preact.jserrors afteryarn buildDependencies
This draft is blocked on approval of Shopify/ui-api-design#1576. End-to-end availability also requires the POS host implementation linked below.
After this PR merges, regenerate the 2026-10 POS reference data in World before the Shopify Dev documentation PR can merge.
Related PRs
🎩
Manual POS verification is intentionally deferred to the author.
Checklist