@cdc/dashboard 1.1.1 → 1.1.4

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 (35) hide show
  1. package/dist/cdcdashboard.js +378 -0
  2. package/examples/default-data.json +368 -0
  3. package/examples/default.json +156 -0
  4. package/examples/test-example.json +1 -0
  5. package/package.json +13 -11
  6. package/src/CdcDashboard.js +491 -0
  7. package/src/components/Column.js +46 -0
  8. package/src/components/DataTable.tsx +172 -0
  9. package/src/components/EditorPanel.js +354 -0
  10. package/src/components/Grid.js +28 -0
  11. package/src/components/Header.js +15 -0
  12. package/src/components/Row.js +137 -0
  13. package/src/components/Widget.js +112 -0
  14. package/src/context.tsx +5 -0
  15. package/src/data/initial-state.js +17 -0
  16. package/src/images/icon-close.svg +1 -0
  17. package/src/images/icon-code.svg +3 -0
  18. package/src/images/icon-col-12.svg +3 -0
  19. package/src/images/icon-col-4-8.svg +3 -0
  20. package/src/images/icon-col-4.svg +3 -0
  21. package/src/images/icon-col-6.svg +3 -0
  22. package/src/images/icon-col-8-4.svg +3 -0
  23. package/src/images/icon-down.svg +1 -0
  24. package/src/images/icon-edit.svg +3 -0
  25. package/src/images/icon-grid.svg +4 -0
  26. package/src/images/icon-move.svg +8 -0
  27. package/src/images/icon-up.svg +1 -0
  28. package/src/images/warning.svg +1 -0
  29. package/src/index.html +27 -0
  30. package/src/index.js +17 -0
  31. package/src/scss/editor-panel.scss +652 -0
  32. package/src/scss/grid.scss +321 -0
  33. package/src/scss/main.scss +214 -0
  34. package/src/scss/mixins.scss +0 -0
  35. package/src/scss/variables.scss +1 -0
package/src/images/icon-col-4-8.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <path d="M22,14 L22,16 L10,16 L10,14 L22,14 Z M8,14 L8,16 L2,16 L2,14 L8,14 Z M22,9 L22,11 L10,11 L10,9 L22,9 Z M8,9 L8,11 L2,11 L2,9 L8,9 Z M22,4 L22,6 L10,6 L10,4 L22,4 Z M8,4 L8,6 L2,6 L2,4 L8,4 Z"/>
3
+ </svg>
package/src/images/icon-col-4.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <path d="M22,14 L22,16 L17,16 L17,14 L22,14 Z M7,14 L7,16 L2,16 L2,14 L7,14 Z M15,14 L15,16 L9,16 L9,14 L15,14 Z M22,9 L22,11 L17,11 L17,9 L22,9 Z M7,9 L7,11 L2,11 L2,9 L7,9 Z M15,9 L15,11 L9,11 L9,9 L15,9 Z M22,4 L22,6 L17,6 L17,4 L22,4 Z M7,4 L7,6 L2,6 L2,4 L7,4 Z M15,4 L15,6 L9,6 L9,4 L15,4 Z"/>
3
+ </svg>
package/src/images/icon-col-6.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <path d="M22 14L22 16 13 16 13 14 22 14zM11 16L2 16 2 14 11 14 11 16zM22 4L22 6 13 6 13 4 22 4zM11 6L2 6 2 4 11 4 11 6zM22 9L22 11 13 11 13 9 22 9zM11 11L2 11 2 9 11 9 11 11z"/>
3
+ </svg>
package/src/images/icon-col-8-4.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <path d="M22,14 L22,16 L16,16 L16,14 L22,14 Z M14,14 L14,16 L2,16 L2,14 L14,14 Z M22,9 L22,11 L16,11 L16,9 L22,9 Z M14,9 L14,11 L2,11 L2,9 L14,9 Z M22,4 L22,6 L16,6 L16,4 L22,4 Z M14,4 L14,6 L2,6 L2,4 L14,4 Z"/>
3
+ </svg>
package/src/images/icon-down.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/></svg>
package/src/images/icon-edit.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/>
3
+ </svg>
package/src/images/icon-grid.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2
+ <path fill="currentColor" d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z">
3
+ </path>
4
+ </svg>
package/src/images/icon-move.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16">
2
+ <circle cx="2" cy="2" r="2"/>
3
+ <circle cx="8" cy="2" r="2"/>
4
+ <circle cx="2" cy="8" r="2"/>
5
+ <circle cx="8" cy="8" r="2"/>
6
+ <circle cx="2" cy="14" r="2"/>
7
+ <circle cx="8" cy="14" r="2"/>
8
+ </svg>
package/src/images/icon-up.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"/></svg>
package/src/images/warning.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>
package/src/index.html ADDED
@@ -0,0 +1,27 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, initial-scale=1, shrink-to-fit=no"
8
+ />
9
+ <style>
10
+ body {
11
+ margin: 0 auto !important;
12
+ display: flex;
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ min-height: unset !important;
16
+ }
17
+ .react-container + .react-container {
18
+ margin-top: 3rem;
19
+ }
20
+ </style>
21
+ </head>
22
+ <body>
23
+ <!-- <div class="react-container" data-config="/examples/default.json"></div> -->
24
+ <div class="react-container" data-config="/examples/test-example.json"></div>
25
+ <noscript>You need to enable JavaScript to run this app.</noscript>
26
+ </body>
27
+ </html>
package/src/index.js ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { render } from 'react-dom';
3
+
4
+ import CdcDashboard from './CdcDashboard';
5
+
6
+ const domContainers = document.querySelectorAll('.react-container');
7
+
8
+ let isEditor = window.location.href.includes('editor=true');
9
+
10
+ domContainers.forEach((domContainer) => {
11
+ render(
12
+ <React.StrictMode>
13
+ <CdcDashboard configUrl={domContainer.attributes['data-config'].value} isEditor={isEditor} />
14
+ </React.StrictMode>,
15
+ domContainer,
16
+ );
17
+ });