Skip to content

Commit 7a1559a

Browse files
nicolethoennicolethoen
authored
Merge pull request #65 from patternfly/alpha_omega
fix: update to alpha omega release
2 parents 363e0d8 + 485fe31 commit 7a1559a

File tree

5 files changed

+1294
-364
lines changed

5 files changed

+1294
-364
lines changed

‎packages/module/package.json

+7-7
Original file line numberDiff line numberDiff line change
@@ -29,21 +29,21 @@
2929
},
3030
"homepage": "https://github.com/patternfly/react-log-viewer#readme",
3131
"dependencies": {
32-
"@patternfly/react-core": "6.0.0-alpha.48",
33-
"@patternfly/react-icons": "6.0.0-alpha.18",
34-
"@patternfly/react-styles": "6.0.0-alpha.18",
32+
"@patternfly/react-core": "^6.0.0-alpha.61",
33+
"@patternfly/react-icons": "^6.0.0-alpha.23",
34+
"@patternfly/react-styles": "^6.0.0-alpha.23",
3535
"memoize-one": "^5.1.0"
3636
},
3737
"peerDependencies": {
3838
"react": "^17 || ^18",
3939
"react-dom": "^17 || ^18"
4040
},
4141
"devDependencies": {
42-
"@patternfly/documentation-framework": "6.0.0-alpha.18",
43-
"@patternfly/patternfly": "6.0.0-alpha.109",
44-
"@patternfly/react-table": "6.0.0-alpha.48",
42+
"@patternfly/documentation-framework": "^6.0.0-alpha.41",
43+
"@patternfly/patternfly": "6.0.0-alpha.139",
44+
"@patternfly/react-table": "^6.0.0-alpha.61",
4545
"@patternfly/patternfly-a11y": "^4.3.1",
46-
"@patternfly/react-code-editor": "6.0.0-alpha.48",
46+
"@patternfly/react-code-editor": "6.0.0-alpha.61",
4747
"resize-observer-polyfill": "^1.5.1",
4848
"tslib": "^2.0.0",
4949
"react-monaco-editor": "^0.51.0",

‎packages/module/patternfly-docs/generated/extensions/log-viewer/design-guidelines.js

+34-34
Original file line numberDiff line numberDiff line change
@@ -26,63 +26,63 @@ pageData.examples = {
2626

2727
const Component = () => (
2828
<React.Fragment>
29-
<p {...{"className":"ws-p"}}>
29+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
3030
{`A `}
31-
<strong>
31+
<strong {...{"className":""}}>
3232
{`log viewer`}
3333
</strong>
3434
{` 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.`}
3535
</p>
3636
<AutoLinkHeader {...{"id":"light-theme-log-viewer","size":"h2","className":"ws-title ws-h2"}}>
3737
{`Light theme log viewer`}
3838
</AutoLinkHeader>
39-
<img src={srcImport0} width={srcImport0.width} height={srcImport0.height} {...{"alt":"Log Viewer","className":"ws-img"}}>
39+
<img src={srcImport0} width={srcImport0.width} height={srcImport0.height} {...{"alt":"Log Viewer","className":"ws-img "}}>
4040
</img>
41-
<ol {...{"className":"ws-ol"}}>
42-
<li {...{"className":"ws-li"}}>
43-
<strong>
41+
<ol {...{"className":"pf-v6-c-content--ol ws-ol "}}>
42+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
43+
<strong {...{"className":""}}>
4444
{`Type of log dropdown menu:`}
4545
</strong>
4646
{` Allow users to switch between different types of logs.`}
4747
</li>
48-
<li {...{"className":"ws-li"}}>
49-
<strong>
48+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
49+
<strong {...{"className":""}}>
5050
{`Search bar:`}
5151
</strong>
5252
{` Use to look up historical logs. The results will be highlighted in the log.`}
5353
</li>
54-
<li {...{"className":"ws-li"}}>
55-
<strong>
54+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
55+
<strong {...{"className":""}}>
5656
{`Pause button:`}
5757
</strong>
5858
{` Play and stop your log content viewing, instead of scrolling through.`}
5959
</li>
60-
<li {...{"className":"ws-li"}}>
61-
<strong>
60+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
61+
<strong {...{"className":""}}>
6262
{`Clear log:`}
6363
</strong>
6464
{` Clear the displayed log output.`}
6565
</li>
66-
<li {...{"className":"ws-li"}}>
67-
<strong>
66+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
67+
<strong {...{"className":""}}>
6868
{`Cog:`}
6969
</strong>
7070
{` House settings such as wrapping lines, showing timestamps, and displaying line numbers.`}
7171
</li>
72-
<li {...{"className":"ws-li"}}>
73-
<strong>
72+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
73+
<strong {...{"className":""}}>
7474
{`Export:`}
7575
</strong>
7676
{` Export log content.`}
7777
</li>
78-
<li {...{"className":"ws-li"}}>
79-
<strong>
78+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
79+
<strong {...{"className":""}}>
8080
{`Download:`}
8181
</strong>
8282
{` Download the log file.`}
8383
</li>
84-
<li {...{"className":"ws-li"}}>
85-
<strong>
84+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
85+
<strong {...{"className":""}}>
8686
{`Fullscreen:`}
8787
</strong>
8888
{` Expand log viewer to full screen.`}
@@ -91,29 +91,29 @@ const Component = () => (
9191
<AutoLinkHeader {...{"id":"dark-theme-log-viewer","size":"h2","className":"ws-title ws-h2"}}>
9292
{`Dark theme log viewer`}
9393
</AutoLinkHeader>
94-
<p {...{"className":"ws-p"}}>
94+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
9595
{`We recommend using the light theme editor by default, but there is also a dark theme log viewer
9696
available. All log viewer functionality remains the same whether a light or dark theme is used.`}
9797
</p>
98-
<img src={srcImport1} width={srcImport1.width} height={srcImport1.height} {...{"alt":"Dark theme log viewer","className":"ws-img"}}>
98+
<img src={srcImport1} width={srcImport1.width} height={srcImport1.height} {...{"alt":"Dark theme log viewer","className":"ws-img "}}>
9999
</img>
100100
<AutoLinkHeader {...{"id":"usability","size":"h2","className":"ws-title ws-h2"}}>
101101
{`Usability`}
102102
</AutoLinkHeader>
103-
<p {...{"className":"ws-p"}}>
103+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
104104
{`Use a log viewer when:`}
105105
</p>
106-
<ul {...{"className":"ws-ul"}}>
107-
<li {...{"className":"ws-li"}}>
106+
<ul {...{"className":"pf-v6-c-content--ul ws-ul "}}>
107+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
108108
{`The user can manipulate 1 large log file or multiple log files at the same time.`}
109109
</li>
110-
<li {...{"className":"ws-li"}}>
110+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
111111
{`You want to create a more readable and accessible environment for the user.`}
112112
</li>
113-
<li {...{"className":"ws-li"}}>
113+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
114114
{`The user may actively search for specific logs within a large log file.`}
115115
</li>
116-
<li {...{"className":"ws-li"}}>
116+
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
117117
{`The user shares files frequently with other users or teams.`}
118118
</li>
119119
</ul>
@@ -123,26 +123,26 @@ available. All log viewer functionality remains the same whether a light or dark
123123
<AutoLinkHeader {...{"id":"with-popover","size":"h3","className":"ws-title ws-h3"}}>
124124
{`With popover`}
125125
</AutoLinkHeader>
126-
<p {...{"className":"ws-p"}}>
126+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
127127
{`The clear log button opens up a popover with further options, to prevent a user from accidentally clearing their log content.`}
128128
</p>
129-
<img src={srcImport2} width={srcImport2.width} height={srcImport2.height} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img"}}>
129+
<img src={srcImport2} width={srcImport2.width} height={srcImport2.height} {...{"alt":"Clear this log popover open on a Log viewer","className":"ws-img "}}>
130130
</img>
131131
<AutoLinkHeader {...{"id":"with-dropdown-drilldown-and-search-expanded","size":"h3","className":"ws-title ws-h3"}}>
132132
{`With dropdown, drilldown, and search expanded`}
133133
</AutoLinkHeader>
134-
<p {...{"className":"ws-p"}}>
134+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
135135
{`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.`}
136136
</p>
137-
<img src={srcImport3} width={srcImport3.width} height={srcImport3.height} {...{"alt":"Cog options open on a Log viewer","className":"ws-img"}}>
137+
<img src={srcImport3} width={srcImport3.width} height={srcImport3.height} {...{"alt":"Cog options open on a Log viewer","className":"ws-img "}}>
138138
</img>
139139
<AutoLinkHeader {...{"id":"with-search-results","size":"h3","className":"ws-title ws-h3"}}>
140140
{`With search results`}
141141
</AutoLinkHeader>
142-
<p {...{"className":"ws-p"}}>
142+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
143143
{`The search bar provides highlighted search results for better findability within a log viewer’s content.`}
144144
</p>
145-
<img src={srcImport4} width={srcImport4.width} height={srcImport4.height} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img"}}>
145+
<img src={srcImport4} width={srcImport4.width} height={srcImport4.height} {...{"alt":"Log Viewer with highlighted search results","className":"ws-img "}}>
146146
</img>
147147
</React.Fragment>
148148
);

0 commit comments

Comments
 (0)