updating dependencies, and committing yarn.lock file (#558)

tilechartmap.spec updates

hide label in tile map

fixing config options

update dist

hide post chart option

dist update

Author: flacoman91

.gitignore

@@ -20,7 +20,6 @@ _site/
 *.rar
 *.tar
 *.zip
-yarn.lock
 
 # Logs and databases #
 ######################

dist/ccdb5.css

@@ -36,9 +36,9 @@
     "@babel/core": "^7.24.7",
     "@babel/eslint-parser": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@babel/runtime": "^7.24.7",
-    "@cfpb/browserslist-config": "0.0.2",
-    "@cfpb/cfpb-design-system": "^3.2.2",
+    "@babel/runtime": "^7.26.0",
+    "@cfpb/browserslist-config": "0.0.3",
+    "@cfpb/cfpb-design-system": "3.2.2",
     "@craco/craco": "^7.1.0",
     "@csstools/postcss-sass": "^5.1.1",
     "@csstools/sass-import-resolve": "^1.0.0",
@@ -52,7 +52,7 @@
     "britecharts": "git+https://github.com/cfpb/britecharts.git#v2.4.2",
     "coveralls": "^3.0.9",
     "craco-esbuild": "^0.6.1",
-    "cypress": "^13.11.0",
+    "cypress": "^13.16.0",
     "d3": "^7.9.0",
     "dayjs": "^1.11.10",
     "eslint": "^8.57.0",
@@ -61,9 +61,9 @@
     "eslint-plugin-cypress": "^3.2.0",
     "eslint-plugin-jsdoc": "^48.2.5",
     "eslint-plugin-react-redux": "^4.1.0",
-    "highcharts": "9.2.2",
+    "highcharts": "11.4.8",
     "history": "^5.3.0",
-    "husky": "^9.0.11",
+    "husky": "^9.1.7",
     "identity-obj-proxy": "3.0.0",
     "intro.js": "^7.2.0",
     "intro.js-react": "1.0.0",
@@ -73,7 +73,7 @@
     "mini-css-extract-plugin": "^2.9.0",
     "mockdate": "^3.0.5",
     "postcss": "^8.4.38",
-    "postcss-preset-env": "^9.5.13",
+    "postcss-preset-env": "^10.1.1",
     "postcss-safe-parser": "^7.0.0",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.3.1",

dist/ccdb5.css.map

@@ -33,9 +33,6 @@ describe('TileChartMap', () => {
     renderComponent();
     expect(screen.getByTestId('tile-chart-map')).toBeInTheDocument();
     expect(screen.getByTestId('tile-chart-map')).not.toHaveClass('print');
-    expect(
-      screen.getByText('Map of unspecified region with 1 data series.'),
-    ).toBeInTheDocument();
   });
 
   it('renders print mode', () => {
@@ -71,8 +68,8 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('11,397')).toBeInTheDocument();
 
     // need to mouseover to initialize the toggleState handler
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: add', 'FL');
 
@@ -110,20 +107,20 @@ describe('TileChartMap', () => {
     expect(screen.getByTestId('tile-chart-map')).toBeInTheDocument();
     expect(screen.getByTestId('tile-chart-map')).not.toHaveClass('print');
 
-    await screen.findByLabelText('1. FL, value: 11,397.');
+    await screen.findByLabelText('FL, value: 11,397.');
 
     expect(screen.getByText('Complaints per 1,000')).toBeInTheDocument();
     expect(screen.getByText('FL')).toBeInTheDocument();
     expect(screen.getByText('0.56')).toBeInTheDocument();
 
     // tooltip check
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(
       screen.getByText('Product with highest complaint volume'),
     ).toBeVisible();
 
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: add', 'FL');
     expect(addStateFilterSpy).toHaveBeenCalledWith({
       abbr: 'FL',
@@ -164,8 +161,8 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('11,397')).toBeInTheDocument();
 
     // need to mouseEnter to initialize the toggleState handler!
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: remove', 'FL');
     expect(removeStateFilterSpy).toHaveBeenCalledWith({
       abbr: 'FL',
@@ -205,16 +202,12 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('FL')).toBeInTheDocument();
     expect(await screen.findByText('0.56')).toBeInTheDocument();
 
-    expect(screen.getByLabelText('31. OK, value: 535.')).toHaveClass(
-      'deselected',
-    );
-    expect(screen.getByLabelText('1. FL, value: 11,397.')).toHaveClass(
-      'selected',
-    );
+    expect(screen.getByLabelText('OK, value: 535.')).toHaveClass('deselected');
+    expect(screen.getByLabelText('FL, value: 11,397.')).toHaveClass('selected');
 
     // need to mouseEnter to initialize the toggleState handler!
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: remove', 'FL');
     expect(removeStateFilterSpy).toHaveBeenCalledWith({

dist/ccdb5.js

@@ -401,6 +401,14 @@ class TileMap {
     data = processMapData(data, scale);
 
     const options = {
+      accessibility: {
+        description: '',
+        screenReaderSection: {
+          afterChartFormat: '',
+          beforeChartFormat: '',
+        },
+      },
+
       bins,
       chart: {
         styledMode: true,