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

fix: update to alpha omega release #30

Merged
merged 4 commits into from
Jun 3, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -39,9 +39,9 @@
"tag": "alpha"
},
"dependencies": {
"@patternfly/react-core": "6.0.0-alpha.50",
"@patternfly/react-icons": "6.0.0-alpha.19",
"@patternfly/react-styles": "6.0.0-alpha.19",
"@patternfly/react-core": "6.0.0-alpha.61",
"@patternfly/react-icons": "6.0.0-alpha.23",
"@patternfly/react-styles": "6.0.0-alpha.23",
"linear-layout-vector": "0.0.1",
"react-virtualized": "^9.22.5",
"tslib": "^2.5.2"
Expand All @@ -51,10 +51,10 @@
"react-dom": "^17 || ^18"
},
"devDependencies": {
"@patternfly/documentation-framework": "6.0.0-alpha.20",
"@patternfly/patternfly": "6.0.0-alpha.117",
"@patternfly/react-table": "6.0.0-alpha.50",
"@patternfly/react-code-editor": "6.0.0-alpha.50",
"@patternfly/documentation-framework": "6.0.0-alpha.41",
"@patternfly/patternfly": "6.0.0-alpha.139",
"@patternfly/react-table": "6.0.0-alpha.61",
"@patternfly/react-code-editor": "6.0.0-alpha.61",
"rimraf": "^5.0.1",
"@patternfly/patternfly-a11y": "^4.3.1",
"react-monaco-editor": "^0.51.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/module/patternfly-docs/content/examples/Actions.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export const ActionsExample: React.FunctionComponent = () => {
);

return (
<div aria-label="Scrollable Table" className="pf-v5-c-scrollablegrid">
<div aria-label="Scrollable Table" className="pf-v6-c-scrollablegrid">
<Table gridBreakPoint={TableGridBreakpoint.none} aria-rowcount={rows.length} variant="compact">
<Caption>Actions VirtualizedTable</Caption>
<Thead>
Expand All @@ -87,7 +87,7 @@ export const ActionsExample: React.FunctionComponent = () => {
<AutoSizer disableHeight>
{({ width }) => (
<VirtualTableBody
className="pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller"
className="pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller"
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={400}
Expand Down
4 changes: 2 additions & 2 deletions packages/module/patternfly-docs/content/examples/Basic.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export const VirtualizedExample: React.FunctionComponent = () => {
);

return (
<div aria-label="Scrollable Table" className="pf-v5-c-scrollablegrid">
<div aria-label="Scrollable Table" className="pf-v6-c-scrollablegrid">
<Table gridBreakPoint={TableGridBreakpoint.none} aria-rowcount={rows.length}>
<Caption>Simple Table</Caption>
<Thead>
Expand All @@ -45,7 +45,7 @@ export const VirtualizedExample: React.FunctionComponent = () => {
<AutoSizer disableHeight>
{({ width }) => (
<VirtualTableBody
className="pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller"
className="pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller"
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={400}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -428,7 +428,7 @@ export const ComposableTableWindowScroller = () => {
<div
id="content-scrollable-2"
aria-label="Scrollable Table"
className="pf-v5-c-scrollablegrid"
className="pf-v6-c-scrollablegrid"
style={scrollableContainerStyle}
>
{renderToolbar()}
Expand Down Expand Up @@ -458,7 +458,7 @@ export const ComposableTableWindowScroller = () => {
<div ref={registerChild as (element: HTMLDivElement | null) => void}>
<VirtualTableBody
autoHeight
className={'pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller'}
className={'pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller'}
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={height || 0}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ export const SelectableTableVirtualized: React.FunctionComponent = () => {
);

return (
<div aria-label="Scrollable Table" className="pf-v5-c-scrollablegrid">
<div aria-label="Scrollable Table" className="pf-v6-c-scrollablegrid">
<Table gridBreakPoint={TableGridBreakpoint.none} aria-rowcount={rows.length}>
<Caption>Selectable Virtualized Table</Caption>
<Thead>
Expand All @@ -92,7 +92,7 @@ export const SelectableTableVirtualized: React.FunctionComponent = () => {
<AutoSizer disableHeight>
{({ width }) => (
<VirtualTableBody
className="pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller"
className="pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller"
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={400}
Expand Down
4 changes: 2 additions & 2 deletions packages/module/patternfly-docs/content/examples/Sortable.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ export const SortableExample: React.FunctionComponent = () => {
</CellMeasurer>
);
return (
<div aria-label="Scrollable Table" className="pf-v5-c-scrollablegrid">
<div aria-label="Scrollable Table" className="pf-v6-c-scrollablegrid">
<Table aria-label="Sortable table" ouiaId="SortableTable">
<Caption>Sortable Virtualized Table</Caption>
<Thead>
Expand All @@ -82,7 +82,7 @@ export const SortableExample: React.FunctionComponent = () => {
{({ width }) => (
<VirtualTableBody
ref={(ref) => ref}
className="pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller"
className="pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller"
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={400}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,38 +1,38 @@
.pf-v5-c-scrollablegrid .pf-v5-c-table {
.pf-v6-c-scrollablegrid .pf-v6-c-table {
table-layout: fixed;
}

.pf-v5-c-table.pf-v5-c-virtualized tr {
.pf-v6-c-table.pf-v6-c-virtualized tr {
display: table;
table-layout: fixed;
width: 100%;
}

.pf-v5-c-scrollablegrid .pf-v5-c-table tr > * {
.pf-v6-c-scrollablegrid .pf-v6-c-table tr > * {
height: auto;
}

.pf-v5-c-scrollablegrid .pf-v5-c-table tbody > tr > :first-child::before {
.pf-v6-c-scrollablegrid .pf-v6-c-table tbody > tr > :first-child::before {
content: none;
width: 0 !important;
}

.pf-v5-c-scrollablegrid .pf-v5-c-table .pf-v5-c-table__check {
.pf-v6-c-scrollablegrid .pf-v6-c-table .pf-v6-c-table__check {
width: 8.333% !important;
}

@media screen and (max-width: 768px) {
.pf-v5-c-scrollablegrid .pf-v5-c-table .pf-v5-c-table__check {
.pf-v6-c-scrollablegrid .pf-v6-c-table .pf-v6-c-table__check {
width: 16.66% !important;
}
}

.pf-v5-c-scrollablegrid .pf-v5-c-table .pf-v5-c-table__action {
.pf-v6-c-scrollablegrid .pf-v6-c-table .pf-v6-c-table__action {
width: 5% !important;
padding-left: 0px !important;
}
@media screen and (max-width: 992px) {
.pf-v5-c-scrollablegrid .pf-v5-c-table .pf-v5-c-table__action {
.pf-v6-c-scrollablegrid .pf-v6-c-table .pf-v6-c-table__action {
width: 10% !important;
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,6 @@ import { CellMeasurerCache, CellMeasurer} from 'react-virtualized';
import { AutoSizer, VirtualTableBody, WindowScroller } from '@patternfly/react-virtualized-extension';
import { Table as TableDeprecated, TableHeader as TableHeaderDeprecated } from '@patternfly/react-table/deprecated';
import { Table, Thead, Tr, Th, Td, Caption, TableGridBreakpoint } from '@patternfly/react-table';
import {
Dropdown as DropdownDeprecated,
DropdownItem as DropdownItemDeprecated,
DropdownPosition as DropdownPositionDeprecated,
DropdownToggle as DropdownToggleDeprecated,
Select as SelectDeprecated,
SelectOption as SelectOptionDeprecated,
SelectVariant as SelectVariantDeprecated
} from '@patternfly/react-core/deprecated';
import './VirtualGrid.example.css';

## Examples
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.pf-v5-c-window-scroller .ReactVirtualized__VirtualGrid {
.pf-v6-c-window-scroller .ReactVirtualized__VirtualGrid {
overflow: visible !important;
}

.pf-v5-c-window-scroller .ReactVirtualized__VirtualGrid__innerScrollContainer {
.pf-v6-c-window-scroller .ReactVirtualized__VirtualGrid__innerScrollContainer {
overflow: visible !important;
}
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export const WindowScrollerExample = () => {
<div
id="content-scrollable-2"
aria-label="Scrollable Table"
className="pf-v5-c-scrollablegrid"
className="pf-v6-c-scrollablegrid"
style={scrollableContainerStyle}
>
<Table gridBreakPoint={TableGridBreakpoint.none} aria-rowcount={rows.length}>
Expand All @@ -93,7 +93,7 @@ export const WindowScrollerExample = () => {
<div ref={registerChild as (element: HTMLDivElement | null) => void}>
<VirtualTableBody
autoHeight
className={'pf-v5-c-table pf-v5-c-virtualized pf-v5-c-window-scroller'}
className={'pf-v6-c-table pf-v6-c-virtualized pf-v6-c-window-scroller'}
deferredMeasurementCache={measurementCache}
rowHeight={measurementCache.rowHeight}
height={height || 0}
Expand Down
Loading
Loading