@patternfly/react-data-view 6.4.0-prerelease.4 → 6.4.0-prerelease.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-data-view",
3
- "version": "6.4.0-prerelease.4",
3
+ "version": "6.4.0-prerelease.6",
4
4
  "description": "Data view used for Red Hat projects.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -32,9 +32,9 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@patternfly/react-component-groups": "^6.1.0",
35
- "@patternfly/react-core": "6.4.0-prerelease.2",
36
- "@patternfly/react-icons": "6.4.0-prerelease.1",
37
- "@patternfly/react-table": "6.4.0-prerelease.2",
35
+ "@patternfly/react-core": "^6.4.0",
36
+ "@patternfly/react-icons": "^6.4.0",
37
+ "@patternfly/react-table": "^6.4.0",
38
38
  "clsx": "^2.1.1",
39
39
  "react-jss": "^10.10.0"
40
40
  },
@@ -44,8 +44,8 @@
44
44
  },
45
45
  "devDependencies": {
46
46
  "@patternfly/documentation-framework": "^6.24.2",
47
- "@patternfly/patternfly": "6.4.0-prerelease.1",
48
- "@patternfly/react-code-editor": "6.4.0-prerelease.1",
47
+ "@patternfly/patternfly": "^6.4.0",
48
+ "@patternfly/react-code-editor": "^6.4.0",
49
49
  "@patternfly/patternfly-a11y": "^5.1.0",
50
50
  "@types/react": "^18.3.23",
51
51
  "@types/react-dom": "^18.3.7",
@@ -22,15 +22,17 @@ import { DataViewCheckboxFilter } from '@patternfly/react-data-view/dist/dynamic
22
22
 
23
23
  **Note:** Data view lives in its own package [`@patternfly/react-data-view`](https://www.npmjs.com/package/@patternfly/react-data-view)
24
24
 
25
- If you notice a bug, or if you have a suggestion for improving the data view extension or its documentation, please file an issue in the [react-data-view](https://github.com/patternfly/react-data-view/issues) repository. Before doing so, please make sure there is not already a pre-existing issue.
25
+ The **data view** extension enables you to display datasets in organized layouts, with data representations and interactive toolbars for actions like selection and pagination.
26
26
 
27
- ---
27
+ ---
28
28
 
29
- The **data view** extension enables you to display datasets in organized layouts, with data representations and interactive toolbars for actions like selection and pagination.
29
+ ## How to structure and implement the data view
30
+
31
+ The **data view** extension provides a modular architecture that lets you efficiently create consistent data views, either by using predefined sub-components and hooks or by defining your own custom implementations.
30
32
 
31
33
  ### Layout
32
34
 
33
- A data view should contain a header, the data representation, and a footer. These parts are organized in a [stack layout](/layouts/stack).
35
+ 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).
34
36
 
35
37
  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.
36
38
 
@@ -61,3 +63,7 @@ This example uses the `<DataViewEventsProvider>` to display details about a sele
61
63
  ```js file="./EventsExample.tsx"
62
64
 
63
65
  ```
66
+
67
+ ---
68
+
69
+ If you notice a bug, or if you have a suggestion for improving the data view extension or its documentation, please file an issue in the [react-data-view](https://github.com/patternfly/react-data-view/issues) repository. Before doing so, please make sure there is not already a pre-existing issue.
@@ -149,7 +149,7 @@ When there is a data connection or retrieval error, you can display an error sta
149
149
 
150
150
  The error state will be displayed when the data view `activeState` value is `error`.
151
151
 
152
- 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`.
152
+ 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`.
153
153
 
154
154
  ```js file="./DataViewTableErrorExample.tsx"
155
155
 
@@ -161,7 +161,7 @@ To indicate that data is loading, you can display a loading state.
161
161
 
162
162
  The loading state will be displayed when the data view `activeState` value is `loading`.
163
163
 
164
- 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`.
164
+ 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`.
165
165
 
166
166
  ```js file="./DataViewTableLoadingExample.tsx"
167
167
 
@@ -44,7 +44,7 @@ You can further customize toolbar interactions by referring to the additional do
44
44
  ```
45
45
 
46
46
  ## Toolbar actions
47
- 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.
47
+ 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.
48
48
 
49
49
  ### Actions example
50
50
 
@@ -2,5 +2,8 @@
2
2
  module.exports = {
3
3
  sideNavItems: [ { section: 'extensions' } ],
4
4
  topNavItems: [],
5
- port: 8006
5
+ port: 8006,
6
+ hasThemeSwitcher: true,
7
+ hasHighContrastSwitcher: true,
8
+ hasRTLSwitcher: true,
6
9
  };