Gh pages v6.1.1 (#475)

* add CODEOWNERS file (#262)

* Bump elliptic from 6.5.2 to 6.5.3 (#266)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](indutny/elliptic@v6.5.2...v6.5.3)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* bar chart gradient example in docs (#268)

Co-authored-by: Isaac Ezer <isaace@spotify.com>

* Sankey sorting (#269)

* remove deprecated refs definition

This old usage of defining refs via a string is deprecated and seems to break when debugging reactochart using `npm link` locally.

* add Sankey Sorting Function hooks

Co-authored-by: Isaac Ezer <isaace@spotify.com>

* 3.2.0

* v3.2.0 release

* Fix YAxisLabels formatting example (#271)

The current example did not demonstrate label color/weight change, since the final label (`label.text`) never was `20.00`.

* 3.2.1

* 3.2.1 release

* [A11y] add aria-hidden attributes to XYPlot (#273)

* add aria-hidden attributes to XYPlot elements

* more granual application of aria-hidden

* 3.2.2

* Add changelog edit for 3.2.2

* v3.2.2 release

* v3.2.2 release

* Upgrade D3 6.3.1 (#276)

* d3 6.0

* update imports

* make all the things prettier

* restrict d3 import

* remove global d3 imports from specs

Co-authored-by: Isaac Ezer <isaace@spotify.com>

* 4.0.0

* v4.0.0 release

* remove old node versions. Support >=12 (#287)

* remove old node versions. Support >=12

* auto fix audit errors

* remove node 16, build failing

* update package-lock.json

Co-authored-by: Isaac Ezer <isaace@spotify.com>

* Bump lodash from 4.17.15 to 4.17.21 (#285)

Bumps [lodash](https://github.com/lodash/lodash) from 4.17.15 to 4.17.21.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](lodash/lodash@4.17.15...4.17.21)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump elliptic from 6.5.3 to 6.5.4 (#278)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.3 to 6.5.4.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](indutny/elliptic@v6.5.3...v6.5.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* 5.0.0

* v5.0.0 release

* Migrate jsdom tests to jest (#291)

* Create dependabot.yml

* [Infra] Enable a Github Action for CI (#308)

* Create node.js.yml

* remove browser test step

* CI test

* Revert "CI test"

This reverts commit b2c894a.

* Feature/arackis/make work with d3 v7 (#307)

* Install d3, update Jest to transpile d3

* Fix unit tests - negative numbers were using the wrong negative unicode character

* Include d3@6 as acceptable

* Undo whitespace changes in jest config

* fix lockfile

* 6.0.0

* v6.0.0 release

* Accessible Interface for Line/Area Charts (#294)

* A11yInterface in reactochart

* npm run make-docs + render A11yInterface docs

* fix offset bug + more examples

* refactor for simplicity

* revert the styling since the outline wasn't a problem

* A11yInterface Tests

* refactor to use datasetsWithAccessor instead

* rename + doc generation

* wip: refactor of AriaLabelContainer

* fix an example, fix bug with chart

* fix my examples & refactor again

* update package-lock

* 6.1.0

* v6.1.0 release

* Bump shelljs from 0.8.4 to 0.8.5 (#343)

Bumps [shelljs](https://github.com/shelljs/shelljs) from 0.8.4 to 0.8.5.
- [Release notes](https://github.com/shelljs/shelljs/releases)
- [Changelog](https://github.com/shelljs/shelljs/blob/master/CHANGELOG.md)
- [Commits](shelljs/shelljs@v0.8.4...v0.8.5)

---
updated-dependencies:
- dependency-name: shelljs
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @babel/cli from 7.10.0 to 7.16.8 (#342)

Bumps [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) from 7.10.0 to 7.16.8.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.16.8/packages/babel-cli)

---
updated-dependencies:
- dependency-name: "@babel/cli"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Upgrades (#345)

* npm update

* npm audit fix

* fix warning about map without key in examples

* wip web-script 5

* web-scripts 6

* wip web-scripts 7

* wip npm audit fix

* wip web-scripts 8

* wip web-scripts 9

* wip web-scripts 10

* web-scripts 11

* some more audit fixes

* document npm link

* Bump url-parse from 1.5.4 to 1.5.10 (#354)

Bumps [url-parse](https://github.com/unshiftio/url-parse) from 1.5.4 to 1.5.10.
- [Release notes](https://github.com/unshiftio/url-parse/releases)
- [Commits](unshiftio/url-parse@1.5.4...1.5.10)

---
updated-dependencies:
- dependency-name: url-parse
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Vulnerability upgrades (#358)

* Bump remark + remark-react

* bump web-scripts & misc updates

* bump webpack to 5.x

* clean up CODEOWNERS

* Bump @babel/plugin-proposal-object-rest-spread from 7.10.0 to 7.17.3 (#350)

Bumps [@babel/plugin-proposal-object-rest-spread](https://github.com/babel/babel/tree/HEAD/packages/babel-plugin-proposal-object-rest-spread) from 7.10.0 to 7.17.3.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.17.3/packages/babel-plugin-proposal-object-rest-spread)

---
updated-dependencies:
- dependency-name: "@babel/plugin-proposal-object-rest-spread"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump postcss from 7.0.35 to 7.0.39 (#352)

Bumps [postcss](https://github.com/postcss/postcss) from 7.0.35 to 7.0.39.
- [Release notes](https://github.com/postcss/postcss/releases)
- [Changelog](https://github.com/postcss/postcss/blob/7.0.39/CHANGELOG.md)
- [Commits](postcss/postcss@7.0.35...7.0.39)

---
updated-dependencies:
- dependency-name: postcss
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump follow-redirects from 1.14.7 to 1.14.9 (#353)

Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.14.7 to 1.14.9.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](follow-redirects/follow-redirects@v1.14.7...v1.14.9)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump d3-color from 3.0.1 to 3.1.0 (#443)

Bumps [d3-color](https://github.com/d3/d3-color) from 3.0.1 to 3.1.0.
- [Release notes](https://github.com/d3/d3-color/releases)
- [Commits](d3/d3-color@v3.0.1...v3.1.0)

---
updated-dependencies:
- dependency-name: d3-color
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* 6.1.1

* v 6.1.1 release

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Anita <acmei@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Isaac Ezer <isaac.ezer@gmail.com>
Co-authored-by: Isaac Ezer <isaace@spotify.com>
Co-authored-by: Marko Bonaći <mbonaci@users.noreply.github.com>
Co-authored-by: Anita Wang <anitaw@spotify.com>
Co-authored-by: Markus Wagner <71727154+PRTTMPRPHT@users.noreply.github.com>
Co-authored-by: Adam Rackis <arackaf@users.noreply.github.com>

.eslintrc.js

@@ -0,0 +1,24 @@
+module.exports = {
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  parser: '@babel/eslint-parser',
+  extends: [
+    '@spotify/eslint-config-react',
+    '@spotify/eslint-config-base',
+    'prettier',
+    'plugin:chai-friendly/recommended',
+  ],
+  env: { jest: true },
+  plugins: ['jest', 'chai-friendly'],
+  rules: {
+    'consistent-return': 'off',
+    'no-nested-ternary': 'off',
+    'no-console': ['error', { allow: ['warn', 'error'] }],
+    'jsx-a11y/click-events-have-key-events': 'off',
+    'jsx-a11y/no-noninteractive-element-interactions': 'off',
+    'no-restricted-imports': ['error', 'd3'],
+  },
+};

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 6.1.1 (2022-11-18)
+
+- [#443](https://github.com/spotify/reactochart/pull/443) Bump d3-color from 3.0.1 to 3.1.0
+
 ## 6.1.0 (2022-01-18)
 
 - [#294](https://github.com/spotify/reactochart/pull/294) Accessible Interface for Line/Area Charts

CODEOWNERS

@@ -4,4 +4,4 @@
 # These owners will be the default owners for everything in
 # the repo. Unless a later match takes precedence,
 # These users will be requested for review when someone opens a pull request.
-*       @acmei @iezer @scottsheffield @ekh64
+*       @iezer @ekh64

README.md

@@ -157,6 +157,25 @@ If you'd like to contribute to the development this project, first fork & clone
 - `git push` to your forked version of the repo.
 - Open a Github pull request with your changes against `master`. 🎉
 
+### NPM Link
+
+If you have an app that depends on reactochart and you want to develop locally, follow the following steps:
+
+1. In the folder for this repo, run `npm build` and then `npm link`
+2. In your app folder, run `npm link reactochart`. If you're using webpack, then you also may need the following config:
+
+```json
+{
+  "resolve": {
+    "symlinks": true,
+    "alias": {
+      "react": path.resolve("./node_modules/react"),
+      "react-dom": path.resolve("./node_modules/react-dom")
+    }
+  }
+}
+```
+
 ### Notes
 
 - **Do not make any changes in the `lib` or `examples/build` directories**, as these directories are destroyed and

docs/build/bundle.6ab8ef2cbcf9e159df8e.js.LICENSE.txt

@@ -0,0 +1,87 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	 * RegJSGen
+	 * Copyright 2014 Benjamin Tan <https://d10.github.io/>
+	 * Available under MIT license <http://d10.mit-license.org/>
+	 */
+
+/*!
+	 * The buffer module from node.js, for the browser.
+	 *
+	 * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
+	 * @license  MIT
+	 */
+
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*! Based on https://mths.be/fromcodepoint v0.2.0 by @mathias */
+
+/*! https://mths.be/fromcodepoint v0.2.1 by @mathias */
+
+/*! https://mths.be/jsesc v1.3.0 by @mathias */
+
+/*! https://mths.be/regenerate v1.3.2 by @mathias | MIT license */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react-dom-server.browser.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

docs/build/index.html

@@ -1,35 +1 @@
-<!--
-  NOTE: index.html is autogenerated by webpack & html-webpack-plugin.
-  To modify this HTML, make changes to docs/src/index_html.ejs and then run `npm run build`.
- -->
-<!DOCTYPE html>
-<html>
-<head lang="en">
-    <meta charset="UTF-8">
-    <title>Reactochart Docs</title>
-    <!-- Compiled and minified Bootstrap 3.3.6 CSS + Sp-bootstrap 8.0.0 theme CSS -->
-    <link href="https://sp-bootstrap.global.ssl.fastly.net/8.0.0/sp-bootstrap.min.css" rel="stylesheet">
-
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/codemirror.min.css"/>
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/theme/monokai.min.css"/>
-
-    <link rel="shortcut icon" href="build/assets/favicon.png">
-</head>
-
-<body>
-    <div class="navbar navbar-default" role="navigation">
-        <div class="container-fluid">
-            <div class="navbar-header">
-                <a class="navbar-brand" href="#">
-                    <span class="navbar-logo">Spotify</span>
-                    <span class="navbar-title">Reactochart</span>
-                </a>
-            </div>
-            <div class="collapse navbar-collapse">
-            </div>
-        </div>
-    </div>
-
-    <div class="container-fluid" id="container">Loading...</div>
-<script type="text/javascript" src="bundle.45bf33ea983f8c1721bc.js"></script></body>
-</html>
+<!doctype html><html><head lang="en"><meta charset="UTF-8"><title>Reactochart Docs</title><link href="https://sp-bootstrap.global.ssl.fastly.net/8.0.0/sp-bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/codemirror.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/theme/monokai.min.css"/><link rel="shortcut icon" href="build/assets/favicon.png"><script defer="defer" src="bundle.6ab8ef2cbcf9e159df8e.js"></script></head><body><div class="navbar navbar-default" role="navigation"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="#"><span class="navbar-logo">Spotify</span> <span class="navbar-title">Reactochart</span></a></div><div class="collapse navbar-collapse"></div></div></div><div class="container-fluid" id="container">Loading...</div></body></html>

docs/src/ComponentDocs.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import React from 'react';
 import PropTypes from 'prop-types';
-import remark from 'remark';
+import { remark } from 'remark';
 import remarkReact from 'remark-react';
 
 const ComponentDocs = props => {
@@ -110,7 +110,7 @@ function renderType(propInfo) {
 
 function renderMarkdown(markdownText = '') {
   return remark()
-    .use(remarkReact)
+    .use(remarkReact, React)
     .processSync(markdownText).contents;
 }
 

docs/src/docs/BarChart/examples/BarChart.js.example

@@ -13,12 +13,12 @@ const BarChartExample = (props) => {
   const chartDefs = _.zip([numbers, letters, dates], [getNumberValue, getLetterValue, getDateValue]);
 
   return <div>
-    {([true, false]).map(horizontal => {
-      return <div>
+    {([true, false]).map((horizontal, index) => {
+      return <div key={index}>
         <h4>{horizontal ? "Horizontal" : "Vertical"}</h4>
 
-        {chartDefs.map(([data, getValue]) => {
-          return <XYPlot width={320} height={320}>
+        {chartDefs.map(([data, getValue], index2) => {
+          return <XYPlot width={320} height={320} key={index2}>
             <XAxis /><YAxis />
             <BarChart
               data={data}