@sb1/ffe-chart-donut-react 3.0.4 → 5.0.0

package/README.md

@@ -9,8 +9,5 @@ npm install --save @sb1/ffe-chart-donut-react
 ## Usage
 
 ```css
-@import 'path/to/node_modules/@sb1/ffe-chart-donut-react/lib/ffe-chart-donut';
+@import 'path/to/node_modules/@sb1/ffe-chart-donut-react/less/ffe-chart-donut';
 ```
-
-Run Styleguidist from the repository root to see live examples and documentation,
-or see the markdown files next to the component code in `src/`.

package/es/ChartDonut.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { number, string } from 'prop-types';
+import { node, number, string } from 'prop-types';
 var NON_BREAKING_SPACE = "\xA0";
 var RADIUS = 150;
 var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
@@ -8,7 +8,8 @@ function ChartDonut(_ref) {
   var name = _ref.name,
       percentage = _ref.percentage,
       firstLabel = _ref.firstLabel,
-      lastLabel = _ref.lastLabel;
+      lastLabel = _ref.lastLabel,
+      label = _ref.label;
   var offset = CIRCUMFERENCE - CIRCUMFERENCE / 100 * percentage;
   /*
       The rendered circle consists of two half-circles with a gap between them.
@@ -29,7 +30,7 @@ function ChartDonut(_ref) {
       transform: "scale(-1, 1) rotate(".concat(percentage ? 275 : -90, "deg)")
     }
   }, percentage < 95.7 && /*#__PURE__*/React.createElement("circle", {
-    className: "ffe-chart-donut--cobalt",
+    className: "ffe-chart-donut--vann",
     fill: "none",
     strokeWidth: "15",
     strokeLinecap: "round",
@@ -47,7 +48,7 @@ function ChartDonut(_ref) {
       transform: "rotate(".concat(percentage ? -85 : -90, "deg)")
     }
   }, percentage > 3.2 && /*#__PURE__*/React.createElement("circle", {
-    className: "ffe-chart-donut--sky",
+    className: "ffe-chart-donut--frost",
     fill: "none",
     strokeWidth: "15",
     strokeLinecap: "round",
@@ -62,29 +63,32 @@ function ChartDonut(_ref) {
     className: "ffe-chart-donut__description"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__name ffe-strong-text"
-  }, name), /*#__PURE__*/React.createElement("div", {
+  }, name), firstLabel && lastLabel && /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__fractions"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--cobalt"
+    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--vann"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__amount ffe-strong-text"
   }, "".concat(Number(100 - percentage).toFixed(0)).concat(NON_BREAKING_SPACE, "%")), /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__type ffe-micro-text"
   }, firstLabel)), /*#__PURE__*/React.createElement("div", {
-    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--sky"
+    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--frost"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__amount ffe-strong-text"
   }, "".concat(Number(percentage).toFixed(0)).concat(NON_BREAKING_SPACE, "%")), /*#__PURE__*/React.createElement("div", {
     className: "ffe-chart-donut__type ffe-micro-text"
-  }, lastLabel)))));
+  }, lastLabel))), !firstLabel && !lastLabel && label));
 }
 
 ChartDonut.propTypes = {
   /** Short text labeling left value, like "empty", "said yes" etc */
-  firstLabel: string.isRequired,
+  firstLabel: string,
 
   /** Short text labeling right value, like "full", "said no" etc */
-  lastLabel: string.isRequired,
+  lastLabel: string,
+
+  /** React node to be inserted directly under the chart's name, alternative to first/last label */
+  label: node,
 
   /** Short text labeling the graph in total, like "percentage", "voted this year" etc */
   name: string.isRequired,

package/{lib → less}/ffe-chart-donut.less

@@ -4,12 +4,12 @@
     text-align: left;
     width: 200px;
 
-    &--cobalt {
-        stroke: @ffe-blue-cobalt;
+    &--vann {
+        stroke: @ffe-farge-vann;
     }
 
-    &--sky {
-        stroke: @ffe-blue-sky;
+    &--frost {
+        stroke: @ffe-farge-frost-70;
     }
 
     &__circle {
@@ -36,8 +36,14 @@
     }
 
     &__name {
-        color: @ffe-grey-charcoal;
+        color: @ffe-farge-koksgraa;
         text-align: center;
+
+        .native & {
+            @media (prefers-color-scheme: dark) {
+                color: @ffe-farge-graa;
+            }
+        }
     }
 
     &__fractions {
@@ -47,8 +53,14 @@
 
     &__fraction {
         > .ffe-chart-donut__amount {
-            color: @ffe-grey-charcoal;
+            color: @ffe-farge-koksgraa;
             text-align: center;
+
+            .native & {
+                @media (prefers-color-scheme: dark) {
+                    color: @ffe-farge-graa;
+                }
+            }
         }
 
         &:last-child {
@@ -57,7 +69,7 @@
             }
 
             > .ffe-chart-donut__amount {
-                border-left: 1px solid @ffe-grey;
+                border-left: 1px solid @ffe-farge-graa;
                 padding-left: 20px;
             }
         }

package/lib/ChartDonut.js

@@ -19,7 +19,8 @@ function ChartDonut(_ref) {
   var name = _ref.name,
       percentage = _ref.percentage,
       firstLabel = _ref.firstLabel,
-      lastLabel = _ref.lastLabel;
+      lastLabel = _ref.lastLabel,
+      label = _ref.label;
   var offset = CIRCUMFERENCE - CIRCUMFERENCE / 100 * percentage;
   /*
       The rendered circle consists of two half-circles with a gap between them.
@@ -40,7 +41,7 @@ function ChartDonut(_ref) {
       transform: "scale(-1, 1) rotate(".concat(percentage ? 275 : -90, "deg)")
     }
   }, percentage < 95.7 && /*#__PURE__*/_react.default.createElement("circle", {
-    className: "ffe-chart-donut--cobalt",
+    className: "ffe-chart-donut--vann",
     fill: "none",
     strokeWidth: "15",
     strokeLinecap: "round",
@@ -58,7 +59,7 @@ function ChartDonut(_ref) {
       transform: "rotate(".concat(percentage ? -85 : -90, "deg)")
     }
   }, percentage > 3.2 && /*#__PURE__*/_react.default.createElement("circle", {
-    className: "ffe-chart-donut--sky",
+    className: "ffe-chart-donut--frost",
     fill: "none",
     strokeWidth: "15",
     strokeLinecap: "round",
@@ -73,29 +74,32 @@ function ChartDonut(_ref) {
     className: "ffe-chart-donut__description"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__name ffe-strong-text"
-  }, name), /*#__PURE__*/_react.default.createElement("div", {
+  }, name), firstLabel && lastLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__fractions"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--cobalt"
+    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--vann"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__amount ffe-strong-text"
   }, "".concat(Number(100 - percentage).toFixed(0)).concat(NON_BREAKING_SPACE, "%")), /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__type ffe-micro-text"
   }, firstLabel)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--sky"
+    className: "ffe-chart-donut__fraction ffe-chart-donut__fraction--frost"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__amount ffe-strong-text"
   }, "".concat(Number(percentage).toFixed(0)).concat(NON_BREAKING_SPACE, "%")), /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-chart-donut__type ffe-micro-text"
-  }, lastLabel)))));
+  }, lastLabel))), !firstLabel && !lastLabel && label));
 }
 
 ChartDonut.propTypes = {
   /** Short text labeling left value, like "empty", "said yes" etc */
-  firstLabel: _propTypes.string.isRequired,
+  firstLabel: _propTypes.string,
 
   /** Short text labeling right value, like "full", "said no" etc */
-  lastLabel: _propTypes.string.isRequired,
+  lastLabel: _propTypes.string,
+
+  /** React node to be inserted directly under the chart's name, alternative to first/last label */
+  label: _propTypes.node,
 
   /** Short text labeling the graph in total, like "percentage", "voted this year" etc */
   name: _propTypes.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sb1/ffe-chart-donut-react",
-  "version": "3.0.4",
+  "version": "5.0.0",
   "description": "Donut chart in SVG",
   "keywords": [
     "ffe"
@@ -20,11 +20,8 @@
     "url": "ssh://git@github.com:SpareBank1/designsystem.git"
   },
   "scripts": {
-    "build": "npm run build:cjs && npm run build:es && npm run build:less",
-    "build:cjs": "babel -d lib/. --root-mode=upward  --env-name=cjs --ignore=*.spec.js src/.",
-    "build:es": "babel -d es/. --root-mode=upward --env-name=es --ignore=*.spec.js src/.",
-    "build:less": "copyfiles -f src/ffe-chart-donut.less lib/",
-    "lint": "eslint src/.",
+    "build": "ffe-buildtool babel",
+    "lint": "eslint src",
     "test": "jest",
     "test:watch": "jest --watch"
   },
@@ -32,10 +29,10 @@
     "setupTestFrameworkScriptFile": "../../test-setup.js"
   },
   "dependencies": {
-    "prop-types": "^15.6.0"
+    "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "copyfiles": "^2.1.0",
+    "@sb1/ffe-buildtool": "^0.1.0",
     "enzyme": "^3.7.0",
     "enzyme-adapter-react-16": "^1.7.0",
     "jest": "^26.0.0",
@@ -43,10 +40,10 @@
     "react-dom": "^16.9.0"
   },
   "peerDependencies": {
-    "react": "^16.9.0"
+    "react": ">=16.9.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "67a0e2fa940c378759f0d706e0b62aa0efea4587"
+  "gitHead": "59eb2e12625e744f1a116c14a40cf69f1bbecdc6"
 }

package/CHANGELOG.md

@@ -1,286 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [3.0.4](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@3.0.3...@sb1/ffe-chart-donut-react@3.0.4) (2021-02-03)
-
-
-### Bug Fixes
-
-* packages/ffe-chart-donut-react/package.json to reduce vulnerabilities ([595d956](https://github.com/SpareBank1/designsystem/commit/595d9565477c791c92ad0e389f792dd38f8bcded))
-
-
-
-
-
-## [3.0.3](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@3.0.2...@sb1/ffe-chart-donut-react@3.0.3) (2021-02-02)
-
-
-### Bug Fixes
-
-* **ffe-chart-donut-react:** reduce vulnerabilities ([97e5ee0](https://github.com/SpareBank1/designsystem/commit/97e5ee05602952bc8ee58e45e5b048c2f8e118c7))
-
-
-
-
-
-## [3.0.2](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@3.0.1...@sb1/ffe-chart-donut-react@3.0.2) (2020-08-05)
-
-
-### Bug Fixes
-
-* **ffe-chart-donut-react:** accessible text color in chart name ([35989f2](https://github.com/SpareBank1/designsystem/commit/35989f29e249a9b319dd3768ec5f0370a9c71c1d))
-
-
-
-
-
-## [3.0.1](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@3.0.0...@sb1/ffe-chart-donut-react@3.0.1) (2019-10-21)
-
-### Bug Fixes
-
--   **ffe-chart-donut-react:** Remove screen type from media queries, see [#719](https://github.com/SpareBank1/designsystem/issues/719) ([1bf3c5b](https://github.com/SpareBank1/designsystem/commit/1bf3c5bc37d8aca7ea9c459eaccf23c88d80db1b))
-
-# [3.0.0](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.9...@sb1/ffe-chart-donut-react@3.0.0) (2019-08-27)
-
-### chore
-
--   bump React to 16.9 to allow for using hooks etc ([e3901f1](https://github.com/SpareBank1/designsystem/commit/e3901f1))
-
-### BREAKING CHANGES
-
--   peerDep of React is raised to 16.9. While this in itself
-    isn't a breaking change, it allows for the use of hooks in later releases.
-    Such changes would just be a minor version, or even a patch, but without
-    this major version bump it would result in a runtime error for consumers.
-
-## [2.0.9](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.8...@sb1/ffe-chart-donut-react@2.0.9) (2018-12-11)
-
-### Bug Fixes
-
--   Build tree shakeable packages ([fb4a9ea](https://github.com/SpareBank1/designsystem/commit/fb4a9ea))
-
-## [2.0.8](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.7...@sb1/ffe-chart-donut-react@2.0.8) (2018-11-26)
-
-**Note:** Version bump only for package @sb1/ffe-chart-donut-react
-
-<a name="2.0.7"></a>
-
-## [2.0.7](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.6...@sb1/ffe-chart-donut-react@2.0.7) (2018-10-02)
-
-### Bug Fixes
-
--   **ffe-chart-donut-react:** include .less file in lib/ root ([763ffa4](https://github.com/SpareBank1/designsystem/commit/763ffa4)), closes [#441](https://github.com/SpareBank1/designsystem/issues/441)
-
-<a name="2.0.6"></a>
-
-## [2.0.6](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.5...@sb1/ffe-chart-donut-react@2.0.6) (2018-09-24)
-
-### Bug Fixes
-
--   Removed usage of linux/unix command cp and use npm package copyfiles instead to make the copy, platform independent. ([07f5693](https://github.com/SpareBank1/designsystem/commit/07f5693))
-
-<a name="2.0.5"></a>
-
-## [2.0.5](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.4...@sb1/ffe-chart-donut-react@2.0.5) (2018-08-09)
-
-**Note:** Version bump only for package @sb1/ffe-chart-donut-react
-
-<a name="2.0.4"></a>
-
-## [2.0.4](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.3...@sb1/ffe-chart-donut-react@2.0.4) (2018-03-27)
-
-**Note:** Version bump only for package @sb1/ffe-chart-donut-react
-
-<a name="2.0.3"></a>
-
-## [2.0.3](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.2...@sb1/ffe-chart-donut-react@2.0.3) (2018-03-22)
-
-### Bug Fixes
-
--   **ffe-chart-donut-react:** Fix description position on md+ screens ([31c6026](https://github.com/SpareBank1/designsystem/commit/31c6026))
-
-<a name="2.0.2"></a>
-
-## [2.0.2](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.0...@sb1/ffe-chart-donut-react@2.0.2) (2018-03-07)
-
-**Note:** Version bump only for package @sb1/ffe-chart-donut-react
-
-<a name="2.0.1"></a>
-
-## [2.0.1](https://github.com/SpareBank1/designsystem/compare/@sb1/ffe-chart-donut-react@2.0.0...@sb1/ffe-chart-donut-react@2.0.1) (2018-03-02)
-
-**Note:** Version bump only for package @sb1/ffe-chart-donut-react
-
-<a name="2.0.0"></a>
-
-# 2.0.0 (2018-02-25)
-
-### Bug Fixes
-
--   remove all references to internal system ([ff22340](https://github.com/SpareBank1/designsystem/commit/ff22340))
-
-### Chores
-
--   add [@sb1](https://github.com/sb1)/ scope to all packages ([37efbb4](https://github.com/SpareBank1/designsystem/commit/37efbb4))
-
-### BREAKING CHANGES
-
--   All packages have been renamed to add the @sb1 scope.
-
-See links [1] and [2] to read more about package scopes.
-
-Unfortunately this requires you update both your dependencies in
-`package.json` and all `import` or `require` statements in your code.
-Also, you unfortunately have to upgrade all FFE packages at once due to
-dependency between packages. If you are on the latest version prior to
-this breaking change the upgrade should be a matter of updating
-`package.json` with new package names and versions, and updating your
-imports.
-
-To help find the proper package versions you can either browse to the
-packages you need or check out the list of Git tags either on
-Github [3] or by cloning the repository and running the `git tag`
-command. All package versions get a tag in the format
-_package@version_.
-
-Update your `package.json` with the latest package version and add the
-@sb1 scope to the package name:
-
-```diff
-- "ffe-core": "11.0.2",
-+ "@sb1/ffe-core": "11.0.2",
-```
-
-Scoped packages all get put in a subdirectory in `node_modules/`. In our
-case packages will be put in the `node_modules/@sb1/` directory. If your
-build depends on file paths (for instance for copying fonts) you need to
-update that path to include the scope.
-
-The directory structure also means you have to update your imports, both
-in Less and in JavaScript.
-
-Using `less-plugin-npm-import`:
-
-```diff
-- @import 'npm://ffe-core/less/ffe';
-+ @import 'npm://@sb1/ffe-core/less/ffe';
-```
-
-Using Webpack:
-
-```diff
-- @import '~ffe-core/less/ffe';
-+ @import '~@sb1/ffe-core/less/ffe';
-```
-
-Using plain old paths:
-
-```diff
-- @import '../path/to/node_modules/ffe-core/less/ffe';
-+ @import '../path/to/node_modules/@sb1/ffe-core/less/ffe';
-```
-
-JavaScript `import`:
-
-```diff
-- import { ActionButton } from 'ffe-buttons-react';
-+ import { ActionButton } from '@sb1/ffe-buttons-react';
-```
-
-JavaScript `require`:
-
-```diff
-- const { ActionButton } = require('ffe-buttons-react').default;
-+ const { ActionButton } = require('@sb1/ffe-buttons-react').default;
-```
-
-[1]: https://docs.npmjs.com/misc/scope
-[2]: https://docs.npmjs.com/getting-started/scoped-packages
-[3]: https://github.com/sparebank1/designsystem/tags
-
-<a name="1.0.14"></a>
-
-## [1.0.14](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.13...ffe-chart-donut-react@1.0.14) (2018-02-23)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.13"></a>
-
-## [1.0.13](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.12...ffe-chart-donut-react@1.0.13) (2018-02-22)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.12"></a>
-
-## [1.0.12](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.11...ffe-chart-donut-react@1.0.12) (2018-02-20)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.11"></a>
-
-## [1.0.11](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.10...ffe-chart-donut-react@1.0.11) (2018-02-15)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.10"></a>
-
-## [1.0.10](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.9...ffe-chart-donut-react@1.0.10) (2018-02-01)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.9"></a>
-
-## [1.0.9](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.8...ffe-chart-donut-react@1.0.9) (2018-01-22)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.8"></a>
-
-## [1.0.8](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.7...ffe-chart-donut-react@1.0.8) (2018-01-19)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.7"></a>
-
-## [1.0.7](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.6...ffe-chart-donut-react@1.0.7) (2018-01-19)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.6"></a>
-
-## [1.0.6](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.5...ffe-chart-donut-react@1.0.6) (2018-01-10)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.5"></a>
-
-## [1.0.5](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.4...ffe-chart-donut-react@1.0.5) (2018-01-09)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.4"></a>
-
-## [1.0.4](https://github.com/SpareBank1/designsystem/compare/ffe-chart-donut-react@1.0.3...ffe-chart-donut-react@1.0.4) (2018-01-05)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-<a name="1.0.3"></a>
-
-## 1.0.3 (2018-01-04)
-
-**Note:** Version bump only for package ffe-chart-donut-react
-
-## 1.0.2
-
--   Added inline JSDoc comments for prop types
--   Added support for React 16
-
-## 1.0.1
-
--   Use PropTypes from prop-types package
-
-# 1.0.0
-
--   First release.

package/es/ChartDonut.spec.js

@@ -1,37 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { shallow } from 'enzyme';
-import ChartDonut from '../src';
-var defaultProps = {
-  firstLabel: 'Foo',
-  lastLabel: 'Bar',
-  name: 'Baz',
-  percentage: 42
-};
-
-var renderShallow = function renderShallow() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return shallow( /*#__PURE__*/React.createElement(ChartDonut, _extends({}, defaultProps, props)));
-};
-
-describe('ChartDonut', function () {
-  it('renders two SVGs', function () {
-    var el = renderShallow();
-    expect(el.find('svg')).toHaveLength(2);
-  });
-  it('renders html for the name of the circle', function () {
-    var el = renderShallow();
-    expect(el.find('.ffe-chart-donut__name')).toHaveLength(1);
-    expect(el.find('.ffe-chart-donut__name').text()).toBe('Baz');
-  });
-  it('renders html for the labels and their percentages', function () {
-    var el = renderShallow();
-    expect(el.find('.ffe-chart-donut__type')).toHaveLength(2);
-    expect(el.find('.ffe-chart-donut__amount')).toHaveLength(2);
-    expect(el.find('.ffe-chart-donut__type').at(0).text()).toBe('Foo');
-    expect(el.find('.ffe-chart-donut__amount').at(0).text()).toMatch(/58/);
-    expect(el.find('.ffe-chart-donut__type').at(1).text()).toBe('Bar');
-    expect(el.find('.ffe-chart-donut__amount').at(1).text()).toMatch(/42/);
-  });
-});

package/lib/ChartDonut.spec.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _src = _interopRequireDefault(require("../src"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var defaultProps = {
-  firstLabel: 'Foo',
-  lastLabel: 'Bar',
-  name: 'Baz',
-  percentage: 42
-};
-
-var renderShallow = function renderShallow() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_src.default, _extends({}, defaultProps, props)));
-};
-
-describe('ChartDonut', function () {
-  it('renders two SVGs', function () {
-    var el = renderShallow();
-    expect(el.find('svg')).toHaveLength(2);
-  });
-  it('renders html for the name of the circle', function () {
-    var el = renderShallow();
-    expect(el.find('.ffe-chart-donut__name')).toHaveLength(1);
-    expect(el.find('.ffe-chart-donut__name').text()).toBe('Baz');
-  });
-  it('renders html for the labels and their percentages', function () {
-    var el = renderShallow();
-    expect(el.find('.ffe-chart-donut__type')).toHaveLength(2);
-    expect(el.find('.ffe-chart-donut__amount')).toHaveLength(2);
-    expect(el.find('.ffe-chart-donut__type').at(0).text()).toBe('Foo');
-    expect(el.find('.ffe-chart-donut__amount').at(0).text()).toMatch(/58/);
-    expect(el.find('.ffe-chart-donut__type').at(1).text()).toBe('Bar');
-    expect(el.find('.ffe-chart-donut__amount').at(1).text()).toMatch(/42/);
-  });
-});