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

PageTemplate and Layout component #2219

Merged
merged 21 commits into from
Jul 22, 2024

Conversation

trevoring-okta
Copy link
Contributor

@trevoring-okta trevoring-okta commented May 2, 2024

OKTA-721245

Summary

  • Adds code for basic PageTemplate and Layout components

Testing & Screenshots

Screen.Recording.2024-05-02.at.5.03.33.PM.mov
  • I have confirmed this change with my designer and the Odyssey Design Team.

Comment on lines -28 to -30
<ScopedCssBaseline>
<Story />
</ScopedCssBaseline>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Talked with @bryancunningham-okta , this MUI imported ScopedCssBaseline is bringing in unwanted styles for Storybook. Not sure if we want to create a separate PR to remove it or if removing it here is fine

@trevoring-okta trevoring-okta marked this pull request as ready for review May 2, 2024 21:15
@trevoring-okta trevoring-okta requested a review from a team as a code owner May 2, 2024 21:15
Comment on lines 20 to 31
type SupportedPaneRatios =
| [1]
| [1, 1]
| [1, 2]
| [2, 1]
| [1, 3]
| [3, 1]
| [1, 1, 1]
| [1, 2, 1]
| [2, 1, 1]
| [1, 1, 2]
| [1, 1, 1, 1];
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Open to narrowing this type to support less ratios OOTB so any new ratios can be additive

Copy link
Contributor

Choose a reason for hiding this comment

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

I don't think we need these

[1, 2, 1]
[2, 1, 1]
[1, 1, 2]

@KevinGhadyani-Okta
Copy link
Contributor

I fixed Applitools issues and re-ran CI.

I haven't had a chance to review this yet.

@@ -95,6 +95,7 @@ export * from "./ScreenReaderText";
export * from "./SearchField";
export * from "./Select";
export * from "./Status";
export * from "./Surface";
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's move this to Labs.

@bryancunningham-okta bryancunningham-okta changed the title feat: OdysseyLayout Component PageTemplate and Layout component Jun 26, 2024
@oktapp-aperture-okta oktapp-aperture-okta bot merged commit 451388d into main Jul 22, 2024
1 of 2 checks passed
@oktapp-aperture-okta oktapp-aperture-okta bot deleted the ti-OKTA-721245-layout-component branch July 22, 2024 19:25
bryancunningham-okta pushed a commit that referenced this pull request Jul 25, 2024
OKTA-721245 feat: start layout component
feat: more work on layout component
feat: documentation and syntax updates
fix: update to storybook and component
feat: add more to Storybook
fix: remove unncessary MUI ScopedCssBaseline
feat: add full-width story
feat(odyssey-react-mui): create surface component
feat(odyssey-react-mui): create stories for Grid
feat(odyssey-react-mui): remove surface styling from Grid
fix: small nit fixes
feat(odyssey-react-mui): panes => regions
fix(odyssey-react-mui): rename components and add disclaimer
fix: standardize vertical layout distance
refactor: update css
refactor: alphabetize the imports
feat: add rudimentary responsiveness to Layout
refactor: improve nested selectors
refactor: update based on code review
Merge branch 'main' into ti-OKTA-721245-layout-component
fix: update redundant type export
bryancunningham-okta pushed a commit that referenced this pull request Jul 25, 2024
OKTA-721245 feat: start layout component
feat: more work on layout component
feat: documentation and syntax updates
fix: update to storybook and component
feat: add more to Storybook
fix: remove unncessary MUI ScopedCssBaseline
feat: add full-width story
feat(odyssey-react-mui): create surface component
feat(odyssey-react-mui): create stories for Grid
feat(odyssey-react-mui): remove surface styling from Grid
fix: small nit fixes
feat(odyssey-react-mui): panes => regions
fix(odyssey-react-mui): rename components and add disclaimer
fix: standardize vertical layout distance
refactor: update css
refactor: alphabetize the imports
feat: add rudimentary responsiveness to Layout
refactor: improve nested selectors
refactor: update based on code review
Merge branch 'main' into ti-OKTA-721245-layout-component
fix: update redundant type export
oktapp-aperture-okta bot pushed a commit that referenced this pull request Jul 31, 2024
OKTA-753914 fix: english leak for "Close" in Autocomplete (#2291)

OKTA-742653 English leak for "Close" in Autocomplete
feat: pageTemplate and Layout component (#2219)

OKTA-721245 feat: start layout component
feat: more work on layout component
feat: documentation and syntax updates
fix: update to storybook and component
feat: add more to Storybook
fix: remove unncessary MUI ScopedCssBaseline
feat: add full-width story
feat(odyssey-react-mui): create surface component
feat(odyssey-react-mui): create stories for Grid
feat(odyssey-react-mui): remove surface styling from Grid
fix: small nit fixes
feat(odyssey-react-mui): panes => regions
fix(odyssey-react-mui): rename components and add disclaimer
fix: standardize vertical layout distance
refactor: update css
refactor: alphabetize the imports
feat: add rudimentary responsiveness to Layout
refactor: improve nested selectors
refactor: update based on code review
Merge branch 'main' into ti-OKTA-721245-layout-component
fix: update redundant type export
fix: data Table legacy improvements (#2294)

OKTA-753577 feat: add max pages and max rows per page to pagination
feat: add manual pagination next disabling
feat: reset pagination if search or filters changes
refactor: alphabetize props
feat: fixing pagination bug
refactor: improve pagination calculation
refactor: update currentRowsCount to be non-breaking
chore(odyssey-react-mui): fix Layout story margin
chore(odyssey-react-mui): bump to 1.20.0. not done in main by error
chore: back to 1.19.0
chore: bump back to 1.20.0 and generate changelog
Merge branch 'main' into bc_backport_1.20
Merge remote-tracking branch 'origin/main' into bc_backport_1.20
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.

None yet

4 participants