Skip to content
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
9 changes: 8 additions & 1 deletion .github/workflows/build-lint-test.yml
Original file line number Diff line number Diff line change
Expand Up @@ -155,8 +155,15 @@ jobs:
if: steps.dist.outputs.cache-hit != 'true'
- name: Build docs
run: npm run build:docs
- uses: actions/cache@v4
id: puppeteer-cache
name: Cache Puppeteer browsers
with:
path: ~/.cache/puppeteer
key: ${{ runner.os }}-puppeteer-${{ hashFiles('package-lock.json') }}
- name: Install Chrome for Puppeteer
run: npx puppeteer browsers install chrome
run: npx puppeteer browsers install chrome
if: steps.puppeteer-cache.outputs.cache-hit != 'true'
- name: A11y tests
run: npm run serve:docs & npm run test:a11y
test_component:
Expand Down
13 changes: 10 additions & 3 deletions .github/workflows/pr-preview.yml
Original file line number Diff line number Diff line change
Expand Up @@ -34,22 +34,29 @@ jobs:
path: '**/node_modules'
key: ${{ runner.os }}-npm-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('package-lock.json') }}
- run: npm install --frozen-lockfile
if: steps.yarn-cache.outputs.cache-hit != 'true'
if: steps.npm-cache.outputs.cache-hit != 'true'
- run: npm run build
name: Build data view
- uses: actions/cache@v4
id: docs-cache
name: Load webpack cache
with:
path: '.cache'
key: ${{ runner.os }}-v4-${{ hashFiles('yarn.lock') }}
key: ${{ runner.os }}-v4-${{ hashFiles('package-lock.json') }}
- run: npm run build:docs
name: Build docs
- run: node .github/upload-preview.js packages/module/public
name: Upload docs
if: always()
- uses: actions/cache@v4
id: puppeteer-cache
name: Cache Puppeteer browsers
with:
path: ~/.cache/puppeteer
key: ${{ runner.os }}-puppeteer-${{ hashFiles('package-lock.json') }}
- name: Install Chrome for Puppeteer
run: npx puppeteer browsers install chrome
run: npx puppeteer browsers install chrome
if: steps.puppeteer-cache.outputs.cache-hit != 'true'
- run: npm run serve:docs & npm run test:a11y
name: a11y tests
- run: node .github/upload-preview.js packages/module/coverage
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ The **data view** extension enables you to display datasets in organized layouts

### Layout

A data view should contain a header, the data representation, and a footer. These parts are organized in a [stack layout](/layouts/stack).
A data view should contain a header, the data representation, and a footer. These parts are organized in a [stack layout](/foundations-and-styles/layouts/stack).

The data view toolbars and sub-components that display the data (like a card view or table) are always passed as `children` to the `<DataView>` component.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ When there is a data connection or retrieval error, you can display an error sta

The error state will be displayed when the data view `activeState` value is `error`.

You can create your error state by passing either the [component groups extension's error state](/component-groups/error-state) or a [PatternFly empty state](/components/empty-state) to the `error` key of `headStates` or `bodyStates`.
You can create your error state by passing either the [component groups extension's error state](/extensions/component-groups/error-state) or a [PatternFly empty state](/components/empty-state) to the `error` key of `headStates` or `bodyStates`.

```js file="./DataViewTableErrorExample.tsx"

Expand All @@ -161,7 +161,7 @@ To indicate that data is loading, you can display a loading state.

The loading state will be displayed when the data view `activeState` value is `loading`.

You can create your loading state by passing either the [component groups extension's skeleton table](/component-groups/skeleton-table) or a customized [PatternFly empty state](/components/empty-state) to the `loading` key of `headStates` or `bodyStates`.
You can create your loading state by passing either the [component groups extension's skeleton table](/extensions/component-groups/skeleton-table) or a customized [PatternFly empty state](/components/empty-state) to the `loading` key of `headStates` or `bodyStates`.

```js file="./DataViewTableLoadingExample.tsx"

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ You can further customize toolbar interactions by referring to the additional do
```

## Toolbar actions
To support additional user needs, you can pass relevant actions to the toolbar via `actions`. Add standard PatternFly actions (like buttons) or choose predefined [responsive actions](/component-groups/responsive-actions) which ensure the responsive behavior of multiple actions in 1 toolbar.
To support additional user needs, you can pass relevant actions to the toolbar via `actions`. Add standard PatternFly actions (like buttons) or choose predefined [responsive actions](/extensions/component-groups/responsive-actions) which ensure the responsive behavior of multiple actions in 1 toolbar.

### Actions example

Expand Down
Loading