@cdc/chart 4.25.11 → 4.26.1

package/src/_stories/ChartEditor.Editor.stories.tsx

@@ -71,9 +71,7 @@ export const GeneralSectionTests: Story = {
       const chartContainer = canvasElement.querySelector('.tooltip-boundary')
       // Target the main chart SVG specifically (not brush or other SVGs)
       const chartSvg =
-        canvasElement.querySelector('.tooltip-boundary svg[role="img"]') ||
-        canvasElement.querySelector('svg.linear') ||
-        canvasElement.querySelector('.cdc-open-viz-module svg:not(.brush-container svg)')
+        canvasElement.querySelector('.tooltip-boundary svg[role="img"]') || canvasElement.querySelector('svg.linear')
       return {
         containerHeight: chartContainer?.getBoundingClientRect().height || 0,
         svgHeight: parseInt(chartSvg?.getAttribute('height') || '0', 10),
@@ -129,7 +127,7 @@ export const GeneralSectionTests: Story = {
     // Test 1: Title Text Change
     const getTitleText = () => {
       // Look for the chart title using the specific class from CdcChartComponent.tsx line 913
-      const titleElement = canvasElement.querySelector('.chart-title')
+      const titleElement = canvasElement.querySelector('.chart-title, .cove-title')
       const result = {
         titleExists: Boolean(titleElement),
         titleText: titleElement?.textContent?.trim() || '',
@@ -202,7 +200,7 @@ export const GeneralSectionTests: Story = {
     // Test 1: Super Title Text Change
     const getSuperTitleText = () => {
       // Super title is part of the .chart-title component but rendered separately
-      const titleContainer = canvasElement.querySelector('.chart-title')
+      const titleContainer = canvasElement.querySelector('.chart-title, .cove-title')
       const superTitleElement =
         titleContainer?.querySelector('.super-title, [class*="super"]') || titleContainer?.children[0] // First child might be super title
 

package/src/_stories/TechAdoptionWithLinks.stories.tsx

@@ -0,0 +1,27 @@
+import config from './../../examples/tech-adoption-with-links.json'
+import type { Meta, StoryObj } from '@storybook/react-vite'
+import Chart from '../CdcChart'
+import { editConfigKeys } from '@cdc/core/helpers/configHelpers'
+
+const meta: Meta<typeof Chart> = {
+  title: 'Components/Templates/Chart/Bar Chart/Horizontal Bar Chart Link Titles',
+  component: Chart
+}
+
+type Story = StoryObj<typeof Chart>
+
+export const horizontal_barchart_links: Story = {
+  args: {
+    config: config,
+    isEditor: true
+  }
+}
+
+export const horizontal_barchart_links_single_series: Story = {
+  args: {
+    config: editConfigKeys(config, [{ path: ['tooltips', 'singleSeries'], value: true }]),
+    isEditor: true
+  }
+}
+
+export default meta

package/src/_stories/_mock/brush_enabled.json

@@ -0,0 +1,326 @@
+{
+  "type": "chart",
+  "title": "Widget Production vs Quality Metrics - Demo Data",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "visualizationType": "Line",
+  "orientation": "vertical",
+  "xAxis": {
+    "type": "date-time",
+    "dataKey": "Date",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%y",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "brushActive": true,
+    "brushDefaultRecentDateCount": "4"
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333"
+  },
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "position": "right"
+  },
+  "table": {
+    "label": "Data Table",
+    "show": true
+  },
+  "series": [
+    {
+      "dataKey": "Production",
+      "type": "Line",
+      "lineType": "curveMonotoneX",
+      "weight": 3,
+      "axis": "Left",
+      "name": "Widget Production (1000s)",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Quality",
+      "type": "dashed-md",
+      "lineType": "curveLinear",
+      "weight": 2,
+      "axis": "Left",
+      "name": "Quality Score",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Efficiency",
+      "type": "dashed-sm",
+      "lineType": "curveStep",
+      "weight": 1,
+      "axis": "Left",
+      "name": "Efficiency Rating",
+      "tooltip": true
+    }
+  ],
+  "data": [
+    { "Date": "1/6/2020", "Production": "85", "Quality": "75", "Efficiency": "83" },
+    { "Date": "1/13/2020", "Production": "85", "Quality": "75", "Efficiency": "83" },
+    { "Date": "1/20/2020", "Production": "86", "Quality": "76", "Efficiency": "84" },
+    { "Date": "1/27/2020", "Production": "86", "Quality": "76", "Efficiency": "84" },
+    { "Date": "2/3/2020", "Production": "86", "Quality": "76", "Efficiency": "84" },
+    { "Date": "2/10/2020", "Production": "87", "Quality": "77", "Efficiency": "85" },
+    { "Date": "2/17/2020", "Production": "87", "Quality": "77", "Efficiency": "85" },
+    { "Date": "2/24/2020", "Production": "87", "Quality": "77", "Efficiency": "85" },
+    { "Date": "3/2/2020", "Production": "88", "Quality": "78", "Efficiency": "86" },
+    { "Date": "3/9/2020", "Production": "88", "Quality": "78", "Efficiency": "86" },
+    { "Date": "3/16/2020", "Production": "88", "Quality": "78", "Efficiency": "86" },
+    { "Date": "3/23/2020", "Production": "89", "Quality": "79", "Efficiency": "87" },
+    { "Date": "3/30/2020", "Production": "89", "Quality": "79", "Efficiency": "87" },
+    { "Date": "4/6/2020", "Production": "89", "Quality": "79", "Efficiency": "87" },
+    { "Date": "4/13/2020", "Production": "90", "Quality": "80", "Efficiency": "88" },
+    { "Date": "4/20/2020", "Production": "90", "Quality": "80", "Efficiency": "88" },
+    { "Date": "4/27/2020", "Production": "90", "Quality": "80", "Efficiency": "88" },
+    { "Date": "5/4/2020", "Production": "91", "Quality": "81", "Efficiency": "89" },
+    { "Date": "5/11/2020", "Production": "91", "Quality": "81", "Efficiency": "89" },
+    { "Date": "5/18/2020", "Production": "92", "Quality": "82", "Efficiency": "90" },
+    { "Date": "5/25/2020", "Production": "92", "Quality": "82", "Efficiency": "90" },
+    { "Date": "6/1/2020", "Production": "97", "Quality": "87", "Efficiency": "95" },
+    { "Date": "6/8/2020", "Production": "98", "Quality": "88", "Efficiency": "96" },
+    { "Date": "6/15/2020", "Production": "98", "Quality": "88", "Efficiency": "96" },
+    { "Date": "6/22/2020", "Production": "99", "Quality": "89", "Efficiency": "97" },
+    { "Date": "6/29/2020", "Production": "99", "Quality": "89", "Efficiency": "97" },
+    { "Date": "7/6/2020", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "7/13/2020", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "7/20/2020", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "7/27/2020", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "8/3/2020", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "8/10/2020", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "8/17/2020", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "8/24/2020", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "8/31/2020", "Production": "114", "Quality": "104", "Efficiency": "112" },
+    { "Date": "9/7/2020", "Production": "109", "Quality": "99", "Efficiency": "107" },
+    { "Date": "9/14/2020", "Production": "110", "Quality": "100", "Efficiency": "108" },
+    { "Date": "9/21/2020", "Production": "110", "Quality": "100", "Efficiency": "108" },
+    { "Date": "9/28/2020", "Production": "111", "Quality": "101", "Efficiency": "109" },
+    { "Date": "10/5/2020", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "10/12/2020", "Production": "107", "Quality": "97", "Efficiency": "105" },
+    { "Date": "10/19/2020", "Production": "107", "Quality": "97", "Efficiency": "105" },
+    { "Date": "10/26/2020", "Production": "108", "Quality": "98", "Efficiency": "106" },
+    { "Date": "11/2/2020", "Production": "103", "Quality": "93", "Efficiency": "101" },
+    { "Date": "11/9/2020", "Production": "104", "Quality": "94", "Efficiency": "102" },
+    { "Date": "11/16/2020", "Production": "104", "Quality": "94", "Efficiency": "102" },
+    { "Date": "11/23/2020", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "11/30/2020", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "12/7/2020", "Production": "101", "Quality": "91", "Efficiency": "99" },
+    { "Date": "12/14/2020", "Production": "101", "Quality": "91", "Efficiency": "99" },
+    { "Date": "12/21/2020", "Production": "102", "Quality": "92", "Efficiency": "100" },
+    { "Date": "12/28/2020", "Production": "102", "Quality": "92", "Efficiency": "100" },
+    { "Date": "1/4/2021", "Production": "98", "Quality": "88", "Efficiency": "96" },
+    { "Date": "1/11/2021", "Production": "98", "Quality": "88", "Efficiency": "96" },
+    { "Date": "1/18/2021", "Production": "99", "Quality": "89", "Efficiency": "97" },
+    { "Date": "1/25/2021", "Production": "99", "Quality": "89", "Efficiency": "97" },
+    { "Date": "2/1/2021", "Production": "100", "Quality": "90", "Efficiency": "98" },
+    { "Date": "2/8/2021", "Production": "100", "Quality": "90", "Efficiency": "98" },
+    { "Date": "2/15/2021", "Production": "100", "Quality": "90", "Efficiency": "98" },
+    { "Date": "2/22/2021", "Production": "101", "Quality": "91", "Efficiency": "99" },
+    { "Date": "3/1/2021", "Production": "101", "Quality": "91", "Efficiency": "99" },
+    { "Date": "3/8/2021", "Production": "102", "Quality": "92", "Efficiency": "100" },
+    { "Date": "3/15/2021", "Production": "102", "Quality": "92", "Efficiency": "100" },
+    { "Date": "3/22/2021", "Production": "102", "Quality": "92", "Efficiency": "100" },
+    { "Date": "3/29/2021", "Production": "103", "Quality": "93", "Efficiency": "101" },
+    { "Date": "4/5/2021", "Production": "103", "Quality": "93", "Efficiency": "101" },
+    { "Date": "4/12/2021", "Production": "104", "Quality": "94", "Efficiency": "102" },
+    { "Date": "4/19/2021", "Production": "104", "Quality": "94", "Efficiency": "102" },
+    { "Date": "4/26/2021", "Production": "104", "Quality": "94", "Efficiency": "102" },
+    { "Date": "5/3/2021", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "5/10/2021", "Production": "105", "Quality": "95", "Efficiency": "103" },
+    { "Date": "5/17/2021", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "5/24/2021", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "5/31/2021", "Production": "106", "Quality": "96", "Efficiency": "104" },
+    { "Date": "6/7/2021", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "6/14/2021", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "6/21/2021", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "6/28/2021", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "7/5/2021", "Production": "180", "Quality": "165", "Efficiency": "175" },
+    { "Date": "7/12/2021", "Production": "185", "Quality": "170", "Efficiency": "180" },
+    { "Date": "7/19/2021", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "7/26/2021", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "8/2/2021", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "8/9/2021", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "8/16/2021", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "8/23/2021", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "8/30/2021", "Production": "128", "Quality": "118", "Efficiency": "126" },
+    { "Date": "9/6/2021", "Production": "123", "Quality": "113", "Efficiency": "121" },
+    { "Date": "9/13/2021", "Production": "124", "Quality": "114", "Efficiency": "122" },
+    { "Date": "9/20/2021", "Production": "124", "Quality": "114", "Efficiency": "122" },
+    { "Date": "9/27/2021", "Production": "125", "Quality": "115", "Efficiency": "123" },
+    { "Date": "10/4/2021", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "10/11/2021", "Production": "121", "Quality": "111", "Efficiency": "119" },
+    { "Date": "10/18/2021", "Production": "121", "Quality": "111", "Efficiency": "119" },
+    { "Date": "10/25/2021", "Production": "122", "Quality": "112", "Efficiency": "120" },
+    { "Date": "11/1/2021", "Production": "117", "Quality": "107", "Efficiency": "115" },
+    { "Date": "11/8/2021", "Production": "118", "Quality": "108", "Efficiency": "116" },
+    { "Date": "11/15/2021", "Production": "118", "Quality": "108", "Efficiency": "116" },
+    { "Date": "11/22/2021", "Production": "119", "Quality": "109", "Efficiency": "117" },
+    { "Date": "11/29/2021", "Production": "119", "Quality": "109", "Efficiency": "117" },
+    { "Date": "12/6/2021", "Production": "115", "Quality": "105", "Efficiency": "113" },
+    { "Date": "12/13/2021", "Production": "115", "Quality": "105", "Efficiency": "113" },
+    { "Date": "12/20/2021", "Production": "116", "Quality": "106", "Efficiency": "114" },
+    { "Date": "12/27/2021", "Production": "116", "Quality": "106", "Efficiency": "114" },
+    { "Date": "1/3/2022", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "1/10/2022", "Production": "112", "Quality": "102", "Efficiency": "110" },
+    { "Date": "1/17/2022", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "1/24/2022", "Production": "113", "Quality": "103", "Efficiency": "111" },
+    { "Date": "1/31/2022", "Production": "114", "Quality": "104", "Efficiency": "112" },
+    { "Date": "2/7/2022", "Production": "114", "Quality": "104", "Efficiency": "112" },
+    { "Date": "2/14/2022", "Production": "114", "Quality": "104", "Efficiency": "112" },
+    { "Date": "2/21/2022", "Production": "115", "Quality": "105", "Efficiency": "113" },
+    { "Date": "2/28/2022", "Production": "115", "Quality": "105", "Efficiency": "113" },
+    { "Date": "3/7/2022", "Production": "116", "Quality": "106", "Efficiency": "114" },
+    { "Date": "3/14/2022", "Production": "116", "Quality": "106", "Efficiency": "114" },
+    { "Date": "3/21/2022", "Production": "116", "Quality": "106", "Efficiency": "114" },
+    { "Date": "3/28/2022", "Production": "117", "Quality": "107", "Efficiency": "115" },
+    { "Date": "4/4/2022", "Production": "117", "Quality": "107", "Efficiency": "115" },
+    { "Date": "4/11/2022", "Production": "118", "Quality": "108", "Efficiency": "116" },
+    { "Date": "4/18/2022", "Production": "118", "Quality": "108", "Efficiency": "116" },
+    { "Date": "4/25/2022", "Production": "118", "Quality": "108", "Efficiency": "116" },
+    { "Date": "5/2/2022", "Production": "119", "Quality": "109", "Efficiency": "117" },
+    { "Date": "5/9/2022", "Production": "119", "Quality": "109", "Efficiency": "117" },
+    { "Date": "5/16/2022", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "5/23/2022", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "5/30/2022", "Production": "120", "Quality": "110", "Efficiency": "118" },
+    { "Date": "6/6/2022", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "6/13/2022", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "6/20/2022", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "6/27/2022", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "7/4/2022", "Production": "133", "Quality": "123", "Efficiency": "131" },
+    { "Date": "7/11/2022", "Production": "133", "Quality": "123", "Efficiency": "131" },
+    { "Date": "7/18/2022", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "7/25/2022", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "8/1/2022", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "8/8/2022", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "8/15/2022", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "8/22/2022", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "8/29/2022", "Production": "142", "Quality": "132", "Efficiency": "140" },
+    { "Date": "9/5/2022", "Production": "137", "Quality": "127", "Efficiency": "135" },
+    { "Date": "9/12/2022", "Production": "138", "Quality": "128", "Efficiency": "136" },
+    { "Date": "9/19/2022", "Production": "138", "Quality": "128", "Efficiency": "136" },
+    { "Date": "9/26/2022", "Production": "139", "Quality": "129", "Efficiency": "137" },
+    { "Date": "10/3/2022", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "10/10/2022", "Production": "135", "Quality": "125", "Efficiency": "133" },
+    { "Date": "10/17/2022", "Production": "135", "Quality": "125", "Efficiency": "133" },
+    { "Date": "10/24/2022", "Production": "136", "Quality": "126", "Efficiency": "134" },
+    { "Date": "10/31/2022", "Production": "136", "Quality": "126", "Efficiency": "134" },
+    { "Date": "11/7/2022", "Production": "131", "Quality": "121", "Efficiency": "129" },
+    { "Date": "11/14/2022", "Production": "132", "Quality": "122", "Efficiency": "130" },
+    { "Date": "11/21/2022", "Production": "132", "Quality": "122", "Efficiency": "130" },
+    { "Date": "11/28/2022", "Production": "133", "Quality": "123", "Efficiency": "131" },
+    { "Date": "12/5/2022", "Production": "129", "Quality": "119", "Efficiency": "127" },
+    { "Date": "12/12/2022", "Production": "129", "Quality": "119", "Efficiency": "127" },
+    { "Date": "12/19/2022", "Production": "130", "Quality": "120", "Efficiency": "128" },
+    { "Date": "12/26/2022", "Production": "130", "Quality": "120", "Efficiency": "128" },
+    { "Date": "1/2/2023", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "1/9/2023", "Production": "126", "Quality": "116", "Efficiency": "124" },
+    { "Date": "1/16/2023", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "1/23/2023", "Production": "127", "Quality": "117", "Efficiency": "125" },
+    { "Date": "1/30/2023", "Production": "128", "Quality": "118", "Efficiency": "126" },
+    { "Date": "2/6/2023", "Production": "128", "Quality": "118", "Efficiency": "126" },
+    { "Date": "2/13/2023", "Production": "128", "Quality": "118", "Efficiency": "126" },
+    { "Date": "2/20/2023", "Production": "129", "Quality": "119", "Efficiency": "127" },
+    { "Date": "2/27/2023", "Production": "129", "Quality": "119", "Efficiency": "127" },
+    { "Date": "3/6/2023", "Production": "130", "Quality": "120", "Efficiency": "128" },
+    { "Date": "3/13/2023", "Production": "130", "Quality": "120", "Efficiency": "128" },
+    { "Date": "3/20/2023", "Production": "130", "Quality": "120", "Efficiency": "128" },
+    { "Date": "3/27/2023", "Production": "131", "Quality": "121", "Efficiency": "129" },
+    { "Date": "4/3/2023", "Production": "131", "Quality": "121", "Efficiency": "129" },
+    { "Date": "4/10/2023", "Production": "132", "Quality": "122", "Efficiency": "130" },
+    { "Date": "4/17/2023", "Production": "132", "Quality": "122", "Efficiency": "130" },
+    { "Date": "4/24/2023", "Production": "132", "Quality": "122", "Efficiency": "130" },
+    { "Date": "5/1/2023", "Production": "133", "Quality": "123", "Efficiency": "131" },
+    { "Date": "5/8/2023", "Production": "133", "Quality": "123", "Efficiency": "131" },
+    { "Date": "5/15/2023", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "5/22/2023", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "5/29/2023", "Production": "134", "Quality": "124", "Efficiency": "132" },
+    { "Date": "6/5/2023", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "6/12/2023", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "6/19/2023", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "6/26/2023", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "7/3/2023", "Production": "147", "Quality": "137", "Efficiency": "145" },
+    { "Date": "7/10/2023", "Production": "147", "Quality": "137", "Efficiency": "145" },
+    { "Date": "7/17/2023", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "7/24/2023", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "7/31/2023", "Production": "149", "Quality": "139", "Efficiency": "147" },
+    { "Date": "8/7/2023", "Production": "154", "Quality": "144", "Efficiency": "152" },
+    { "Date": "8/14/2023", "Production": "155", "Quality": "145", "Efficiency": "153" },
+    { "Date": "8/21/2023", "Production": "155", "Quality": "145", "Efficiency": "153" },
+    { "Date": "8/28/2023", "Production": "156", "Quality": "146", "Efficiency": "154" },
+    { "Date": "9/4/2023", "Production": "151", "Quality": "141", "Efficiency": "149" },
+    { "Date": "9/11/2023", "Production": "152", "Quality": "142", "Efficiency": "150" },
+    { "Date": "9/18/2023", "Production": "152", "Quality": "142", "Efficiency": "150" },
+    { "Date": "9/25/2023", "Production": "153", "Quality": "143", "Efficiency": "151" },
+    { "Date": "10/2/2023", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "10/9/2023", "Production": "149", "Quality": "139", "Efficiency": "147" },
+    { "Date": "10/16/2023", "Production": "149", "Quality": "139", "Efficiency": "147" },
+    { "Date": "10/23/2023", "Production": "150", "Quality": "140", "Efficiency": "148" },
+    { "Date": "10/30/2023", "Production": "150", "Quality": "140", "Efficiency": "148" },
+    { "Date": "11/6/2023", "Production": "145", "Quality": "135", "Efficiency": "143" },
+    { "Date": "11/13/2023", "Production": "146", "Quality": "136", "Efficiency": "144" },
+    { "Date": "11/20/2023", "Production": "146", "Quality": "136", "Efficiency": "144" },
+    { "Date": "11/27/2023", "Production": "147", "Quality": "137", "Efficiency": "145" },
+    { "Date": "12/4/2023", "Production": "143", "Quality": "133", "Efficiency": "141" },
+    { "Date": "12/11/2023", "Production": "143", "Quality": "133", "Efficiency": "141" },
+    { "Date": "12/18/2023", "Production": "144", "Quality": "134", "Efficiency": "142" },
+    { "Date": "12/25/2023", "Production": "144", "Quality": "134", "Efficiency": "142" },
+    { "Date": "1/1/2024", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "1/8/2024", "Production": "140", "Quality": "130", "Efficiency": "138" },
+    { "Date": "1/15/2024", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "1/22/2024", "Production": "141", "Quality": "131", "Efficiency": "139" },
+    { "Date": "1/29/2024", "Production": "142", "Quality": "132", "Efficiency": "140" },
+    { "Date": "2/5/2024", "Production": "142", "Quality": "132", "Efficiency": "140" },
+    { "Date": "2/12/2024", "Production": "142", "Quality": "132", "Efficiency": "140" },
+    { "Date": "2/19/2024", "Production": "143", "Quality": "133", "Efficiency": "141" },
+    { "Date": "2/26/2024", "Production": "143", "Quality": "133", "Efficiency": "141" },
+    { "Date": "3/4/2024", "Production": "144", "Quality": "134", "Efficiency": "142" },
+    { "Date": "3/11/2024", "Production": "144", "Quality": "134", "Efficiency": "142" },
+    { "Date": "3/18/2024", "Production": "144", "Quality": "134", "Efficiency": "142" },
+    { "Date": "3/25/2024", "Production": "145", "Quality": "135", "Efficiency": "143" },
+    { "Date": "4/1/2024", "Production": "145", "Quality": "135", "Efficiency": "143" },
+    { "Date": "4/8/2024", "Production": "146", "Quality": "136", "Efficiency": "144" },
+    { "Date": "4/15/2024", "Production": "146", "Quality": "136", "Efficiency": "144" },
+    { "Date": "4/22/2024", "Production": "146", "Quality": "136", "Efficiency": "144" },
+    { "Date": "4/29/2024", "Production": "147", "Quality": "137", "Efficiency": "145" },
+    { "Date": "5/6/2024", "Production": "147", "Quality": "137", "Efficiency": "145" },
+    { "Date": "5/13/2024", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "5/20/2024", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "5/27/2024", "Production": "148", "Quality": "138", "Efficiency": "146" },
+    { "Date": "6/3/2024", "Production": "154", "Quality": "144", "Efficiency": "152" },
+    { "Date": "6/10/2024", "Production": "154", "Quality": "144", "Efficiency": "152" },
+    { "Date": "6/17/2024", "Production": "155", "Quality": "145", "Efficiency": "153" },
+    { "Date": "6/24/2024", "Production": "155", "Quality": "145", "Efficiency": "153" },
+    { "Date": "7/1/2024", "Production": "161", "Quality": "151", "Efficiency": "159" },
+    { "Date": "7/8/2024", "Production": "161", "Quality": "151", "Efficiency": "159" },
+    { "Date": "7/15/2024", "Production": "162", "Quality": "152", "Efficiency": "160" },
+    { "Date": "7/22/2024", "Production": "162", "Quality": "152", "Efficiency": "160" },
+    { "Date": "7/29/2024", "Production": "163", "Quality": "153", "Efficiency": "161" },
+    { "Date": "8/5/2024", "Production": "168", "Quality": "158", "Efficiency": "166" },
+    { "Date": "8/12/2024", "Production": "169", "Quality": "159", "Efficiency": "167" },
+    { "Date": "8/19/2024", "Production": "169", "Quality": "159", "Efficiency": "167" },
+    { "Date": "8/26/2024", "Production": "170", "Quality": "160", "Efficiency": "168" },
+    { "Date": "9/2/2024", "Production": "165", "Quality": "155", "Efficiency": "163" },
+    { "Date": "9/9/2024", "Production": "166", "Quality": "156", "Efficiency": "164" },
+    { "Date": "9/16/2024", "Production": "166", "Quality": "156", "Efficiency": "164" },
+    { "Date": "9/23/2024", "Production": "167", "Quality": "157", "Efficiency": "165" },
+    { "Date": "9/30/2024", "Production": "167", "Quality": "157", "Efficiency": "165" },
+    { "Date": "10/7/2024", "Production": "162", "Quality": "152", "Efficiency": "160" },
+    { "Date": "10/14/2024", "Production": "163", "Quality": "153", "Efficiency": "161" },
+    { "Date": "10/21/2024", "Production": "163", "Quality": "153", "Efficiency": "161" },
+    { "Date": "10/28/2024", "Production": "164", "Quality": "154", "Efficiency": "162" },
+    { "Date": "11/4/2024", "Production": "159", "Quality": "149", "Efficiency": "157" }
+  ]
+}

package/src/_stories/_mock/brush_mock.json

@@ -150,68 +150,6 @@
     "lineMode": false,
     "verticalSorted": false
   },
-  "brush": {
-    "height": 25,
-    "data": [
-      {
-        "Date": "1/15/2016",
-        "Data 1": "900",
-        "Data 2": "135",
-        "Data 3": "300",
-        "Data 4": "95",
-        "Data 5": "120",
-        "Data 6": "310"
-      },
-      {
-        "Date": "2/15/2016",
-        "Data 1": "4000",
-        "Data 2": "90",
-        "Data 3": "240",
-        "Data 4": "60",
-        "Data 5": "160",
-        "Data 6": "2000"
-      },
-      {
-        "Date": "3/15/2016",
-        "Data 1": "500",
-        "Data 2": "300",
-        "Data 3": "290",
-        "Data 4": "100",
-        "Data 5": "200",
-        "Data 6": "250"
-      },
-      {
-        "Date": "4/15/2016",
-        "Data 1": "1200",
-        "Data 2": "160",
-        "Data 3": "230",
-        "Data 4": "180",
-        "Data 5": "160",
-        "Data 6": "220"
-      },
-      {
-        "Date": "5/15/2016",
-        "Data 1": "8000",
-        "Data 2": "350",
-        "Data 3": "300",
-        "Data 4": "150",
-        "Data 5": "130",
-        "Data 6": "100"
-      },
-      {
-        "Date": "6/15/2016",
-        "Data 1": "9000",
-        "Data 2": "220",
-        "Data 3": "320",
-        "Data 4": "100",
-        "Data 5": "220",
-        "Data 6": "300"
-      }
-    ],
-    "active": true,
-    "pattern_id": "brush_pattern",
-    "accent_color": "#ddd"
-  },
   "exclusions": {
     "active": false,
     "keys": []
@@ -319,12 +257,7 @@
     "isStacked": false
   },
   "showChartBrush": false,
-  "customColors": [
-    "red",
-    "orange",
-    "yellow",
-    "teal"
-  ],
+  "customColors": ["red", "orange", "yellow", "teal"],
   "visualizationType": "Area Chart",
   "data": [
     {
@@ -390,4 +323,4 @@
   },
   "validated": 4.23,
   "dynamicMarginTop": 0
-}
+}