Skip to content

Feat/layout/init component - #3266

Merged
eikeland merged 15 commits into
mainfrom
feat/layout/init-component
Jul 1, 2026
Merged

Feat/layout/init component#3266
eikeland merged 15 commits into
mainfrom
feat/layout/init-component

Conversation

@eikeland

@eikeland eikeland commented Jun 29, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds the first version of @equinor/fusion-react-layout, providing React wrappers for Fusion layout and page web components.

Changes

  • Adds Layout with Layout.Sidebar and Layout.Content composition helpers.
  • Adds Page with Page.Header, Page.Main, and Page.Footer slots for structured page content.
  • Documents installation, imports, and common usage patterns in the package README.
  • Adds Storybook examples for content-only layouts, sidebar layouts, page layouts, and combined page/sidebar usage.
  • Adds a minor changeset for the new package.

Testing

  • Added Storybook coverage for the new layout components.
  • Ran git diff --check -- .changeset/fusion-react-layout_initial-layout-components.md.

@changeset-bot

changeset-bot Bot commented Jun 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 66fffec

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@equinor/fusion-react-layout Minor
@equinor/fusion-react-components-stories Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@eikeland
eikeland force-pushed the feat/layout/init-component branch from e4f6c5e to 4b79394 Compare June 29, 2026 14:09
@eikeland
eikeland force-pushed the feat/layout/init-component branch from 39fe363 to f4be5b5 Compare July 1, 2026 11:55
@eikeland
eikeland marked this pull request as ready for review July 1, 2026 11:55

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Adds the initial @equinor/fusion-react-layout package to this monorepo, providing React wrappers around Fusion layout/page web components, plus Storybook documentation and workspace wiring so the new package is consumable and demoed alongside existing components.

Changes:

  • Introduces packages/layout with Layout + Page components (including slot/compound subcomponents) and package metadata/docs.
  • Integrates the new package into Storybook (dependency, TS project reference, new stories + MDX docs page).
  • Adds a changeset (minor) and updates the lockfile to include the new workspace package and wc dependencies.

Reviewed changes

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

Show a summary per file
File Description
storybook/tsconfig.json Adds TS project reference so Storybook can typecheck/resolve the new workspace package.
storybook/src/stories/layout/layout.stories.tsx Adds Storybook stories demonstrating Layout/Page usage patterns.
storybook/src/stories/layout/layout.mdx Adds docs page pulling in package README + changelog and rendering story canvases.
storybook/package.json Adds @equinor/fusion-react-layout as a Storybook workspace dependency.
packages/layout/tsconfig.json Adds TS build config for the new package and references utils.
packages/layout/src/index.ts Exposes the new components from the package entrypoint.
packages/layout/src/components/layout/index.tsx Implements Layout wrapper + compound slot helpers.
packages/layout/src/components/page/index.tsx Implements Page wrapper + compound slot helpers.
packages/layout/README.md Adds installation and usage documentation.
packages/layout/package.json Defines package metadata/exports/dependencies for publishing.
packages/layout/CHANGELOG.md Initializes changelog file.
bun.lock Records new workspace package and dependency graph changes.
.changeset/fusion-react-layout_initial-layout-components.md Adds minor changeset for publishing the new package.

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

Comment thread packages/layout/package.json
Comment thread packages/layout/README.md Outdated
Comment thread storybook/src/stories/layout/layout.mdx Outdated
Comment thread packages/layout/src/components/layout/index.tsx Outdated
Comment thread packages/layout/src/components/layout/index.tsx Outdated
Comment thread packages/layout/src/components/page/index.tsx Outdated
eikeland and others added 6 commits July 1, 2026 14:41
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

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

Comment thread packages/layout/package.json
Comment thread packages/layout/README.md Outdated
Comment thread storybook/src/stories/layout/layout.stories.tsx Outdated
Comment thread storybook/src/stories/layout/layout.mdx
Comment thread packages/layout/src/components/layout/index.tsx
eikeland and others added 5 commits July 1, 2026 14:59
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@eikeland
eikeland merged commit 060f792 into main Jul 1, 2026
5 of 7 checks passed
@eikeland
eikeland deleted the feat/layout/init-component branch July 1, 2026 13:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants