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.

Sign up for GitHub

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

Jump to bottom

fix: update to alpha omega release #65

Merged
merged 2 commits into from
Jun 3, 2024
Merged

fix: update to alpha omega release #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e71500c
fix: update to alpha omega release
nicolethoen May 30, 2024
485fe31
update to official alpha2
nicolethoen Jun 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions packages/module/package.json
View file
Open in desktop
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
Open in desktop
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
Loading