@cdc/waffle-chart 4.24.9-1 → 4.24.10
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/dist/cdcwafflechart.js +1120 -1088
- package/package.json +3 -3
- package/src/_stories/WaffleChart.stories.tsx +0 -55
- package/src/coreStyles_wafflechart.scss +3 -0
- package/src/index.jsx +2 -1
- package/src/scss/main.scss +0 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdc/waffle-chart",
|
|
3
|
-
"version": "4.24.
|
|
3
|
+
"version": "4.24.10",
|
|
4
4
|
"description": "React component for displaying a single piece of data in a card module",
|
|
5
5
|
"moduleName": "CdcWaffleChart",
|
|
6
6
|
"main": "dist/cdcwafflechart",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"license": "Apache-2.0",
|
|
28
28
|
"homepage": "https://github.com/CDCgov/cdc-open-viz#readme",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@cdc/core": "^4.24.
|
|
30
|
+
"@cdc/core": "^4.24.10",
|
|
31
31
|
"@visx/group": "^3.0.0",
|
|
32
32
|
"@visx/scale": "^3.0.0",
|
|
33
33
|
"@visx/shape": "^3.0.0",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"react": "^18.2.0",
|
|
43
43
|
"react-dom": "^18.2.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "a4d88d1bc91f596e1b0307d8e25c57ad8c668b75"
|
|
46
46
|
}
|
|
@@ -10,61 +10,6 @@ const meta: Meta<typeof WaffleChart> = {
|
|
|
10
10
|
|
|
11
11
|
type Story = StoryObj<typeof WaffleChart>
|
|
12
12
|
|
|
13
|
-
export const Example_Waffle_Chart_Count: Story = {
|
|
14
|
-
args: {
|
|
15
|
-
configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Waffle-Chart-Example-Count.json'
|
|
16
|
-
},
|
|
17
|
-
render: args => (
|
|
18
|
-
<>
|
|
19
|
-
<WaffleChart {...args} />
|
|
20
|
-
</>
|
|
21
|
-
)
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export const Waffle_Chart_Average_Max: Story = {
|
|
25
|
-
args: {
|
|
26
|
-
configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Waffle-Chart-Average-Max.json'
|
|
27
|
-
},
|
|
28
|
-
render: args => (
|
|
29
|
-
<>
|
|
30
|
-
<WaffleChart {...args} />
|
|
31
|
-
</>
|
|
32
|
-
)
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export const Waffle_Chart_Demographics: Story = {
|
|
36
|
-
args: {
|
|
37
|
-
configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/waffle-chart-demographics.json'
|
|
38
|
-
},
|
|
39
|
-
render: args => (
|
|
40
|
-
<>
|
|
41
|
-
<WaffleChart {...args} />
|
|
42
|
-
</>
|
|
43
|
-
)
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export const Linear_Gauge: Story = {
|
|
47
|
-
args: {
|
|
48
|
-
configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/linear-gauge-data-from-file.json'
|
|
49
|
-
},
|
|
50
|
-
render: args => (
|
|
51
|
-
<>
|
|
52
|
-
<WaffleChart {...args} />
|
|
53
|
-
</>
|
|
54
|
-
)
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export const Linear_Gauge_With_Message: Story = {
|
|
58
|
-
args: {
|
|
59
|
-
configUrl: 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/gauge-progress-indicator.json'
|
|
60
|
-
},
|
|
61
|
-
render: args => (
|
|
62
|
-
<>
|
|
63
|
-
<WaffleChart {...args} />
|
|
64
|
-
</>
|
|
65
|
-
)
|
|
66
|
-
}
|
|
67
|
-
|
|
68
13
|
export const Person: Story = {
|
|
69
14
|
args: {
|
|
70
15
|
config: {
|
package/src/index.jsx
CHANGED
|
@@ -2,6 +2,7 @@ import React from 'react'
|
|
|
2
2
|
import ReactDOM from 'react-dom/client'
|
|
3
3
|
|
|
4
4
|
import CdcWaffleChart from './CdcWaffleChart'
|
|
5
|
+
import './coreStyles_wafflechart.scss'
|
|
5
6
|
|
|
6
7
|
let isEditor = window.location.href.includes('editor=true')
|
|
7
8
|
|
|
@@ -10,5 +11,5 @@ let domContainer = document.getElementsByClassName('react-container')[0]
|
|
|
10
11
|
ReactDOM.createRoot(domContainer).render(
|
|
11
12
|
<React.StrictMode>
|
|
12
13
|
<CdcWaffleChart configUrl={domContainer.attributes['data-config'].value} isEditor={isEditor} />
|
|
13
|
-
</React.StrictMode
|
|
14
|
+
</React.StrictMode>
|
|
14
15
|
)
|