@cdc/dashboard 4.26.4 → 4.26.5

package/examples/dashboard-shared-filter-row-delete-cleanup.json

@@ -0,0 +1,186 @@
+{
+  "type": "dashboard",
+  "version": "4.26.5",
+  "dashboard": {
+    "theme": "theme-blue",
+    "title": "Regression: Shared Filter Row Delete Cleanup",
+    "description": "<p>Use this fixture to delete several rows that participate in shared-filter targeting. The shared filters intentionally include stale <code>usedBy</code> references so cleanup logic has to tolerate missing targets.</p>",
+    "sharedFilters": [
+      {
+        "key": "Region",
+        "label": "Region",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Region",
+        "showDropdown": true,
+        "active": "North",
+        "values": ["North", "South"],
+        "orderedValues": ["North", "South"],
+        "usedBy": ["chart-alpha", "chart-beta", "chart-gamma", "missing-widget"],
+        "resetLabel": "Select a region"
+      },
+      {
+        "key": "Status",
+        "label": "Status",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Status",
+        "showDropdown": true,
+        "active": "Open",
+        "values": ["Open", "Closed"],
+        "orderedValues": ["Open", "Closed"],
+        "usedBy": ["chart-alpha", "chart-beta", "missing-widget-2"],
+        "resetLabel": "Select a status"
+      },
+      {
+        "key": "Year",
+        "label": "Year",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Year",
+        "showDropdown": true,
+        "active": "2024",
+        "values": ["2023", "2024"],
+        "orderedValues": ["2023", "2024"],
+        "usedBy": ["chart-gamma"],
+        "resetLabel": "Select a year"
+      }
+    ]
+  },
+  "rows": [
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "dashboard-filters"
+        }
+      ]
+    },
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "chart-alpha"
+        }
+      ]
+    },
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "chart-beta"
+        }
+      ]
+    },
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "chart-gamma"
+        }
+      ]
+    }
+  ],
+  "visualizations": {
+    "dashboard-filters": {
+      "uid": "dashboard-filters",
+      "type": "dashboardFilters",
+      "visualizationType": "dashboardFilters",
+      "sharedFilterIndexes": [0, 1, 2],
+      "filterBehavior": "Filter Change",
+      "autoLoad": true
+    },
+    "chart-alpha": {
+      "uid": "chart-alpha",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Row A",
+      "dataKey": "shared-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "chart-beta": {
+      "uid": "chart-beta",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Row B",
+      "dataKey": "shared-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "chart-gamma": {
+      "uid": "chart-gamma",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Row C",
+      "dataKey": "shared-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    }
+  },
+  "datasets": {
+    "shared-filter-data": {
+      "data": [
+        {
+          "Region": "North",
+          "Status": "Open",
+          "Year": "2024",
+          "Label": "North Open 2024",
+          "Value": 40
+        },
+        {
+          "Region": "North",
+          "Status": "Closed",
+          "Year": "2024",
+          "Label": "North Closed 2024",
+          "Value": 22
+        },
+        {
+          "Region": "South",
+          "Status": "Open",
+          "Year": "2024",
+          "Label": "South Open 2024",
+          "Value": 15
+        },
+        {
+          "Region": "North",
+          "Status": "Open",
+          "Year": "2023",
+          "Label": "North Open 2023",
+          "Value": 30
+        }
+      ],
+      "preview": true,
+      "dataFileName": "shared-filter-data.json",
+      "dataFileSourceType": "file",
+      "dataFileFormat": "JSON"
+    }
+  },
+  "table": {
+    "label": "Data Table",
+    "show": false,
+    "showDownloadUrl": false,
+    "showVertical": true
+  }
+}

package/examples/dashboard-stale-dataset-keys.json

@@ -0,0 +1,181 @@
+{
+  "type": "dashboard",
+  "version": "4.26.5",
+  "dashboard": {
+    "theme": "theme-blue",
+    "title": "Regression: Stale Dataset Keys",
+    "description": "<p>This dashboard mixes valid and stale <code>dataKey</code> references. It is intended to verify that config mapping skips missing datasets instead of crashing.</p>"
+  },
+  "rows": [
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "intro-markup"
+        }
+      ]
+    },
+    {
+      "columns": [
+        {
+          "width": 6,
+          "widget": "valid-viz-data-bite"
+        },
+        {
+          "width": 6,
+          "widget": "stale-viz-chart"
+        }
+      ]
+    },
+    {
+      "dataKey": "missing-row-dataset",
+      "dataDescription": {
+        "horizontal": false,
+        "series": false
+      },
+      "columns": [
+        {
+          "width": 6,
+          "widget": "stale-row-chart"
+        },
+        {
+          "width": 6,
+          "widget": "valid-row-chart"
+        }
+      ]
+    },
+    {
+      "dataKey": "valid-row-dataset",
+      "dataDescription": {
+        "horizontal": false,
+        "series": false
+      },
+      "columns": [
+        {
+          "width": 12,
+          "widget": "valid-row-chart-2"
+        }
+      ]
+    }
+  ],
+  "visualizations": {
+    "intro-markup": {
+      "uid": "intro-markup",
+      "type": "markup-include",
+      "visualizationType": "markup-include",
+      "theme": "theme-blue",
+      "contentEditor": {
+        "title": "How to use this fixture",
+        "showHeader": true,
+        "srcUrl": "",
+        "useInlineHTML": true,
+        "inlineHTML": "<p><strong>Expected:</strong> the valid widgets render normally, while widgets pointing at missing datasets stay unresolved instead of crashing the page.</p><p>This fixture covers both visualization-level and row-level stale <code>dataKey</code> references.</p>"
+      }
+    },
+    "valid-viz-data-bite": {
+      "uid": "valid-viz-data-bite",
+      "type": "data-bite",
+      "visualizationType": "data-bite",
+      "title": "Valid viz.dataKey",
+      "biteBody": "This uses a valid dataset and should continue to render.",
+      "dataKey": "valid-viz-dataset",
+      "dataColumn": "Value",
+      "dataFunction": "Pass Through",
+      "theme": "theme-blue"
+    },
+    "stale-viz-chart": {
+      "uid": "stale-viz-chart",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Stale viz.dataKey",
+      "dataKey": "renamed-viz-dataset",
+      "xAxis": {
+        "dataKey": "Category"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "stale-row-chart": {
+      "uid": "stale-row-chart",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Stale row.dataKey",
+      "xAxis": {
+        "dataKey": "Category"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "valid-row-chart": {
+      "uid": "valid-row-chart",
+      "type": "markup-include",
+      "visualizationType": "markup-include",
+      "theme": "theme-blue",
+      "contentEditor": {
+        "title": "Companion widget",
+        "showHeader": true,
+        "srcUrl": "",
+        "useInlineHTML": true,
+        "inlineHTML": "<p>This row deliberately mixes one stale row-level data target with a non-data widget so the row itself can still render while the stale chart stays safely unresolved.</p>"
+      }
+    },
+    "valid-row-chart-2": {
+      "uid": "valid-row-chart-2",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "Valid row.dataKey",
+      "xAxis": {
+        "dataKey": "Category"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    }
+  },
+  "datasets": {
+    "valid-viz-dataset": {
+      "data": [
+        {
+          "Value": 123
+        }
+      ],
+      "preview": true,
+      "dataFileName": "valid-viz-dataset.json",
+      "dataFileSourceType": "file",
+      "dataFileFormat": "JSON"
+    },
+    "valid-row-dataset": {
+      "data": [
+        {
+          "Category": "Valid Row A",
+          "Value": 10
+        },
+        {
+          "Category": "Valid Row B",
+          "Value": 25
+        }
+      ],
+      "preview": true,
+      "dataFileName": "valid-row-dataset.json",
+      "dataFileSourceType": "file",
+      "dataFileFormat": "JSON"
+    }
+  },
+  "table": {
+    "label": "Data Table",
+    "show": false,
+    "showDownloadUrl": false,
+    "showVertical": true
+  }
+}

package/examples/dashboard-tiered-filter-regression.json

@@ -0,0 +1,190 @@
+{
+  "type": "dashboard",
+  "version": "4.26.5",
+  "dashboard": {
+    "theme": "theme-blue",
+    "title": "Regression: Tiered Filtering",
+    "description": "<p>This fixture supports 1-tier, 2-tier, and 3-tier checks on the same page. The saved <code>tier</code> values are intentionally strings so save/reload does not depend on number parsing.</p>",
+    "sharedFilters": [
+      {
+        "key": "Region",
+        "label": "Region",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Region",
+        "showDropdown": true,
+        "active": "North",
+        "values": ["North", "South"],
+        "orderedValues": ["North", "South"],
+        "usedBy": ["chart-tier-1", "chart-tier-2", "chart-tier-3"],
+        "tier": "1",
+        "resetLabel": "Select a region"
+      },
+      {
+        "key": "Category",
+        "label": "Category",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Category",
+        "showDropdown": true,
+        "active": "Alpha",
+        "values": ["Alpha", "Beta"],
+        "orderedValues": ["Alpha", "Beta"],
+        "usedBy": ["chart-tier-2", "chart-tier-3"],
+        "parents": ["Region"],
+        "tier": "2",
+        "resetLabel": "Select a category"
+      },
+      {
+        "key": "Detail",
+        "label": "Detail",
+        "type": "datafilter",
+        "filterStyle": "dropdown",
+        "columnName": "Detail",
+        "showDropdown": true,
+        "active": "One",
+        "values": ["One", "Two"],
+        "orderedValues": ["One", "Two"],
+        "usedBy": ["chart-tier-3"],
+        "parents": ["Category"],
+        "tier": "3",
+        "resetLabel": "Select a detail"
+      }
+    ]
+  },
+  "rows": [
+    {
+      "columns": [
+        {
+          "width": 12,
+          "widget": "tiered-filters"
+        }
+      ]
+    },
+    {
+      "columns": [
+        {
+          "width": 4,
+          "widget": "chart-tier-1"
+        },
+        {
+          "width": 4,
+          "widget": "chart-tier-2"
+        },
+        {
+          "width": 4,
+          "widget": "chart-tier-3"
+        }
+      ]
+    }
+  ],
+  "visualizations": {
+    "tiered-filters": {
+      "uid": "tiered-filters",
+      "type": "dashboardFilters",
+      "visualizationType": "dashboardFilters",
+      "sharedFilterIndexes": [0, 1, 2],
+      "filterBehavior": "Filter Change",
+      "autoLoad": true
+    },
+    "chart-tier-1": {
+      "uid": "chart-tier-1",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "1 tier: Region only",
+      "dataKey": "tiered-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "chart-tier-2": {
+      "uid": "chart-tier-2",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "2 tiers: Region + Category",
+      "dataKey": "tiered-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    },
+    "chart-tier-3": {
+      "uid": "chart-tier-3",
+      "type": "chart",
+      "visualizationType": "Bar",
+      "title": "3 tiers: Region + Category + Detail",
+      "dataKey": "tiered-filter-data",
+      "xAxis": {
+        "dataKey": "Label"
+      },
+      "series": [
+        {
+          "dataKey": "Value"
+        }
+      ],
+      "theme": "theme-blue"
+    }
+  },
+  "datasets": {
+    "tiered-filter-data": {
+      "data": [
+        {
+          "Region": "North",
+          "Category": "Alpha",
+          "Detail": "One",
+          "Label": "North Alpha One",
+          "Value": 11
+        },
+        {
+          "Region": "North",
+          "Category": "Alpha",
+          "Detail": "Two",
+          "Label": "North Alpha Two",
+          "Value": 12
+        },
+        {
+          "Region": "North",
+          "Category": "Beta",
+          "Detail": "One",
+          "Label": "North Beta One",
+          "Value": 13
+        },
+        {
+          "Region": "South",
+          "Category": "Alpha",
+          "Detail": "One",
+          "Label": "South Alpha One",
+          "Value": 21
+        },
+        {
+          "Region": "South",
+          "Category": "Beta",
+          "Detail": "Two",
+          "Label": "South Beta Two",
+          "Value": 22
+        }
+      ],
+      "preview": true,
+      "dataFileName": "tiered-filter-data.json",
+      "dataFileSourceType": "file",
+      "dataFileFormat": "JSON"
+    }
+  },
+  "table": {
+    "label": "Data Table",
+    "show": false,
+    "showDownloadUrl": false,
+    "showVertical": true
+  }
+}