Skip to content

Commit

Permalink
Merge pull request #65 from patternfly/alpha_omega
Browse files Browse the repository at this point in the history 
fix: update to alpha omega release
  • Loading branch information
@nicolethoen
nicolethoen authored Jun 3, 2024
2 parents 363e0d8 + 485fe31 commit 7a1559a
Show file tree
Hide file tree
Showing 5 changed files with 1,294 additions and 364 deletions.
14 changes: 7 additions & 7 deletions packages/module/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,21 +29,21 @@
},
"homepage": "https://github.com/patternfly/react-log-viewer#readme",
"dependencies": {
"@patternfly/react-core": "6.0.0-alpha.48",
"@patternfly/react-icons": "6.0.0-alpha.18",
"@patternfly/react-styles": "6.0.0-alpha.18",
"@patternfly/react-core": "^6.0.0-alpha.61",
"@patternfly/react-icons": "^6.0.0-alpha.23",
"@patternfly/react-styles": "^6.0.0-alpha.23",
"memoize-one": "^5.1.0"
},
"peerDependencies": {
"react": "^17 || ^18",
"react-dom": "^17 || ^18"
},
"devDependencies": {
"@patternfly/documentation-framework": "6.0.0-alpha.18",
"@patternfly/patternfly": "6.0.0-alpha.109",
"@patternfly/react-table": "6.0.0-alpha.48",
"@patternfly/documentation-framework": "^6.0.0-alpha.41",
"@patternfly/patternfly": "6.0.0-alpha.139",
"@patternfly/react-table": "^6.0.0-alpha.61",
"@patternfly/patternfly-a11y": "^4.3.1",
"@patternfly/react-code-editor": "6.0.0-alpha.48",
"@patternfly/react-code-editor": "6.0.0-alpha.61",
"resize-observer-polyfill": "^1.5.1",
"tslib": "^2.0.0",
"react-monaco-editor": "^0.51.0",
Expand Down
68 changes: 34 additions & 34 deletions packages/module/patternfly-docs/generated/extensions/log-viewer/design-guidelines.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,63 +26,63 @@ pageData.examples = {

const Component = () => (
<React.Fragment>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`A `}
<strong>
<strong {...{"className":""}}>
{`log viewer`}
</strong>
{` is a preconfigured component that gives you the option to visualize your log content. Log viewer renders log output in real time in a clear and structured way.`}
</p>
<AutoLinkHeader {...{"id":"light-theme-log-viewer","size":"h2","className":"ws-title ws-h2"}}>
{`Light theme log viewer`}
</AutoLinkHeader>
<img src={srcImport0} width={srcImport0.width} height={srcImport0.height} {...{"alt":"Log Viewer","className":"ws-img"}}>
<img src={srcImport0} width={srcImport0.width} height={srcImport0.height} {...{"alt":"Log Viewer","className":"ws-img "}}>
</img>
<ol {...{"className":"ws-ol"}}>
<li {...{"className":"ws-li"}}>
<strong>
<ol {...{"className":"pf-v6-c-content--ol ws-ol "}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Type of log dropdown menu:`}
</strong>
{` Allow users to switch between different types of logs.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Search bar:`}
</strong>
{` Use to look up historical logs. The results will be highlighted in the log.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Pause button:`}
</strong>
{` Play and stop your log content viewing, instead of scrolling through.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Clear log:`}
</strong>
{` Clear the displayed log output.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Cog:`}
</strong>
{` House settings such as wrapping lines, showing timestamps, and displaying line numbers.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Export:`}
</strong>
{` Export log content.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Download:`}
</strong>
{` Download the log file.`}
</li>
<li {...{"className":"ws-li"}}>
<strong>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<strong {...{"className":""}}>
{`Fullscreen:`}
</strong>
{` Expand log viewer to full screen.`}
Expand All @@ -91,29 +91,29 @@ const Component = () => (
<AutoLinkHeader {...{"id":"dark-theme-log-viewer","size":"h2","className":"ws-title ws-h2"}}>
{`Dark theme log viewer`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`We recommend using the light theme editor by default, but there is also a dark theme log viewer
available. All log viewer functionality remains the same whether a light or dark theme is used.`}
</p>
<img src={srcImport1} width={srcImport1.width} height={srcImport1.height} {...{"alt":"Dark theme log viewer","className":"ws-img"}}>
<img src={srcImport1} width={srcImport1.width} height={srcImport1.height} {...{"alt":"Dark theme log viewer","className":"ws-img "}}>
</img>
<AutoLinkHeader {...{"id":"usability","size":"h2","className":"ws-title ws-h2"}}>
{`Usability`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`Use a log viewer when:`}
</p>
<ul {...{"className":"ws-ul"}}>
<li {...{"className":"ws-li"}}>
<ul {...{"className":"pf-v6-c-content--ul ws-ul "}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
{`The user can manipulate 1 large log file or multiple log files at the same time.`}
</li>
<li {...{"className":"ws-li"}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
{`You want to create a more readable and accessible environment for the user.`}
</li>
<li {...{"className":"ws-li"}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
{`The user may actively search for specific logs within a large log file.`}
</li>
<li {...{"className":"ws-li"}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
{`The user shares files frequently with other users or teams.`}
</li>
</ul>
Expand All @@ -123,26 +123,26 @@ available. All log viewer functionality remains the same whether a light or dark
<AutoLinkHeader {...{"id":"with-popover","size":"h3","className":"ws-title ws-h3"}}>
{`With popover`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`The clear log button opens up a popover with further options, to prevent a user from accidentally clearing their log content.`}
</p>
<img src={srcImport2} width={srcImport2.width} height={srcImport2.height} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img"}}>
<img src={srcImport2} width={srcImport2.width} height={srcImport2.height} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img "}}>
</img>
<AutoLinkHeader {...{"id":"with-dropdown-drilldown-and-search-expanded","size":"h3","className":"ws-title ws-h3"}}>
{`With dropdown, drilldown, and search expanded`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`The cog icon in the log viewer toolbar allows you to store content options such as timestamps or line numbers for better orientation within the log viewer.`}
</p>
<img src={srcImport3} width={srcImport3.width} height={srcImport3.height} {...{"alt":"Cog options open on a Log viewer","className":"ws-img"}}>
<img src={srcImport3} width={srcImport3.width} height={srcImport3.height} {...{"alt":"Cog options open on a Log viewer","className":"ws-img "}}>
</img>
<AutoLinkHeader {...{"id":"with-search-results","size":"h3","className":"ws-title ws-h3"}}>
{`With search results`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`The search bar provides highlighted search results for better findability within a log viewer’s content.`}
</p>
<img src={srcImport4} width={srcImport4.width} height={srcImport4.height} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img"}}>
<img src={srcImport4} width={srcImport4.width} height={srcImport4.height} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img "}}>
</img>
</React.Fragment>
);
Expand Down
Loading

0 comments on commit 7a1559a

Please sign in to comment.