Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sheets #51

Draft
wants to merge 36 commits into
base: develop
Choose a base branch
from
Draft

Sheets #51

wants to merge 36 commits into from

Conversation

JayPanoz
Copy link
Contributor

@JayPanoz JayPanoz commented Dec 20, 2024

This PR takes care of #12, so expect things to change dramatically while this is in Draft as we’ll have to build custom components to implement all types listed in the issue. Due to holidays, things should move a little bit slower though.

At this stage, focus was on #41 and #47 in order to init things.

At the time of drafting, the following has been worked on to build the foundations of this epic:

  • PopoverSheet and FullscreenSheet components – which are currently more like templates to help test other things listed, hence minimal styling, etc.;
  • SheetWithBreakpoints component that should help pick the type of sheet based on the static breakpoints set in Preferences;
  • new Reading System preferences for actions:
    • default type of sheet for all actions;
    • can be overridden in each Action’s object, either with a single type, or for each breakpoint.

To illustrate/test the SheetWithBreakpoints component, Settings is using fullscreen in compact and medium, then popover (default) from expanded.

Alias for deploy to latest commit: sheets.playground-7xz.pages.dev

Except Vercel cos’ it still fails
You can set a default for all actions, then override it either for all breakpoints, or per breakpoint for each action
For RSPrefs, as their name is tied to this key, so using the prop directly could cause issues further down the line.
Copy link

cloudflare-workers-and-pages bot commented Dec 20, 2024

Deploying playground with  Cloudflare Pages  Cloudflare Pages

Latest commit: 0f480b2
Status: ✅  Deploy successful!
Preview URL: https://52448fd3.playground-7xz.pages.dev
Branch Preview URL: https://sheets.playground-7xz.pages.dev

View logs

Let’s now focus on docking options
It wasn’t respecting the display order previously, but working from Dockable pref for Actions instead.
So that you can choose to render an action fallback instead of nothing
Switch to boolean instead of null
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: In Progress
Development

Successfully merging this pull request may close these issues.

1 participant