feat(cc-cellar-explorer): init component

[pdesoyres-cc]

This PR introduces a new cc-cellar-explorer component along with several supporting components (cc-breadcrumbs, cc-grid, cc-drawer) that enable browsing and managing Cellar storage. It also includes enhancements to existing components and utilities.

Changes by Commit

• chore(dependencies): upgrade baseline-browser-mapping to version 2.9.11
  • because stylelint integration in webstorm was complaining about the old version we were using
• docs(resize-controller): fix JSDoc of the resize callback
• feat(cc-clipboard): add skeleton state
• feat(cc-clipboard): enable focus delegation
• feat(cc-button): enable focus delegation
  • Replaces the focus() implementation
• feat(cc-grid): init component
• Created new cc-grid component for displaying tabular data
• Features include:
  • Column sorting (ascending/descending)
  • Keyboard navigation
  • Sticky header
• feat(cc-drawer): init component
  • Introduced new cc-drawer component for slide-out panels
  • First very simple implementation
• feat(cc-cellar-explorer): init component
  • This is the first iteration with buckets management only
  • Features:
    • Grid-based buckets listing
    • Filtering
    • Bucket creation
    • Bucket deletion
  • A bit of complexity because of the object listing coming in a future PR
    • a separate component: cc-bucket-list
    • a separate controller used in cc-cellar-explorer smart

[github-actions]

🔎 A preview has been automatically published : https://clever-components-preview.cellar-c2.services.clever-cloud.com/cellar-explorer/index.html.

This preview will be deleted once this PR is closed.

[florian-sanders-cc]

Well done @pdesoyres-cc I can't wait to see this in prod, I'm sure users will enjoy this a lot, and it's only the first iteration 🙌

I found a few issues but you'll see they are pretty trivial.
Huge props for your awesome work on accessibility and the code quality in general 😉

[HeleneAmouzou]

I have nothing much to add to what Florian already noticed. I mostly have questions.
GG for this impressive first iteration ! 👏

[roberttran-cc]

Huge work, once again. The UX is really nice, a11y is great, and features are carefully though-out.

I approve the PR although I have two issues while testing the component in the console:

• consecutive errors in the bucket creation form makes it buggy,
• filter form does not appear/disappear immediately on bucket creation/deletion (must refresh page).

But really really great job.

[roberttran-cc]

Tested on staging, my two issues are fixed, LGTM!

On the other hand, I've got an UI bug just after a bucket creation on a narrow screen (see screenshot below).

[pdesoyres-cc]

Nice catch @roberttran-cc . I forgot to apply the visibility of columns during render. It should be fixed now.

[github-actions]

🔎 The preview has been automatically deleted.