@pie-lib/charting 5.17.0-beta.0 → 5.18.0

package/lib/tool-menu.js

@@ -25,7 +25,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _renderUi = require("@pie-lib/render-ui");
+var _index = require("./shared/index");
 
 var _styles = require("@material-ui/core/styles");
 
@@ -42,27 +42,27 @@ var translator = _translator["default"].translator;
 var buttonStyles = function buttonStyles(theme) {
   return {
     root: {
-      color: _renderUi.color.text(),
-      border: "1px solid ".concat(_renderUi.color.secondary()),
+      color: _index.color.text(),
+      border: "1px solid ".concat(_index.color.secondary()),
       fontSize: theme.typography.fontSize
     },
     selected: {
-      backgroundColor: _renderUi.color.background(),
+      backgroundColor: _index.color.background(),
       '& span': {
-        color: _renderUi.color.primaryDark()
+        color: _index.color.primaryDark()
       }
     },
     notSelected: {
       '& span': {
-        color: _renderUi.color.primary()
+        color: _index.color.primary()
       },
-      backgroundColor: _renderUi.color.background()
+      backgroundColor: _index.color.background()
     },
     disabled: {
       '& span': {
-        color: _renderUi.color.primary()
+        color: _index.color.primary()
       },
-      backgroundColor: _renderUi.color.disabled()
+      backgroundColor: _index.color.disabled()
     }
   };
 };
@@ -139,4 +139,4 @@ exports.ToolMenu = ToolMenu;
 (0, _defineProperty2["default"])(ToolMenu, "defaultProps", {});
 var _default = ToolMenu;
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90b29sLW1lbnUuanN4Il0sIm5hbWVzIjpbInRyYW5zbGF0b3IiLCJUcmFuc2xhdG9yIiwiYnV0dG9uU3R5bGVzIiwidGhlbWUiLCJyb290IiwiY29sb3IiLCJ0ZXh0IiwiYm9yZGVyIiwic2Vjb25kYXJ5IiwiZm9udFNpemUiLCJ0eXBvZ3JhcGh5Iiwic2VsZWN0ZWQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJiYWNrZ3JvdW5kIiwicHJpbWFyeURhcmsiLCJub3RTZWxlY3RlZCIsInByaW1hcnkiLCJkaXNhYmxlZCIsIk1pbmlCdXR0b24iLCJwcm9wcyIsImNsYXNzZXMiLCJjbGFzc05hbWUiLCJ2YWx1ZSIsIm9uQ2xpY2siLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJib29sIiwic3RyaW5nIiwiZGlzYWJsZWRDbGFzc05hbWUiLCJmdW5jIiwiVG9vbE1lbnUiLCJhZGRDYXRlZ29yeSIsImxhbmd1YWdlIiwidCIsImxuZyIsIlJlYWN0IiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFFQTs7QUFDQTs7Ozs7O0FBRUEsSUFBUUEsVUFBUixHQUF1QkMsc0JBQXZCLENBQVFELFVBQVI7O0FBRUEsSUFBTUUsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQ0MsS0FBRDtBQUFBLFNBQVk7QUFDL0JDLElBQUFBLElBQUksRUFBRTtBQUNKQyxNQUFBQSxLQUFLLEVBQUVBLGdCQUFNQyxJQUFOLEVBREg7QUFFSkMsTUFBQUEsTUFBTSxzQkFBZUYsZ0JBQU1HLFNBQU4sRUFBZixDQUZGO0FBR0pDLE1BQUFBLFFBQVEsRUFBRU4sS0FBSyxDQUFDTyxVQUFOLENBQWlCRDtBQUh2QixLQUR5QjtBQU0vQkUsSUFBQUEsUUFBUSxFQUFFO0FBQ1JDLE1BQUFBLGVBQWUsRUFBRVAsZ0JBQU1RLFVBQU4sRUFEVDtBQUVSLGdCQUFVO0FBQ1JSLFFBQUFBLEtBQUssRUFBRUEsZ0JB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RU4sc0JBQVVJLElBRk47QUFHakJaLEVBQUFBLFFBQVEsRUFBRVEsc0JBQVVDLElBSEg7QUFJakJNLEVBQUFBLFFBQVEsRUFBRVAsc0JBQVVFO0FBSkgsQztpQ0FEUkcsUSxrQkFRVyxFO2VBZVRBLFEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgY29sb3IgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuXG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBjbiBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvQnV0dG9uJztcbmltcG9ydCBUcmFuc2xhdG9yIGZyb20gJ0BwaWUtbGliL3RyYW5zbGF0b3InO1xuXG5jb25zdCB7IHRyYW5zbGF0b3IgfSA9IFRyYW5zbGF0b3I7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9ICh0aGVtZSkgPT4gKHtcbiAgcm9vdDoge1xuICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3Iuc2Vjb25kYXJ5KCl9YCxcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZSxcbiAgfSxcbiAgc2VsZWN0ZWQ6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICAnJiBzcGFuJzoge1xuICAgICAgY29sb3I6IGNvbG9yLnByaW1hcnlEYXJrKCksXG4gICAgfSxcbiAgfSxcbiAgbm90U2VsZWN0ZWQ6IHtcbiAgICAnJiBzcGFuJzoge1xuICAgICAgY29sb3I6IGNvbG9yLnByaW1hcnkoKSxcbiAgICB9LFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICB9LFxuICBkaXNhYmxlZDoge1xuICAgICcmIHNwYW4nOiB7XG4gICAgICBjb2xvcjogY29sb3IucHJpbWFyeSgpLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5kaXNhYmxlZCgpLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBNaW5pQnV0dG9uID0gd2l0aFN0eWxlcyhidXR0b25TdHlsZXMpKChwcm9wcykgPT4ge1xuICBjb25zdCB7IGRpc2FibGVkLCBjbGFzc2VzLCBjbGFzc05hbWUsIHNlbGVjdGVkLCB2YWx1ZSwgb25DbGljayB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGNvbG9yPXtzZWxlY3RlZCA/ICdzZWNvbmRhcnknIDogJ2RlZmF1bHQnfVxuICAgICAgY2xhc3NOYW1lPXtjbihjbGFzc2VzLnJvb3QsIHNlbGVjdGVkICYmIGNsYXNzZXMuc2VsZWN0ZWQsIGNsYXNzTmFtZSl9XG4gICAgICBjbGFzc2VzPXt7IGRpc2FibGVkOiBjbihkaXNhYmxlZCAmJiBjbGFzc2VzLmRpc2FibGVkKSB9fVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAga2V5PXt2YWx1ZX1cbiAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIHt2YWx1ZX1cbiAgICA8L0J1dHRvbj5cbiAgKTtcbn0pO1xuTWluaUJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBkaXNhYmxlZENsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG5leHBvcnQgY2xhc3MgVG9vbE1lbnUgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBhZGRDYXRlZ29yeTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGxhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7fTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUsIGRpc2FibGVkLCBhZGRDYXRlZ29yeSwgbGFuZ3VhZ2UgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lKX0+XG4gICAgICAgIHshZGlzYWJsZWQgJiYgKFxuICAgICAgICAgIDxNaW5pQnV0dG9uIHZhbHVlPXt0cmFuc2xhdG9yLnQoJ2NoYXJ0aW5nLmFkZENhdGVnb3J5JywgeyBsbmc6IGxhbmd1YWdlIH0pfSBvbkNsaWNrPXthZGRDYXRlZ29yeX0gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbE1lbnU7XG4iXX0=
+//# sourceMappingURL=tool-menu.js.map

package/lib/tool-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tool-menu.jsx"],"names":["translator","Translator","buttonStyles","theme","root","color","text","border","secondary","fontSize","typography","selected","backgroundColor","background","primaryDark","notSelected","primary","disabled","MiniButton","props","classes","className","value","onClick","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","language","t","lng","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { color } from '../../render-ui/src/index';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst buttonStyles = (theme) => ({\n  root: {\n    color: color.text(),\n    border: `1px solid ${color.secondary()}`,\n    fontSize: theme.typography.fontSize,\n  },\n  selected: {\n    backgroundColor: color.background(),\n    '& span': {\n      color: color.primaryDark(),\n    },\n  },\n  notSelected: {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.background(),\n  },\n  disabled: {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.disabled(),\n  },\n});\n\nexport const MiniButton = withStyles(buttonStyles)((props) => {\n  const { disabled, classes, className, selected, value, onClick } = props;\n  return (\n    <Button\n      size=\"small\"\n      disabled={disabled}\n      color={selected ? 'secondary' : 'default'}\n      className={cn(classes.root, selected && classes.selected, className)}\n      classes={{ disabled: cn(disabled && classes.disabled) }}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={onClick}\n    >\n      {value}\n    </Button>\n  );\n});\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    addCategory: PropTypes.func,\n    disabled: PropTypes.bool,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { className, disabled, addCategory, language } = this.props;\n\n    return (\n      <div className={classNames(className)}>\n        {!disabled && (\n          <MiniButton value={translator.t('charting.addCategory', { lng: language })} onClick={addCategory} />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ToolMenu;\n"],"file":"tool-menu.js"}

package/lib/utils.js

@@ -241,4 +241,4 @@ var getAdjustedX = function getAdjustedX(width, scaleValue) {
 };
 
 exports.getAdjustedX = getAdjustedX;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy91dGlscy5qcyJdLCJuYW1lcyI6WyJ0aWNrQ291bnQiLCJ1dGlscyIsImJvdW5kcyIsInBvaW50IiwiYmFuZEtleSIsImQiLCJpbmRleCIsImxhYmVsIiwiZGF0YVRvWEJhbmQiLCJzY2FsZVgiLCJkYXRhIiwid2lkdGgiLCJ0eXBlIiwicmFuZ2VSb3VuZCIsImRvbWFpbiIsIm1hcCIsInBhZGRpbmciLCJyYW5nZSIsImdldFRpY2tWYWx1ZXMiLCJwcm9wIiwidGlja1ZhbHVlcyIsInRpY2tWYWwiLCJtaW4iLCJtYXgiLCJwdXNoIiwiTWF0aCIsInJvdW5kIiwic3RlcCIsImdldERvbWFpbkFuZFJhbmdlQnlDaGFydFR5cGUiLCJjaGFydFR5cGUiLCJsYWJlbFN0ZXAiLCJpc05hTiIsImludE1pbiIsImludE1heCIsImdldEdyaWRMaW5lc0FuZEF4aXNCeUNoYXJ0VHlwZSIsInZlcnRpY2FsTGluZXMiLCJ1bmRlZmluZWQiLCJob3Jpem9udGFsTGluZXMiLCJsZWZ0QXhpcyIsImdldFJvdGF0ZUFuZ2xlIiwiZm9udFNpemUiLCJoZWlnaHQiLCJnZXRUb3BQYWRkaW5nIiwiYmFyV2lkdGgiLCJnZXRTY2FsZSIsInNjYWxlIiwiZGVsdGF5IiwicG93IiwiZ2V0QWRqdXN0ZWRYIiwic2NhbGVWYWx1ZSIsImlubmVyV2lkdGhPcmlnaW5hbCIsImVmZmVjdGl2ZUlubmVyV2lkdGgiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7Ozs7OztBQUVPLElBQU1BLFNBQVMsR0FBR0MsWUFBTUQsU0FBeEI7O0FBQ0EsSUFBTUUsTUFBTSxHQUFHRCxZQUFNQyxNQUFyQjs7QUFDQSxJQUFNQyxLQUFLLEdBQUdGLFlBQU1FLEtBQXBCOzs7QUFFQSxJQUFNQyxPQUFPLEdBQUcsU0FBVkEsT0FBVSxDQUFDQyxDQUFELEVBQUlDLEtBQUo7QUFBQSxtQkFBaUJBLEtBQWpCLGNBQTBCRCxDQUFDLENBQUNFLEtBQUYsSUFBVyxHQUFyQztBQUFBLENBQWhC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QyxDQUF2QztBQUNELENBSk0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzY2FsZUJhbmQsIHNjYWxlUG9pbnQgfSBmcm9tICdAdngvc2NhbGUnO1xuaW1wb3J0IHsgdXRpbHMgfSBmcm9tICdAcGllLWxpYi9wbG90JztcblxuZXhwb3J0IGNvbnN0IHRpY2tDb3VudCA9IHV0aWxzLnRpY2tDb3VudDtcbmV4cG9ydCBjb25zdCBib3VuZHMgPSB1dGlscy5ib3VuZHM7XG5leHBvcnQgY29uc3QgcG9pbnQgPSB1dGlscy5wb2ludDtcblxuZXhwb3J0IGNvbnN0IGJhbmRLZXkgPSAoZCwgaW5kZXgpID0+IGAke2luZGV4fS0ke2QubGFiZWwgfHwgJy0nfWA7XG5cbmV4cG9ydCBjb25zdCBkYXRhVG9YQmFuZCA9IChzY2FsZVgsIGRhdGEsIHdpZHRoLCB0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Jhcic6XG4gICAgY2FzZSAnZG90UGxvdCc6XG4gICAgY2FzZSAnbGluZVBsb3QnOlxuICAgICAgcmV0dXJuIHNjYWxlQmFuZCh7XG4gICAgICAgIHJhbmdlUm91bmQ6IFswLCB3aWR0aF0sXG4gICAgICAgIGRvbWFpbjogZGF0YSAmJiBkYXRhLm1hcChiYW5kS2V5KSxcbiAgICAgICAgcGFkZGluZzogMC4yLFxuICAgICAgfSk7XG5cbiAgICBjYXNlICdoaXN0b2dyYW0nOlxuICAgICAgcmV0dXJuIHNjYWxlQmFuZCh7XG4gICAgICAgIHJhbmdlUm91bmQ6IFswLCB3aWR0aF0sXG4gICAgICAgIGRvbWFpbjogZGF0YSAmJiBkYXRhLm1hcChiYW5kS2V5KSxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgIH0pO1xuXG4gICAgY2FzZSAnbGluZUNyb3NzJzpcbiAgICBjYXNlICdsaW5lRG90JzpcbiAgICAgIHJldHVybiBzY2FsZVBvaW50KHtcbiAgICAgICAgZG9tYWluOiBkYXRhICYmIGRhdGEubWFwKGJhbmRLZXkpLFxuICAgICAgICByYW5nZVJvdW5kOiBbMCwgd2lkdGhdLFxuICAgICAgfSk7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHNjYWxlQmFuZCh7XG4gICAgICAgIHJhbmdlOiBbMCwgd2lkdGhdLFxuICAgICAgICBkb21haW46IGRhdGEgJiYgZGF0YS5tYXAoYmFuZEtleSksXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB9KTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldFRpY2tWYWx1ZXMgPSAocHJvcCA9IHt9KSA9PiB7XG4gIGNvbnN0IHRpY2tWYWx1ZXMgPSBbXTtcbiAgbGV0IHRpY2tWYWwgPSBwcm9wLm1pbjtcblxuICB3aGlsZSAodGlja1ZhbCA8PSBwcm9wLm1heCkge1xuICAgIHRpY2tWYWx1ZXMucHVzaCh0aWNrVmFsKTtcbiAgICB0aWNrVmFsID0gTWF0aC5yb3VuZCgodGlja1ZhbCArIHByb3Auc3RlcCkgKiAxMDAwMCkgLyAxMDAwMDtcbiAgfVxuXG4gIHJldHVybiB0aWNrVmFsdWVzO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldERvbWFpbkFuZFJhbmdlQnlDaGFydFR5cGUgPSAoZG9tYWluLCByYW5nZSwgY2hhcnRUeXBlKSA9PiB7XG4gIGxldCB7IHN0ZXAsIGxhYmVsU3RlcCwgbWluLCBtYXggfSA9IHJhbmdlIHx8IHt9O1xuXG4gIGlmICghbWluKSB7XG4gICAgbWluID0gMDtcbiAgfVxuXG4gIGlmICghbWF4IHx8IG1heCA8IDApIHtcbiAgICBtYXggPSByYW5nZS5taW4gKyAxO1xuICB9XG5cbiAgaWYgKCFzdGVwKSB7XG4gICAgc3RlcCA9IGxhYmVsU3RlcCB8fCAxO1xuICB9XG4gIGlmICghbGFiZWxTdGVwIHx8IChpc05hTihsYWJlbFN0ZXApICYmIHN0ZXApKSB7XG4gICAgbGFiZWxTdGVwID0gc3RlcCB8fCAxO1xuICB9XG5cbiAgcmFuZ2UubWF4ID0gbWF4O1xuXG4gIHN3aXRjaCAoY2hhcnRUeXBlKSB7XG4gICAgLy8gaWYgY2hhcnQgaXMgZG90IHBsb3Qgb3IgbGluZSBwbG90LCB3ZSBzaG91bGQgaWdub3JlIHN0ZXAgYW5kIG1ha2Ugc3VyZSB0aGF0IG1pbiAmIG1heCBhcmUgaW50ZWdlciB2YWx1ZXNcbiAgICBjYXNlICdkb3RQbG90JzpcbiAgICBjYXNlICdsaW5lUGxvdCc6IHtcbiAgICAgIGNvbnN0IGludE1pbiA9IE1hdGgucm91bmQobWluKTtcbiAgICAgIGNvbnN0IGludE1heCA9IE1hdGgucm91bmQobWF4KTtcblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgZG9tYWluOiB7XG4gICAgICAgICAgLi4uZG9tYWluLFxuICAgICAgICAgIHN0ZXA6IDEsXG4gICAgICAgICAgbGFiZWxTdGVwOiAxLFxuICAgICAgICAgIG1pbjogMCxcbiAgICAgICAgICBtYXg6IDEsXG4gICAgICAgIH0sXG4gICAgICAgIHJhbmdlOiB7XG4gICAgICAgICAgLi4ucmFuZ2UsXG4gICAgICAgICAgbWluOiBpbnRNaW4sXG4gICAgICAgICAgbWF4OiBpbnRNaW4gPT09IGludE1heCA/IGludE1pbiArIDEgOiBpbnRNYXgsXG4gICAgICAgICAgbGFiZWxTdGVwLFxuICAgICAgICAgIHN0ZXA6IDEsXG4gICAgICAgIH0sXG4gICAgICB9O1xuICAgIH1cblxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBkb21haW46IHtcbiAgICAgICAgICAuLi5kb21haW4sXG4gICAgICAgICAgc3RlcDogMSxcbiAgICAgICAgICBsYWJlbFN0ZXA6IDEsXG4gICAgICAgICAgbWluOiAwLFxuICAgICAgICAgIG1heDogMSxcbiAgICAgICAgfSxcbiAgICAgICAgcmFuZ2U6IHtcbiAgICAgICAgICAuLi5yYW5nZSxcbiAgICAgICAgICBsYWJlbFN0ZXAsXG4gICAgICAgICAgc3RlcCxcbiAgICAgICAgfSxcbiAgICAgIH07XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBnZXRHcmlkTGluZXNBbmRBeGlzQnlDaGFydFR5cGUgPSAocmFuZ2UsIGNoYXJ0VHlwZSkgPT4ge1xuICBzd2l0Y2ggKGNoYXJ0VHlwZSkge1xuICAgIGNhc2UgJ2xpbmVEb3QnOlxuICAgIGNhc2UgJ2xpbmVDcm9zcyc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB2ZXJ0aWNhbExpbmVzOiB1bmRlZmluZWQsXG4gICAgICAgIGhvcml6b250YWxMaW5lczogZ2V0VGlja1ZhbHVlcyhyYW5nZSksXG4gICAgICAgIGxlZnRBeGlzOiB0cnVlLFxuICAgICAgfTtcblxuICAgIGNhc2UgJ2RvdFBsb3QnOlxuICAgIGNhc2UgJ2xpbmVQbG90JzpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHZlcnRpY2FsTGluZXM6IFtdLFxuICAgICAgICBob3Jpem9udGFsTGluZXM6IFtdLFxuICAgICAgICBsZWZ0QXhpczogZmFsc2UsXG4gICAgICB9O1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHZlcnRpY2FsTGluZXM6IFtdLFxuICAgICAgICBob3Jpem9udGFsTGluZXM6IGdldFRpY2tWYWx1ZXMocmFuZ2UpLFxuICAgICAgICBsZWZ0QXhpczogdHJ1ZSxcbiAgICAgIH07XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBnZXRSb3RhdGVBbmdsZSA9IChmb250U2l6ZSwgaGVpZ2h0KSA9PiB7XG4gIGlmIChoZWlnaHQgPj0gZm9udFNpemUgKiAyKSB7XG4gICAgcmV0dXJuIDI1O1xuICB9XG5cbiAgcmV0dXJuIDA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VG9wUGFkZGluZyA9IChiYXJXaWR0aCkgPT4ge1xuICBpZiAoYmFyV2lkdGggPCAzMCkge1xuICAgIHJldHVybiA1MDtcbiAgfVxuXG4gIGlmIChiYXJXaWR0aCA8IDQwKSB7XG4gICAgcmV0dXJuIDMwO1xuICB9XG5cbiAgaWYgKGJhcldpZHRoIDwgNjApIHtcbiAgICByZXR1cm4gMTU7XG4gIH1cblxuICByZXR1cm4gMDtcbn07XG5cbi8vIFRoaXMgZnVuY3Rpb24gY2FsY3VsYXRlcyB0aGUgdHJhbnNmb3JtYXRpb24gc2NhbGUgZm9yIFNWRyBhbmQgdGhlIGljb24ncyB2ZXJ0aWNhbCBkaXN0YW5jZSBmcm9tIGl0cyBjYXRlZ29yeVxuZXhwb3J0IGNvbnN0IGdldFNjYWxlID0gKHdpZHRoKSA9PiB7XG4gIGxldCBzY2FsZSwgZGVsdGF5O1xuXG4gIGlmICh3aWR0aCA+IDkxKSB7XG4gICAgc2NhbGUgPSAxLjM7XG4gICAgZGVsdGF5ID0gLTU1O1xuICB9IGVsc2UgaWYgKHdpZHRoID4gNDUpIHtcbiAgICBzY2FsZSA9IDEuMTtcbiAgICBkZWx0YXkgPSAtNDU7XG4gIH0gZWxzZSBpZiAod2lkdGggPiA0MCkge1xuICAgIHNjYWxlID0gMC41ICsgKHdpZHRoIC0gMzQpICogMC4wMjtcbiAgICBkZWx0YXkgPSAtMjU7XG4gIH0gZWxzZSBpZiAod2lkdGggPiAzMCkge1xuICAgIHNjYWxlID0gMC41ICsgKHdpZHRoIC0gMzQpICogMC4wMjtcbiAgICBkZWx0YXkgPSAtMjA7XG4gIH0gZWxzZSB7XG4gICAgc2NhbGUgPSAwLjUgKiBNYXRoLnBvdygwLjk4LCAzNCAtIHdpZHRoKTsgLy8gMC45OCBpcyB0aGUgcmVkdWN0aW9uIGZhY3Rvci4gQWRqdXN0IHRvIGNvbnRyb2wgc2NhbGluZy5cbiAgICBkZWx0YXkgPSAtMTU7XG4gIH1cblxuICByZXR1cm4geyBzY2FsZSwgZGVsdGF5IH07XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QWRqdXN0ZWRYID0gKHdpZHRoLCBzY2FsZVZhbHVlKSA9PiB7XG4gIGNvbnN0IGlubmVyV2lkdGhPcmlnaW5hbCA9IDU3O1xuICBjb25zdCBlZmZlY3RpdmVJbm5lcldpZHRoID0gaW5uZXJXaWR0aE9yaWdpbmFsICogc2NhbGVWYWx1ZTtcbiAgcmV0dXJuICh3aWR0aCAtIGVmZmVjdGl2ZUlubmVyV2lkdGgpIC8gMjtcbn07XG4iXX0=
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","rangeRound","domain","map","padding","range","getTickValues","prop","tickValues","tickVal","min","max","push","Math","round","step","getDomainAndRangeByChartType","chartType","labelStep","isNaN","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","undefined","horizontalLines","leftAxis","getRotateAngle","fontSize","height","getTopPadding","barWidth","getScale","scale","deltay","pow","getAdjustedX","scaleValue","innerWidthOriginal","effectiveInnerWidth"],"mappings":"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","sourcesContent":["import { scaleBand, scalePoint } from '@vx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n  switch (type) {\n    case 'bar':\n    case 'dotPlot':\n    case 'linePlot':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0.2,\n      });\n\n    case 'histogram':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0,\n      });\n\n    case 'lineCross':\n    case 'lineDot':\n      return scalePoint({\n        domain: data && data.map(bandKey),\n        rangeRound: [0, width],\n      });\n\n    default:\n      return scaleBand({\n        range: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0,\n      });\n  }\n};\n\nexport const getTickValues = (prop = {}) => {\n  const tickValues = [];\n  let tickVal = prop.min;\n\n  while (tickVal <= prop.max) {\n    tickValues.push(tickVal);\n    tickVal = Math.round((tickVal + prop.step) * 10000) / 10000;\n  }\n\n  return tickValues;\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, chartType) => {\n  let { step, labelStep, min, max } = range || {};\n\n  if (!min) {\n    min = 0;\n  }\n\n  if (!max || max < 0) {\n    max = range.min + 1;\n  }\n\n  if (!step) {\n    step = labelStep || 1;\n  }\n  if (!labelStep || (isNaN(labelStep) && step)) {\n    labelStep = step || 1;\n  }\n\n  range.max = max;\n\n  switch (chartType) {\n    // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n    case 'dotPlot':\n    case 'linePlot': {\n      const intMin = Math.round(min);\n      const intMax = Math.round(max);\n\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1,\n        },\n        range: {\n          ...range,\n          min: intMin,\n          max: intMin === intMax ? intMin + 1 : intMax,\n          labelStep,\n          step: 1,\n        },\n      };\n    }\n\n    default:\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1,\n        },\n        range: {\n          ...range,\n          labelStep,\n          step,\n        },\n      };\n  }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n  switch (chartType) {\n    case 'lineDot':\n    case 'lineCross':\n      return {\n        verticalLines: undefined,\n        horizontalLines: getTickValues(range),\n        leftAxis: true,\n      };\n\n    case 'dotPlot':\n    case 'linePlot':\n      return {\n        verticalLines: [],\n        horizontalLines: [],\n        leftAxis: false,\n      };\n\n    default:\n      return {\n        verticalLines: [],\n        horizontalLines: getTickValues(range),\n        leftAxis: true,\n      };\n  }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n  if (height >= fontSize * 2) {\n    return 25;\n  }\n\n  return 0;\n};\n\nexport const getTopPadding = (barWidth) => {\n  if (barWidth < 30) {\n    return 50;\n  }\n\n  if (barWidth < 40) {\n    return 30;\n  }\n\n  if (barWidth < 60) {\n    return 15;\n  }\n\n  return 0;\n};\n\n// This function calculates the transformation scale for SVG and the icon's vertical distance from its category\nexport const getScale = (width) => {\n  let scale, deltay;\n\n  if (width > 91) {\n    scale = 1.3;\n    deltay = -55;\n  } else if (width > 45) {\n    scale = 1.1;\n    deltay = -45;\n  } else if (width > 40) {\n    scale = 0.5 + (width - 34) * 0.02;\n    deltay = -25;\n  } else if (width > 30) {\n    scale = 0.5 + (width - 34) * 0.02;\n    deltay = -20;\n  } else {\n    scale = 0.5 * Math.pow(0.98, 34 - width); // 0.98 is the reduction factor. Adjust to control scaling.\n    deltay = -15;\n  }\n\n  return { scale, deltay };\n};\n\nexport const getAdjustedX = (width, scaleValue) => {\n  const innerWidthOriginal = 57;\n  const effectiveInnerWidth = innerWidthOriginal * scaleValue;\n  return (width - effectiveInnerWidth) / 2;\n};\n"],"file":"utils.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.17.0-beta.0",
+  "version": "5.18.0",
   "description": "charting",
   "keywords": [
     "react",
@@ -19,8 +19,8 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/plot": "^2.9.0-beta.0",
-    "@pie-lib/translator": "^2.5.0-beta.0",
+    "@pie-lib/plot": "beta",
+    "@pie-lib/translator": "beta",
     "@vx/axis": "^0.0.183",
     "@vx/event": "^0.0.182",
     "@vx/grid": "^0.0.183",
@@ -39,10 +39,10 @@
     "react-input-autosize": "^2.2.1",
     "react-redux": "^6.0.0",
     "redux": "^4.0.1",
-    "redux-undo": "beta"
+    "redux-undo": "latest"
   },
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "3818c24530f62b5bb9be7a2c6aa5428f13a17e0a"
+  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057"
 }

package/src/__tests__/__snapshots__/axes.test.jsx.snap

@@ -536,6 +536,7 @@ exports[`TickComponent snapshot1 renders 1`] = `
         }
       }
       inputRef={[Function]}
+      limitCharacters={true}
       mark={
         Object {
           "label": "test",

package/src/__tests__/__snapshots__/chart.test.jsx.snap

@@ -4,12 +4,6 @@ exports[`ChartAxes snapshot renders 1`] = `
 <div
   className="className"
 >
-  <div>
-    <ToolMenu
-      addCategory={[Function]}
-      disabled={true}
-    />
-  </div>
   <WithStyles(Root)
     defineChart={false}
     disabledLabels={true}
@@ -205,12 +199,6 @@ exports[`ChartAxes snapshot renders if size is not defined 1`] = `
 <div
   className="className"
 >
-  <div>
-    <ToolMenu
-      addCategory={[Function]}
-      disabled={true}
-    />
-  </div>
   <WithStyles(Root)
     defineChart={false}
     disabledLabels={true}
@@ -410,12 +398,6 @@ exports[`ChartAxes snapshot renders without chartType property 1`] = `
 <div
   className="className"
 >
-  <div>
-    <ToolMenu
-      addCategory={[Function]}
-      disabled={true}
-    />
-  </div>
   <WithStyles(Root)
     defineChart={false}
     disabledLabels={true}

package/src/__tests__/__snapshots__/grid.test.jsx.snap

@@ -1,28 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Grid snapshot renders 1`] = `
-<r
+<g
   className="className"
-  height={400}
-  width={400}
-  xOffset={NaN}
-  xScale={
-    Object {
-      "bandwidth": [Function],
+>
+  <q
+    lineStyle={
+      Object {
+        "stroke": "var(--pie-faded-primary, #DCDAFB)",
+        "strokeWidth": 1,
+      }
     }
-  }
-  yScale={[MockFunction]}
-/>
+    scale={[MockFunction]}
+    tickValues={Array []}
+    width={400}
+  />
+  <q
+    lineStyle={
+      Object {
+        "stroke": "#8E88EA",
+        "strokeWidth": 1,
+      }
+    }
+    scale={[MockFunction]}
+    tickValues={Array []}
+    width={400}
+  />
+  <V
+    height={400}
+    offset={NaN}
+    scale={
+      Object {
+        "bandwidth": [Function],
+      }
+    }
+  />
+</g>
 `;
 
 exports[`Grid snapshot renders if graphProps is not defined 1`] = `
-<r
+<g
   className="className"
-  xOffset={NaN}
-  xScale={
-    Object {
-      "bandwidth": [Function],
+>
+  <q
+    lineStyle={
+      Object {
+        "stroke": "var(--pie-faded-primary, #DCDAFB)",
+        "strokeWidth": 1,
+      }
+    }
+    tickValues={Array []}
+  />
+  <q
+    lineStyle={
+      Object {
+        "stroke": "#8E88EA",
+        "strokeWidth": 1,
+      }
+    }
+    tickValues={Array []}
+  />
+  <V
+    offset={NaN}
+    scale={
+      Object {
+        "bandwidth": [Function],
+      }
     }
-  }
-/>
+  />
+</g>
 `;

package/src/__tests__/axes.test.jsx

@@ -137,10 +137,5 @@ describe('TickComponent', () => {
       w.instance().changeCategory(0, 'new label');
       expect(onChangeCategory).toHaveBeenCalledWith(0, { value: 1, label: 'new label' });
     });
-
-    it('calls onChange', () => {
-      w.instance().deleteCategory(0);
-      expect(onChange).toHaveBeenCalledWith([]);
-    });
   });
 });

package/src/__tests__/chart.test.jsx

@@ -83,5 +83,13 @@ describe('ChartAxes', () => {
 
       expect(chart.type).toEqual('bar');
     });
+
+    it('deleteCategory', () => {
+      const w = wrapper();
+
+      w.instance().deleteCategory(0);
+
+      expect(onDataChange).toHaveBeenCalled();
+    });
   });
 });

package/src/actions-button.jsx

@@ -0,0 +1,109 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Button from '@material-ui/core/Button';
+import Popover from '@material-ui/core/Popover';
+import Paper from '@material-ui/core/Paper';
+
+import { color } from '../../render-ui/src/index';
+import Translator from '@pie-lib/translator';
+
+const { translator } = Translator;
+
+export class ActionsButton extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      actionsAnchorEl: null,
+    };
+  }
+
+  static propTypes = {
+    classes: PropTypes.object.isRequired,
+    categories: PropTypes.array,
+    addCategory: PropTypes.func.isRequired,
+    deleteCategory: PropTypes.func.isRequired,
+    language: PropTypes.string.isRequired,
+  };
+
+  handleActionsClick = (event) => {
+    this.setState({ actionsAnchorEl: event.currentTarget });
+  };
+
+  handleActionsClose = () => {
+    this.setState({ actionsAnchorEl: null });
+  };
+
+  handleAddCategory = () => {
+    const { addCategory } = this.props;
+    addCategory();
+    this.handleActionsClose();
+  };
+
+  handleDeleteCategory = (index) => {
+    const { deleteCategory } = this.props;
+    deleteCategory(index);
+    this.handleActionsClose();
+  };
+
+  render() {
+    const { classes, categories, language } = this.props;
+
+    return (
+      <div className={classes.actions}>
+        <div role="button" tabIndex={0} className={classes.trigger} onClick={this.handleActionsClick}>
+          Actions
+        </div>
+        <Popover
+          open={Boolean(this.state.actionsAnchorEl)}
+          anchorEl={this.state.actionsAnchorEl}
+          onClose={this.handleActionsClose}
+          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+          transformOrigin={{ vertical: 'top', horizontal: 'left' }}
+        >
+          <Paper className={classes.actionsPaper}>
+            <Button onClick={() => this.handleAddCategory()}>
+              + {translator.t('charting.add', { lng: language })}
+            </Button>
+            {categories.length > 0 &&
+              categories.map(
+                (category, index) =>
+                  category.deletable &&
+                  !category.correctness && (
+                    <Button key={index} onClick={() => this.handleDeleteCategory(index)}>
+                      {`${translator.t('charting.delete', { lng: language })} <${category.label ||
+                      translator.t('charting.newLabel', { lng: language })}>`}
+                    </Button>
+                  ),
+              )}
+          </Paper>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+const styles = (theme) => ({
+  actions: {
+    alignSelf: 'flex-end',
+  },
+  trigger: {
+    cursor: 'pointer',
+    fontSize: theme.typography.fontSize,
+    color: color.tertiary(),
+  },
+  actionsPaper: {
+    padding: theme.spacing.unit,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing.unit,
+    '& button': {
+      textTransform: 'none',
+      fontSize: theme.typography.fontSize,
+      color: color.text(),
+      justifyContent: 'flex-start',
+    },
+  },
+});
+
+export default withStyles(styles)(ActionsButton);

package/src/axes.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { types } from '@pie-lib/plot';
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../render-ui/src/index';
 import { AlertDialog } from '@pie-lib/config-ui';
 import { AxisLeft, AxisBottom } from '@vx/axis';
 import { bandKey, getTickValues, getRotateAngle } from './utils';
@@ -45,14 +45,6 @@ export class TickComponent extends React.Component {
     onChangeCategory(index, { ...category, label: newLabel });
   };
 
-  deleteCategory = (index) => {
-    const { categories, onChange } = this.props;
-
-    if (index >= 0 && categories[index]) {
-      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);
-    }
-  };
-
   changeInteractive = (index, value) => {
     const { categories, onChangeCategory } = this.props;
     const category = categories[index];
@@ -144,7 +136,7 @@ export class TickComponent extends React.Component {
     const { changeEditable, changeInteractive } = chartingOptions || {};
     const index = parseInt(formattedValue.split('-')[0], 10);
     const category = categories[index];
-    const { deletable, editable, interactive, label, correctness } = category || {};
+    const { editable, interactive, label, correctness } = category || {};
     const barX = xBand(bandKey({ label }, index));
     const longestCategory = (categories || []).reduce((a, b) => {
       const lengthA = a && a.label ? a.label.length : 0;
@@ -185,6 +177,7 @@ export class TickComponent extends React.Component {
             rotate={rotate}
             correctness={correctness}
             error={error && error[index]}
+            limitCharacters
           />
         </foreignObject>
 
@@ -194,24 +187,6 @@ export class TickComponent extends React.Component {
           </text>
         )}
 
-        {deletable && !correctness && (
-          <line x1={x} y1={0} x2={x} y2={y + 4 + top} className={classes.dottedLine} strokeDasharray="4 2" />
-        )}
-
-        {deletable && !correctness && (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            x={x - 8}
-            y={y + 60 + top}
-            width={16}
-            height={16}
-            viewBox="0 0 512 512"
-            onClick={() => this.deleteCategory(index)}
-          >
-            <path d="M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z" />
-          </svg>
-        )}
-
         {defineChart && index === 0 && (
           <svg
             x={-55}
@@ -493,7 +468,7 @@ const ChartAxes = withStyles(
       strokeWidth: 2,
     },
     axisLine: {
-      stroke: color.primaryDark(),
+      stroke: color.visualElementsColors.AXIS_LINE_COLOR,
       strokeWidth: 2,
     },
     tick: {
@@ -501,7 +476,6 @@ const ChartAxes = withStyles(
         stroke: color.primaryDark(),
         strokeWidth: 2,
       },
-      fill: color.primaryDark(),
       fontFamily: theme.typography.body1.fontFamily,
       fontSize: theme.typography.fontSize,
       textAnchor: 'middle',
@@ -515,7 +489,7 @@ const ChartAxes = withStyles(
       fill: theme.palette.error.main,
     },
     customColor: {
-      color: `${color.tertiary()} !important`
+      color: `${color.tertiary()} !important`,
     },
   }),
   { withTheme: true },

package/src/bars/common/bars.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
 import { Group } from '@vx/group';
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../../render-ui/src/index';
 import { Bar as VxBar } from '@vx/shape';
 import { withStyles } from '@material-ui/core/styles/index';
 import debug from 'debug';
@@ -39,12 +39,12 @@ const hoverHistogramColors = [
   '#894A65',
 ];
 
-const calculateFillColor = (isHovered, barColor, index, hoverHistogramColors) => {
-  if (isHovered && barColor) {
+const calculateFillColor = (isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent) => {
+  if (isHovered && barColor && allowRolloverEvent) {
     return hoverHistogramColors[index % hoverHistogramColors.length];
   }
-  if (isHovered) {
-    return color.primaryDark();
+  if (isHovered && allowRolloverEvent) {
+    return color.visualElementsColors.ROLLOVER_FILL_BAR_COLOR;
   }
   return barColor || null;
 };
@@ -148,7 +148,8 @@ export class RawBar extends React.Component {
     const { scale, range } = graphProps;
     const { dragValue, isHovered } = this.state;
 
-    const fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors);
+    const allowRolloverEvent = interactive && !correctness;
+    const fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent);
     const v = Number.isFinite(dragValue) ? dragValue : value;
     const barWidth = xBand.bandwidth();
     const barHeight = scale.y(range.max - v);
@@ -195,10 +196,7 @@ export class RawBar extends React.Component {
 
 const Bar = withStyles(() => ({
   bar: {
-    fill: color.primaryLight(),
-    '&:hover': {
-      fill: color.primaryDark(),
-    },
+    fill: color.defaults.TERTIARY,
   },
 }))(RawBar);
 

package/src/chart-setup.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../render-ui/src/index';
 import { withStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import ChartType from './chart-type';