@cdc/dashboard 4.22.10 → 4.22.11

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.
Files changed (32) hide show
  1. package/README.md +36 -36
  2. package/dist/cdcdashboard.js +6 -6
  3. package/examples/default-data.json +367 -367
  4. package/examples/default-filter-control.json +176 -174
  5. package/examples/default-multi-dataset.json +505 -497
  6. package/examples/default.json +161 -155
  7. package/examples/private/chart-issue.json +3462 -3466
  8. package/examples/private/no-issue.json +3462 -3466
  9. package/examples/private/totals-two.json +103 -103
  10. package/examples/private/totals.json +102 -102
  11. package/examples/temp-example-data.json +1 -1
  12. package/examples/test-example.json +163 -1
  13. package/package.json +7 -7
  14. package/src/CdcDashboard.js +200 -124
  15. package/src/CdcDashboard.jsx +271 -277
  16. package/src/ConfigContext.js +3 -3
  17. package/src/components/Column.jsx +10 -9
  18. package/src/components/DataTable.tsx +91 -111
  19. package/src/components/EditorPanel.js +184 -246
  20. package/src/components/Grid.jsx +8 -4
  21. package/src/components/Header.jsx +209 -118
  22. package/src/components/Row.js +30 -29
  23. package/src/components/Row.jsx +36 -52
  24. package/src/components/Widget.js +68 -61
  25. package/src/components/Widget.jsx +85 -62
  26. package/src/data/initial-state.js +3 -9
  27. package/src/index.html +24 -26
  28. package/src/index.js +12 -12
  29. package/src/scss/editor-panel.scss +494 -489
  30. package/src/scss/grid.scss +20 -19
  31. package/src/scss/main.scss +16 -15
  32. package/src/scss/variables.scss +1 -1
package/README.md CHANGED
@@ -1,36 +1,36 @@
1
- # @cdc/dashboard
2
-
3
- [![npm](https://img.shields.io/npm/v/@cdc/dashboard)](https://www.npmjs.com/package/@cdc/dashboard)
4
-
5
-
6
- `<CdcDashboard />` is a React component produced by the CDC for combining multiple visualizations into a single module. Some supported visualization types are CdcMap and CdcChart. This package is part of the larger [CDC Open Visualization](https://github.com/CDCgov/cdc-open-viz) project.
7
-
8
- ### Installation and Usage
9
-
10
- 1. Install the package in your React project `npm install @cdc/dashboard`
11
- 2. Import the component and begin using in your code.
12
- ```JSX
13
- import CdcChart from '@cdc/dashboard'
14
-
15
- function App() {
16
-
17
- return (
18
- <div className="App">
19
- <CdcDashboard config={configObj} />
20
- </div>
21
- );
22
- }
23
-
24
- export default App;
25
- ```
26
-
27
- Note, you must pass in a configuration object. Configuration objects can be created with the [Editor package](https://github.com/CDCgov/cdc-open-viz/tree/main/packages/editor).
28
-
29
- Sample config data can be found in [packages/dashboard/examples](https://github.com/CDCgov/cdc-open-viz/tree/integration/packages/dashboard/examples).
30
-
31
- ### Properties
32
-
33
- | Property | Type | Description |
34
- |-------------------|----------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
35
- | config | String | A JavaScript object with the configuration for the dashboard. Pass either this or the configUrl property to setup your dashboard. |
36
- | configUrl | String | Pass a URL to a .json file and it will be consumed and used as the configuration. |
1
+ # @cdc/dashboard
2
+
3
+ [![npm](https://img.shields.io/npm/v/@cdc/dashboard)](https://www.npmjs.com/package/@cdc/dashboard)
4
+
5
+ `<CdcDashboard />` is a React component produced by the CDC for combining multiple visualizations into a single module. Some supported visualization types are CdcMap and CdcChart. This package is part of the larger [CDC Open Visualization](https://github.com/CDCgov/cdc-open-viz) project.
6
+
7
+ ### Installation and Usage
8
+
9
+ 1. Install the package in your React project `npm install @cdc/dashboard`
10
+ 2. Import the component and begin using in your code.
11
+
12
+ ```JSX
13
+ import CdcChart from '@cdc/dashboard'
14
+
15
+ function App() {
16
+
17
+ return (
18
+ <div className="App">
19
+ <CdcDashboard config={configObj} />
20
+ </div>
21
+ );
22
+ }
23
+
24
+ export default App;
25
+ ```
26
+
27
+ Note, you must pass in a configuration object. Configuration objects can be created with the [Editor package](https://github.com/CDCgov/cdc-open-viz/tree/main/packages/editor).
28
+
29
+ Sample config data can be found in [packages/dashboard/examples](https://github.com/CDCgov/cdc-open-viz/tree/integration/packages/dashboard/examples).
30
+
31
+ ### Properties
32
+
33
+ | Property | Type | Description |
34
+ | --------- | ------ | --------------------------------------------------------------------------------------------------------------------------------- |
35
+ | config | String | A JavaScript object with the configuration for the dashboard. Pass either this or the configUrl property to setup your dashboard. |
36
+ | configUrl | String | Pass a URL to a .json file and it will be consumed and used as the configuration. |