Skip to content

feat(overflow-items): added wrap mode & upd examples (#DS-3381)#1385

Open
NikGurev wants to merge 14 commits intomainfrom
feat/DS-3381
Open

feat(overflow-items): added wrap mode & upd examples (#DS-3381)#1385
NikGurev wants to merge 14 commits intomainfrom
feat/DS-3381

Conversation

@NikGurev
Copy link
Contributor

@NikGurev NikGurev commented Feb 27, 2026

@NikGurev NikGurev self-assigned this Feb 27, 2026
@NikGurev NikGurev added the enhancement New feature or request label Feb 27, 2026
@github-actions
Copy link

github-actions bot commented Feb 27, 2026

Visit the preview URL for this PR (updated for commit d2f99b0):

https://koobiq-next--prs-1385-w35uhi1u.web.app

(expires Mon, 09 Mar 2026 14:07:48 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c

@NikGurev NikGurev marked this pull request as ready for review March 2, 2026 19:27
  - Extract KbqFlexDirection and KbqFlexWrap shared types to
  core/common-behaviors/flex.ts
  - Use KbqFlexWrap/KbqFlexDirection in overflow-items instead of
  inline string unions
  - Rework clamped-list example: replace expand/collapse logic
  with a tooltip showing hidden items
  - Enable overflow-items examples in docs structure
  - Simplify karma specs with hardcoded container sizes and
  clarifying comments
  - Update public API golden files
@NikGurev NikGurev requested a review from artembelik March 3, 2026 11:43
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds flex-wrap (“wrap”/“nowrap”) support to KbqOverflowItems, and updates docs/examples so the component’s examples are now enabled in the docs app.

Changes:

  • Added wrap input to KbqOverflowItems and introduced shared core types KbqFlexWrap / KbqFlexDirection.
  • Extended Karma specs to cover wrap behavior in both horizontal and vertical orientations.
  • Added a new “Overflow items as clamped list” docs example and enabled examples for the Overflow Items docs page.

Reviewed changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
tools/public_api_guard/components/overflow-items.api.md Public API snapshot updated for new wrap input.
tools/public_api_guard/components/core.api.md Public API snapshot updated for new flex types.
packages/components/core/common-behaviors/index.ts Re-export flex types from common behaviors.
packages/components/core/common-behaviors/flex.ts New shared flex union types (KbqFlexWrap, KbqFlexDirection).
packages/components/overflow-items/overflow-items.ts Implements wrap input and wrap-aware overflow calculation.
packages/components/overflow-items/overflow-items.karma-spec.ts Adds wrap-related test coverage.
packages/docs-examples/components/overflow-items/overflow-items-as-clamped-list/overflow-items-as-clamped-list-example.ts New docs example demonstrating wrapping/clamped list behavior.
packages/docs-examples/components/overflow-items/index.ts Registers the new example in the examples module.
packages/docs-examples/example-module.ts Registers example metadata and lazy-load routing entry.
packages/components/overflow-items/examples.overflow-items.en.md Switches examples page to render the new example.
packages/components/overflow-items/examples.overflow-items.ru.md Switches examples page to render the new example.
packages/components-dev/overflow-items/module.ts Adds the new example to the dev showcase page.
apps/docs/src/app/structure.ts Enables examples for the Overflow Items docs section.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants