@cdc/chart 4.26.6 → 4.26.10

package/src/_stories/_mock/editor-test-datasets.json

@@ -346,48 +346,44 @@
 
   "sankey_test_data": [
     {
-      "links": [
-        {
-          "source": "Initial Population",
-          "target": "Screened",
-          "value": 10000
-        },
-        {
-          "source": "Initial Population",
-          "target": "Not Screened",
-          "value": 5000
-        },
-        {
-          "source": "Screened",
-          "target": "Positive Result",
-          "value": 1500
-        },
-        {
-          "source": "Screened",
-          "target": "Negative Result",
-          "value": 8500
-        },
-        {
-          "source": "Positive Result",
-          "target": "Treated",
-          "value": 1200
-        },
-        {
-          "source": "Positive Result",
-          "target": "Not Treated",
-          "value": 300
-        },
-        {
-          "source": "Treated",
-          "target": "Recovery",
-          "value": 1000
-        },
-        {
-          "source": "Treated",
-          "target": "No Recovery",
-          "value": 200
-        }
-      ]
+      "example_source": "Initial Population",
+      "example_target": "Screened",
+      "example_value": 10000
+    },
+    {
+      "example_source": "Initial Population",
+      "example_target": "Not Screened",
+      "example_value": 5000
+    },
+    {
+      "example_source": "Screened",
+      "example_target": "Positive Result",
+      "example_value": 1500
+    },
+    {
+      "example_source": "Screened",
+      "example_target": "Negative Result",
+      "example_value": 8500
+    },
+    {
+      "example_source": "Positive Result",
+      "example_target": "Treated",
+      "example_value": 1200
+    },
+    {
+      "example_source": "Positive Result",
+      "example_target": "Not Treated",
+      "example_value": 300
+    },
+    {
+      "example_source": "Treated",
+      "example_target": "Recovery",
+      "example_value": 1000
+    },
+    {
+      "example_source": "Treated",
+      "example_target": "No Recovery",
+      "example_value": 200
     }
   ],
 

package/src/_stories/_mock/heatmap-average-age-categorical.json

@@ -268,8 +268,8 @@
   },
   "heatmap": {
     "cellPadding": 1,
-    "rowLabelGap": 32,
-    "columnLabelGap": 56,
+    "rowLabelGap": 0,
+    "columnLabelGap": 15,
     "xAxisPosition": "top",
     "showCellValues": false
   },

package/src/_stories/_mock/heatmap.json

@@ -108,8 +108,8 @@
   },
   "heatmap": {
     "cellPadding": 1,
-    "rowLabelGap": 32,
-    "columnLabelGap": 56,
+    "rowLabelGap": 0,
+    "columnLabelGap": 15,
     "xAxisPosition": "top",
     "showCellValues": false
   },

package/src/_stories/_mock/legend-axis-align-stacked-bar.json

@@ -0,0 +1,125 @@
+{
+  "type": "chart",
+  "version": "4.26.6",
+  "title": "Sub-1 Stacked Bar Isolate",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "animate": false,
+  "fontSize": "medium",
+  "barHasBorder": "false",
+  "barStyle": "flat",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "visualizationType": "Bar",
+  "visualizationSubType": "stacked",
+  "orientation": "vertical",
+  "heights": {
+    "vertical": 300,
+    "horizontal": 500
+  },
+  "barThickness": 0.55,
+  "general": {
+    "showDownloadButton": false,
+    "showMissingDataLabel": true,
+    "showZeroValueData": true,
+    "hideNullValue": true,
+    "palette": {
+      "name": "qualitative_bold",
+      "version": "2.0"
+    }
+  },
+  "xAxis": {
+    "type": "categorical",
+    "dataKey": "Quarter",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 60,
+    "tickRotation": 0,
+    "label": "Quarter"
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 56,
+    "gridLines": true,
+    "min": "0",
+    "max": "100",
+    "label": "Percent (0-100)"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "show": false,
+    "showDataTableLink": false
+  },
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "style": "boxes",
+    "position": "right",
+    "label": "Series"
+  },
+  "dataFormat": {
+    "suffix": "%"
+  },
+  "filters": [],
+  "columns": {},
+  "confidenceKeys": {},
+  "series": [
+    {
+      "dataKey": "Baseline",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Sub-1 Rate",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Remainder",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    }
+  ],
+  "data": [
+    {
+      "Quarter": "Q1",
+      "Baseline": 40,
+      "Sub-1 Rate": 0.005,
+      "Remainder": 59.995
+    },
+    {
+      "Quarter": "Q2",
+      "Baseline": 52,
+      "Sub-1 Rate": 0.006,
+      "Remainder": 47.994
+    },
+    {
+      "Quarter": "Q3",
+      "Baseline": 30,
+      "Sub-1 Rate": 0.009,
+      "Remainder": 69.991
+    },
+    {
+      "Quarter": "Q4",
+      "Baseline": 64,
+      "Sub-1 Rate": 0.004,
+      "Remainder": 35.996
+    }
+  ],
+  "dataDescription": {
+    "horizontal": false,
+    "series": false
+  }
+}

package/src/_stories/_mock/sankey_mock.json

@@ -8,39 +8,38 @@
     "vertical": 500,
     "horizontal": 750
   },
-  "data": [
-    {
-      "links": [
-        { "source": "Screened", "target": "Eligible", "value": 850 },
-        { "source": "Screened", "target": "Ineligible", "value": 150 },
-        { "source": "Eligible", "target": "Enrolled", "value": 700 },
-        { "source": "Eligible", "target": "Declined", "value": 150 },
-        { "source": "Enrolled", "target": "Completed Treatment", "value": 580 },
-        { "source": "Enrolled", "target": "Dropped Out", "value": 120 },
-        { "source": "Completed Treatment", "target": "Recovered", "value": 460 },
-        { "source": "Completed Treatment", "target": "Ongoing Care", "value": 120 }
-      ],
-      "tooltips": true,
-      "storyNodeText": []
+  "general": {
+    "palette": {
+      "isReversed": true,
+      "version": "2.0",
+      "name": "sequential_bluereverse"
     }
+  },
+  "data": [
+    { "example_source": "Screened", "example_target": "Eligible", "example_value": 850 },
+    { "example_source": "Screened", "example_target": "Ineligible", "example_value": 150 },
+    { "example_source": "Eligible", "example_target": "Enrolled", "example_value": 700 },
+    { "example_source": "Eligible", "example_target": "Declined", "example_value": 150 },
+    { "example_source": "Enrolled", "example_target": "Completed Treatment", "example_value": 580 },
+    { "example_source": "Enrolled", "example_target": "Dropped Out", "example_value": 120 },
+    { "example_source": "Completed Treatment", "example_target": "Recovered", "example_value": 460 },
+    { "example_source": "Completed Treatment", "example_target": "Ongoing Care", "example_value": 120 }
   ],
   "sankey": {
-    "title": {
-      "defaultColor": "black"
-    },
     "iterations": 1,
     "rxValue": 0.9,
-    "overallSize": {
-      "width": 900,
-      "height": 700
-    },
+    "horizontalScrollWidth": 900,
     "margin": {
       "margin_y": 25,
       "margin_x": 0
     },
+    "columns": {
+      "source": "example_source",
+      "target": "example_target",
+      "value": "example_value"
+    },
     "nodeSize": {
-      "nodeWidth": 26,
-      "nodeHeight": 40
+      "nodeWidth": 26
     },
     "nodePadding": 55,
     "nodeFontColor": "black",
@@ -58,13 +57,10 @@
       "LinkOpacityDefault": 0.6,
       "LinkOpacityInactive": 0.1
     },
-    "storyNodeFontColor": "#006778",
-    "storyNodeText": [],
     "nodeValueStyle": {
       "textBefore": "(",
       "textAfter": ")"
-    },
-    "data": []
+    }
   },
   "table": {
     "show": false,

package/src/components/Annotations/components/AnnotationDraggable.styles.css

@@ -32,6 +32,58 @@
     width: fit-content;
   }
 
+  .annotation__event-line-label-text {
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .annotation__label--editable {
+    border-radius: 0 !important;
+    cursor: grab;
+    outline: 2px dashed red;
+    outline-offset: 1px;
+    pointer-events: auto;
+    position: relative;
+    touch-action: none;
+  }
+
+  .annotation__label--dragging {
+    cursor: grabbing;
+  }
+
+  .annotation__label-text {
+    max-width: 100%;
+    min-width: 0;
+    text-align: left;
+  }
+
+  .annotation__label-text--right {
+    text-align: right;
+  }
+
+  .annotation__resize-handle {
+    background: #fff;
+    border: 2px solid red;
+    cursor: ew-resize;
+    height: 24px;
+    padding: 0;
+    pointer-events: auto;
+    position: absolute;
+    top: 50%;
+    touch-action: none;
+    transform: translateY(-50%);
+    width: 8px;
+    z-index: 1;
+  }
+
+  .annotation__resize-handle--left {
+    left: -6px;
+  }
+
+  .annotation__resize-handle--right {
+    right: -6px;
+  }
+
   /* Label right of the line. */
   .cove-annotation-event-line__label--right {
     padding-left: 0.5rem;