@pie-lib/charting 7.0.22-beta.6 → 7.0.22-beta.8

package/lib/plot/__tests__/utils.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scaleMock = exports.graphProps = void 0;
+var scaleMock = exports.scaleMock = function scaleMock() {
+  var fn = jest.fn(function (n) {
+    return n;
+  });
+  fn.invert = jest.fn(function (n) {
+    return n;
+  });
+  return fn;
+};
+var graphProps = exports.graphProps = function graphProps() {
+  var dmin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var dmax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var rmin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var rmax = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  return {
+    scale: {
+      x: scaleMock(),
+      y: scaleMock()
+    },
+    snap: {
+      x: jest.fn(function (n) {
+        return n;
+      }),
+      y: jest.fn(function (n) {
+        return n;
+      })
+    },
+    domain: {
+      min: dmin,
+      max: dmax,
+      step: 1
+    },
+    range: {
+      min: rmin,
+      max: rmax,
+      step: 1
+    },
+    size: {
+      width: 400,
+      height: 400
+    }
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzY2FsZU1vY2siLCJleHBvcnRzIiwiZm4iLCJqZXN0IiwibiIsImludmVydCIsImdyYXBoUHJvcHMiLCJkbWluIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZG1heCIsInJtaW4iLCJybWF4Iiwic2NhbGUiLCJ4IiwieSIsInNuYXAiLCJkb21haW4iLCJtaW4iLCJtYXgiLCJzdGVwIiwicmFuZ2UiLCJzaXplIiwid2lkdGgiLCJoZWlnaHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGxvdC9fX3Rlc3RzX18vdXRpbHMuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IHNjYWxlTW9jayA9ICgpID0+IHtcbiAgY29uc3QgZm4gPSBqZXN0LmZuKChuKSA9PiBuKTtcbiAgZm4uaW52ZXJ0ID0gamVzdC5mbigobikgPT4gbik7XG4gIHJldHVybiBmbjtcbn07XG5cbmV4cG9ydCBjb25zdCBncmFwaFByb3BzID0gKGRtaW4gPSAwLCBkbWF4ID0gMSwgcm1pbiA9IDAsIHJtYXggPSAxKSA9PiAoe1xuICBzY2FsZToge1xuICAgIHg6IHNjYWxlTW9jaygpLFxuICAgIHk6IHNjYWxlTW9jaygpLFxuICB9LFxuICBzbmFwOiB7XG4gICAgeDogamVzdC5mbigobikgPT4gbiksXG4gICAgeTogamVzdC5mbigobikgPT4gbiksXG4gIH0sXG4gIGRvbWFpbjoge1xuICAgIG1pbjogZG1pbixcbiAgICBtYXg6IGRtYXgsXG4gICAgc3RlcDogMSxcbiAgfSxcbiAgcmFuZ2U6IHtcbiAgICBtaW46IHJtaW4sXG4gICAgbWF4OiBybWF4LFxuICAgIHN0ZXA6IDEsXG4gIH0sXG4gIHNpemU6IHtcbiAgICB3aWR0aDogNDAwLFxuICAgIGhlaWdodDogNDAwLFxuICB9LFxufSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFPLElBQU1BLFNBQVMsR0FBQUMsT0FBQSxDQUFBRCxTQUFBLEdBQUcsU0FBWkEsU0FBU0EsQ0FBQSxFQUFTO0VBQzdCLElBQU1FLEVBQUUsR0FBR0MsSUFBSSxDQUFDRCxFQUFFLENBQUMsVUFBQ0UsQ0FBQztJQUFBLE9BQUtBLENBQUM7RUFBQSxFQUFDO0VBQzVCRixFQUFFLENBQUNHLE1BQU0sR0FBR0YsSUFBSSxDQUFDRCxFQUFFLENBQUMsVUFBQ0UsQ0FBQztJQUFBLE9BQUtBLENBQUM7RUFBQSxFQUFDO0VBQzdCLE9BQU9GLEVBQUU7QUFDWCxDQUFDO0FBRU0sSUFBTUksVUFBVSxHQUFBTCxPQUFBLENBQUFLLFVBQUEsR0FBRyxTQUFiQSxVQUFVQSxDQUFBO0VBQUEsSUFBSUMsSUFBSSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO0VBQUEsSUFBRUcsSUFBSSxHQUFBSCxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO0VBQUEsSUFBRUksSUFBSSxHQUFBSixTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO0VBQUEsSUFBRUssSUFBSSxHQUFBTCxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO0VBQUEsT0FBTTtJQUNyRU0sS0FBSyxFQUFFO01BQ0xDLENBQUMsRUFBRWYsU0FBUyxDQUFDLENBQUM7TUFDZGdCLENBQUMsRUFBRWhCLFNBQVMsQ0FBQztJQUNmLENBQUM7SUFDRGlCLElBQUksRUFBRTtNQUNKRixDQUFDLEVBQUVaLElBQUksQ0FBQ0QsRUFBRSxDQUFDLFVBQUNFLENBQUM7UUFBQSxPQUFLQSxDQUFDO01BQUEsRUFBQztNQUNwQlksQ0FBQyxFQUFFYixJQUFJLENBQUNELEVBQUUsQ0FBQyxVQUFDRSxDQUFDO1FBQUEsT0FBS0EsQ0FBQztNQUFBO0lBQ3JCLENBQUM7SUFDRGMsTUFBTSxFQUFFO01BQ05DLEdBQUcsRUFBRVosSUFBSTtNQUNUYSxHQUFHLEVBQUVULElBQUk7TUFDVFUsSUFBSSxFQUFFO0lBQ1IsQ0FBQztJQUNEQyxLQUFLLEVBQUU7TUFDTEgsR0FBRyxFQUFFUCxJQUFJO01BQ1RRLEdBQUcsRUFBRVAsSUFBSTtNQUNUUSxJQUFJLEVBQUU7SUFDUixDQUFDO0lBQ0RFLElBQUksRUFBRTtNQUNKQyxLQUFLLEVBQUUsR0FBRztNQUNWQyxNQUFNLEVBQUU7SUFDVjtFQUNGLENBQUM7QUFBQSxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/lib/plot/common/__tests__/plot.test.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _plot = _interopRequireWildcard(require("../plot"));
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+describe('Plot', function () {
+  var xBand = function xBand() {};
+  xBand.bandwidth = function () {};
+  var onChange = jest.fn();
+  var renderComponent = function renderComponent(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      graphProps: (0, _utils.graphProps)(),
+      xBand: xBand,
+      onChange: onChange,
+      data: [{
+        value: 0,
+        label: '0'
+      }]
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_plot["default"], props));
+  };
+  describe('rendering', function () {
+    it('renders without crashing', function () {
+      var _renderComponent = renderComponent(),
+        container = _renderComponent.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+});
+describe('RawPlot', function () {
+  var xBand = function xBand() {};
+  xBand.bandwidth = function () {};
+  var onChangeCategory = jest.fn();
+  var renderComponent = function renderComponent(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      graphProps: (0, _utils.graphProps)(),
+      xBand: xBand,
+      onChangeCategory: onChangeCategory,
+      data: [],
+      label: 'label',
+      CustomBarElement: function CustomBarElement() {
+        return /*#__PURE__*/_react2["default"].createElement("div", null);
+      }
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_plot.RawPlot, props));
+  };
+  describe('rendering', function () {
+    it('renders without crashing', function () {
+      var _renderComponent2 = renderComponent(),
+        container = _renderComponent2.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+  describe('functionality', function () {
+    it('calls onChangeCategory when drag completes with a value', function () {
+      var _renderComponent3 = renderComponent(),
+        container = _renderComponent3.container;
+      // Testing drag functionality requires interaction - the component should
+      // call onChangeCategory when a drag operation completes with a new value
+      // This would typically be tested through user interactions rather than
+      // directly calling instance methods
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3JlYWN0MiIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcGxvdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX3V0aWxzIiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiX3R5cGVvZiIsImhhcyIsImdldCIsInNldCIsIl90IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsImZpbHRlciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzIiwiZGVmaW5lUHJvcGVydGllcyIsImRlc2NyaWJlIiwieEJhbmQiLCJiYW5kd2lkdGgiLCJvbkNoYW5nZSIsImplc3QiLCJmbiIsInJlbmRlckNvbXBvbmVudCIsImV4dHJhcyIsImRlZmF1bHRzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsImdyYXBoUHJvcHMiLCJkYXRhIiwidmFsdWUiLCJsYWJlbCIsInByb3BzIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCIsIml0IiwiX3JlbmRlckNvbXBvbmVudCIsImNvbnRhaW5lciIsImV4cGVjdCIsImZpcnN0Q2hpbGQiLCJ0b0JlSW5UaGVEb2N1bWVudCIsIm9uQ2hhbmdlQ2F0ZWdvcnkiLCJDdXN0b21CYXJFbGVtZW50IiwiUmF3UGxvdCIsIl9yZW5kZXJDb21wb25lbnQyIiwiX3JlbmRlckNvbXBvbmVudDMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGxvdC9jb21tb24vX190ZXN0c19fL3Bsb3QudGVzdC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFBsb3QsIHsgUmF3UGxvdCB9IGZyb20gJy4uL3Bsb3QnO1xuaW1wb3J0IHsgZ3JhcGhQcm9wcyB9IGZyb20gJy4vdXRpbHMnO1xuXG5kZXNjcmliZSgnUGxvdCcsICgpID0+IHtcbiAgY29uc3QgeEJhbmQgPSAoKSA9PiB7fTtcbiAgeEJhbmQuYmFuZHdpZHRoID0gKCkgPT4ge307XG4gIGNvbnN0IG9uQ2hhbmdlID0gamVzdC5mbigpO1xuXG4gIGNvbnN0IHJlbmRlckNvbXBvbmVudCA9IChleHRyYXMpID0+IHtcbiAgICBjb25zdCBkZWZhdWx0cyA9IHtcbiAgICAgIGNsYXNzZXM6IHt9LFxuICAgICAgY2xhc3NOYW1lOiAnY2xhc3NOYW1lJyxcbiAgICAgIGdyYXBoUHJvcHM6IGdyYXBoUHJvcHMoKSxcbiAgICAgIHhCYW5kLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBkYXRhOiBbeyB2YWx1ZTogMCwgbGFiZWw6ICcwJyB9XSxcbiAgICB9O1xuICAgIGNvbnN0IHByb3BzID0geyAuLi5kZWZhdWx0cywgLi4uZXh0cmFzIH07XG4gICAgcmV0dXJuIHJlbmRlcig8UGxvdCB7Li4ucHJvcHN9IC8+KTtcbiAgfTtcblxuICBkZXNjcmliZSgncmVuZGVyaW5nJywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzIHdpdGhvdXQgY3Jhc2hpbmcnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyQ29tcG9uZW50KCk7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG5cbmRlc2NyaWJlKCdSYXdQbG90JywgKCkgPT4ge1xuICBjb25zdCB4QmFuZCA9ICgpID0+IHt9O1xuICB4QmFuZC5iYW5kd2lkdGggPSAoKSA9PiB7fTtcbiAgY29uc3Qgb25DaGFuZ2VDYXRlZ29yeSA9IGplc3QuZm4oKTtcblxuICBjb25zdCByZW5kZXJDb21wb25lbnQgPSAoZXh0cmFzKSA9PiB7XG4gICAgY29uc3QgZGVmYXVsdHMgPSB7XG4gICAgICBjbGFzc2VzOiB7fSxcbiAgICAgIGNsYXNzTmFtZTogJ2NsYXNzTmFtZScsXG4gICAgICBncmFwaFByb3BzOiBncmFwaFByb3BzKCksXG4gICAgICB4QmFuZCxcbiAgICAgIG9uQ2hhbmdlQ2F0ZWdvcnksXG4gICAgICBkYXRhOiBbXSxcbiAgICAgIGxhYmVsOiAnbGFiZWwnLFxuICAgICAgQ3VzdG9tQmFyRWxlbWVudDogKCkgPT4gPGRpdiAvPixcbiAgICB9O1xuICAgIGNvbnN0IHByb3BzID0geyAuLi5kZWZhdWx0cywgLi4uZXh0cmFzIH07XG4gICAgcmV0dXJuIHJlbmRlcig8UmF3UGxvdCB7Li4ucHJvcHN9IC8+KTtcbiAgfTtcblxuICBkZXNjcmliZSgncmVuZGVyaW5nJywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzIHdpdGhvdXQgY3Jhc2hpbmcnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyQ29tcG9uZW50KCk7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdmdW5jdGlvbmFsaXR5JywgKCkgPT4ge1xuICAgIGl0KCdjYWxscyBvbkNoYW5nZUNhdGVnb3J5IHdoZW4gZHJhZyBjb21wbGV0ZXMgd2l0aCBhIHZhbHVlJywgKCkgPT4ge1xuICAgICAgY29uc3QgeyBjb250YWluZXIgfSA9IHJlbmRlckNvbXBvbmVudCgpO1xuICAgICAgLy8gVGVzdGluZyBkcmFnIGZ1bmN0aW9uYWxpdHkgcmVxdWlyZXMgaW50ZXJhY3Rpb24gLSB0aGUgY29tcG9uZW50IHNob3VsZFxuICAgICAgLy8gY2FsbCBvbkNoYW5nZUNhdGVnb3J5IHdoZW4gYSBkcmFnIG9wZXJhdGlvbiBjb21wbGV0ZXMgd2l0aCBhIG5ldyB2YWx1ZVxuICAgICAgLy8gVGhpcyB3b3VsZCB0eXBpY2FsbHkgYmUgdGVzdGVkIHRocm91Z2ggdXNlciBpbnRlcmFjdGlvbnMgcmF0aGVyIHRoYW5cbiAgICAgIC8vIGRpcmVjdGx5IGNhbGxpbmcgaW5zdGFuY2UgbWV0aG9kc1xuICAgICAgZXhwZWN0KGNvbnRhaW5lci5maXJzdENoaWxkKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLE9BQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLEtBQUEsR0FBQUMsdUJBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFLLE1BQUEsR0FBQUwsT0FBQTtBQUFxQyxTQUFBSSx3QkFBQUUsQ0FBQSxFQUFBQyxDQUFBLDZCQUFBQyxPQUFBLE1BQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUosdUJBQUEsWUFBQUEsd0JBQUFFLENBQUEsRUFBQUMsQ0FBQSxTQUFBQSxDQUFBLElBQUFELENBQUEsSUFBQUEsQ0FBQSxDQUFBSyxVQUFBLFNBQUFMLENBQUEsTUFBQU0sQ0FBQSxFQUFBQyxDQUFBLEVBQUFDLENBQUEsS0FBQUMsU0FBQSxtQkFBQVQsQ0FBQSxpQkFBQUEsQ0FBQSxnQkFBQVUsT0FBQSxDQUFBVixDQUFBLDBCQUFBQSxDQUFBLFNBQUFRLENBQUEsTUFBQUYsQ0FBQSxHQUFBTCxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxRQUFBRyxDQUFBLENBQUFLLEdBQUEsQ0FBQVgsQ0FBQSxVQUFBTSxDQUFBLENBQUFNLEdBQUEsQ0FBQVosQ0FBQSxHQUFBTSxDQUFBLENBQUFPLEdBQUEsQ0FBQWIsQ0FBQSxFQUFBUSxDQUFBLGNBQUFNLEVBQUEsSUFBQWQsQ0FBQSxnQkFBQWMsRUFBQSxPQUFBQyxj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

package/lib/plot/common/__tests__/utils.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scaleMock = exports.graphProps = void 0;
+var scaleMock = exports.scaleMock = function scaleMock() {
+  var fn = jest.fn(function (n) {
+    return n;
+  });
+  fn.invert = jest.fn(function (n) {
+    return n;
+  });
+  return fn;
+};
+var graphProps = exports.graphProps = function graphProps() {
+  var dmin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var dmax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var rmin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var rmax = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  return {
+    scale: {
+      x: scaleMock(),
+      y: scaleMock()
+    },
+    snap: {
+      x: jest.fn(function (n) {
+        return n;
+      }),
+      y: jest.fn(function (n) {
+        return n;
+      })
+    },
+    domain: {
+      min: dmin,
+      max: dmax,
+      step: 1
+    },
+    range: {
+      min: rmin,
+      max: rmax,
+      step: 1
+    },
+    size: {
+      width: 400,
+      height: 400
+    }
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzY2FsZU1vY2siLCJleHBvcnRzIiwiZm4iLCJqZXN0IiwibiIsImludmVydCIsImdyYXBoUHJvcHMiLCJkbWluIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZG1heCIsInJtaW4iLCJybWF4Iiwic2NhbGUiLCJ4IiwieSIsInNuYXAiLCJkb21haW4iLCJtaW4iLCJtYXgiLCJzdGVwIiwicmFuZ2UiLCJzaXplIiwid2lkdGgiLCJoZWlnaHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGxvdC9jb21tb24vX190ZXN0c19fL3V0aWxzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBzY2FsZU1vY2sgPSAoKSA9PiB7XG4gIGNvbnN0IGZuID0gamVzdC5mbigobikgPT4gbik7XG4gIGZuLmludmVydCA9IGplc3QuZm4oKG4pID0+IG4pO1xuICByZXR1cm4gZm47XG59O1xuXG5leHBvcnQgY29uc3QgZ3JhcGhQcm9wcyA9IChkbWluID0gMCwgZG1heCA9IDEsIHJtaW4gPSAwLCBybWF4ID0gMSkgPT4gKHtcbiAgc2NhbGU6IHtcbiAgICB4OiBzY2FsZU1vY2soKSxcbiAgICB5OiBzY2FsZU1vY2soKSxcbiAgfSxcbiAgc25hcDoge1xuICAgIHg6IGplc3QuZm4oKG4pID0+IG4pLFxuICAgIHk6IGplc3QuZm4oKG4pID0+IG4pLFxuICB9LFxuICBkb21haW46IHtcbiAgICBtaW46IGRtaW4sXG4gICAgbWF4OiBkbWF4LFxuICAgIHN0ZXA6IDEsXG4gIH0sXG4gIHJhbmdlOiB7XG4gICAgbWluOiBybWluLFxuICAgIG1heDogcm1heCxcbiAgICBzdGVwOiAxLFxuICB9LFxuICBzaXplOiB7XG4gICAgd2lkdGg6IDQwMCxcbiAgICBoZWlnaHQ6IDQwMCxcbiAgfSxcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBTyxJQUFNQSxTQUFTLEdBQUFDLE9BQUEsQ0FBQUQsU0FBQSxHQUFHLFNBQVpBLFNBQVNBLENBQUEsRUFBUztFQUM3QixJQUFNRSxFQUFFLEdBQUdDLElBQUksQ0FBQ0QsRUFBRSxDQUFDLFVBQUNFLENBQUM7SUFBQSxPQUFLQSxDQUFDO0VBQUEsRUFBQztFQUM1QkYsRUFBRSxDQUFDRyxNQUFNLEdBQUdGLElBQUksQ0FBQ0QsRUFBRSxDQUFDLFVBQUNFLENBQUM7SUFBQSxPQUFLQSxDQUFDO0VBQUEsRUFBQztFQUM3QixPQUFPRixFQUFFO0FBQ1gsQ0FBQztBQUVNLElBQU1JLFVBQVUsR0FBQUwsT0FBQSxDQUFBSyxVQUFBLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQTtFQUFBLElBQUlDLElBQUksR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUFBLElBQUVHLElBQUksR0FBQUgsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUFBLElBQUVJLElBQUksR0FBQUosU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUFBLElBQUVLLElBQUksR0FBQUwsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUFBLE9BQU07SUFDckVNLEtBQUssRUFBRTtNQUNMQyxDQUFDLEVBQUVmLFNBQVMsQ0FBQyxDQUFDO01BQ2RnQixDQUFDLEVBQUVoQixTQUFTLENBQUM7SUFDZixDQUFDO0lBQ0RpQixJQUFJLEVBQUU7TUFDSkYsQ0FBQyxFQUFFWixJQUFJLENBQUNELEVBQUUsQ0FBQyxVQUFDRSxDQUFDO1FBQUEsT0FBS0EsQ0FBQztNQUFBLEVBQUM7TUFDcEJZLENBQUMsRUFBRWIsSUFBSSxDQUFDRCxFQUFFLENBQUMsVUFBQ0UsQ0FBQztRQUFBLE9BQUtBLENBQUM7TUFBQTtJQUNyQixDQUFDO0lBQ0RjLE1BQU0sRUFBRTtNQUNOQyxHQUFHLEVBQUVaLElBQUk7TUFDVGEsR0FBRyxFQUFFVCxJQUFJO01BQ1RVLElBQUksRUFBRTtJQUNSLENBQUM7SUFDREMsS0FBSyxFQUFFO01BQ0xILEdBQUcsRUFBRVAsSUFBSTtNQUNUUSxHQUFHLEVBQUVQLElBQUk7TUFDVFEsSUFBSSxFQUFFO0lBQ1IsQ0FBQztJQUNERSxJQUFJLEVBQUU7TUFDSkMsS0FBSyxFQUFFLEdBQUc7TUFDVkMsTUFBTSxFQUFFO0lBQ1Y7RUFDRixDQUFDO0FBQUEsQ0FBQyIsImlnbm9yZUxpc3QiOltdfQ==

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "7.0.22-beta.6",
+  "version": "7.0.22-beta.8",
   "description": "charting",
   "keywords": [
     "react",
@@ -23,7 +23,7 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/math-rendering": "^5.0.2",
-    "@pie-lib/plot": "^4.0.22-beta.6",
+    "@pie-lib/plot": "^4.0.22-beta.8",
     "@pie-lib/render-ui": "^6.1.0",
     "@pie-lib/translator": "^4.0.2",
     "@visx/axis": "^3.0.0",

package/src/__tests__/actions-button.test.jsx

@@ -0,0 +1,280 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { ActionsButton } from '../actions-button';
+
+jest.mock('@pie-lib/translator', () => ({
+  __esModule: true,
+  default: {
+    translator: {
+      t: jest.fn((key) => {
+        const translations = {
+          'charting.add': 'Add Category',
+          'charting.delete': 'Delete',
+          'charting.newLabel': 'New Category',
+        };
+        return translations[key] || key;
+      }),
+    },
+  },
+}));
+
+let theme;
+
+beforeAll(() => {
+  theme = createTheme();
+});
+
+describe('ActionsButton', () => {
+  const addCategory = jest.fn();
+  const deleteCategory = jest.fn();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const renderComponent = (extras = {}) => {
+    const defaults = {
+      addCategory,
+      deleteCategory,
+      categories: [],
+      language: 'en',
+    };
+    const props = { ...defaults, ...extras };
+    return render(
+      <ThemeProvider theme={theme}>
+        <ActionsButton {...props} />
+      </ThemeProvider>,
+    );
+  };
+
+  describe('rendering', () => {
+    it('renders without crashing', () => {
+      const { container } = renderComponent();
+      expect(container).toBeInTheDocument();
+    });
+
+    it('renders Actions button', () => {
+      const { getByText } = renderComponent();
+      expect(getByText('Actions')).toBeInTheDocument();
+    });
+
+    it('renders with custom language', () => {
+      const { container } = renderComponent({ language: 'es' });
+      expect(container).toBeInTheDocument();
+    });
+
+    it('renders with empty categories', () => {
+      const { container } = renderComponent({ categories: [] });
+      expect(container).toBeInTheDocument();
+    });
+
+    it('renders with multiple categories', () => {
+      const categories = [
+        { label: 'A', deletable: true },
+        { label: 'B', deletable: true },
+        { label: 'C', deletable: false },
+      ];
+      const { container } = renderComponent({ categories });
+      expect(container).toBeInTheDocument();
+    });
+  });
+
+  describe('popover interactions', () => {
+    it('opens popover when Actions button is clicked', () => {
+      const { getByText } = renderComponent();
+      const actionsButton = getByText('Actions');
+
+      fireEvent.click(actionsButton);
+
+      expect(getByText(/Add Category/i)).toBeInTheDocument();
+    });
+
+    it('closes popover when clicking outside', () => {
+      const { getByText } = renderComponent();
+      const actionsButton = getByText('Actions');
+
+      fireEvent.click(actionsButton);
+      expect(getByText(/Add Category/i)).toBeInTheDocument();
+
+      const backdrop = document.querySelector('.MuiPopover-root');
+      if (backdrop) {
+        fireEvent.click(backdrop);
+      }
+    });
+
+    it('has correct accessibility attributes', () => {
+      const { getByText } = renderComponent();
+      const actionsButton = getByText('Actions');
+
+      expect(actionsButton).toHaveAttribute('role', 'button');
+      expect(actionsButton).toHaveAttribute('tabIndex', '0');
+    });
+  });
+
+  describe('add category functionality', () => {
+    it('calls addCategory when add button is clicked', () => {
+      const { getByText } = renderComponent();
+
+      fireEvent.click(getByText('Actions'));
+      fireEvent.click(getByText(/Add Category/i));
+
+      expect(addCategory).toHaveBeenCalledTimes(1);
+    });
+
+    it('closes popover after adding category', () => {
+      const { getByText } = renderComponent();
+
+      fireEvent.click(getByText('Actions'));
+      fireEvent.click(getByText(/Add Category/i));
+
+      expect(addCategory).toHaveBeenCalled();
+    });
+  });
+
+  describe('delete category functionality', () => {
+    it('shows delete buttons for deletable categories', () => {
+      const categories = [
+        { label: 'Category A', deletable: true },
+        { label: 'Category B', deletable: true },
+      ];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/Delete <Category A>/i)).toBeInTheDocument();
+      expect(getByText(/Delete <Category B>/i)).toBeInTheDocument();
+    });
+
+    it('does not show delete button for non-deletable categories', () => {
+      const categories = [{ label: 'Category A', deletable: false }];
+      const { getByText, queryByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(queryByText(/Delete <Category A>/i)).not.toBeInTheDocument();
+    });
+
+    it('does not show delete button for categories with correctness', () => {
+      const categories = [{ label: 'Category A', deletable: true, correctness: { value: 'correct' } }];
+      const { getByText, queryByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(queryByText(/Delete <Category A>/i)).not.toBeInTheDocument();
+    });
+
+    it('calls deleteCategory with correct index', () => {
+      const categories = [
+        { label: 'Category A', deletable: true },
+        { label: 'Category B', deletable: true },
+      ];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+      fireEvent.click(getByText(/Delete <Category B>/i));
+
+      expect(deleteCategory).toHaveBeenCalledWith(1);
+    });
+
+    it('closes popover after deleting category', () => {
+      const categories = [{ label: 'Category A', deletable: true }];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+      fireEvent.click(getByText(/Delete <Category A>/i));
+
+      expect(deleteCategory).toHaveBeenCalled();
+    });
+
+    it('shows "New Category" for categories without label', () => {
+      const categories = [{ label: '', deletable: true }];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/Delete <New Category>/i)).toBeInTheDocument();
+    });
+
+    it('handles deletion of multiple categories', () => {
+      const categories = [
+        { label: 'A', deletable: true },
+        { label: 'B', deletable: true },
+        { label: 'C', deletable: true },
+      ];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/Delete <A>/i)).toBeInTheDocument();
+      expect(getByText(/Delete <B>/i)).toBeInTheDocument();
+      expect(getByText(/Delete <C>/i)).toBeInTheDocument();
+    });
+  });
+
+  describe('componentWillUnmount', () => {
+    it('cleans up state on unmount', () => {
+      const { unmount, getByText } = renderComponent();
+
+      fireEvent.click(getByText('Actions'));
+      unmount();
+
+      // Should not throw error
+      expect(true).toBe(true);
+    });
+  });
+
+  describe('edge cases', () => {
+    it('handles empty categories array', () => {
+      const { container } = renderComponent({ categories: [] });
+      expect(container).toBeInTheDocument();
+    });
+
+    it('handles undefined language', () => {
+      const { container } = renderComponent({ language: undefined });
+      expect(container).toBeInTheDocument();
+    });
+
+    it('handles mixed deletable and correctness states', () => {
+      const categories = [
+        { label: 'A', deletable: true },
+        { label: 'B', deletable: false },
+        { label: 'C', deletable: true, correctness: { value: 'correct' } },
+        { label: 'D', deletable: true },
+      ];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/Delete <A>/i)).toBeInTheDocument();
+      expect(getByText(/Delete <D>/i)).toBeInTheDocument();
+    });
+
+    it('handles categories with special characters in labels', () => {
+      const categories = [{ label: '<>&"\'', deletable: true }];
+      const { getByText } = renderComponent({ categories });
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/Delete </i)).toBeInTheDocument();
+    });
+
+    it('handles very long category labels', () => {
+      const categories = [{ label: 'A'.repeat(100), deletable: true }];
+      const { container } = renderComponent({ categories });
+      expect(container).toBeInTheDocument();
+    });
+  });
+
+  describe('popover positioning', () => {
+    it('has correct anchor origin', () => {
+      const { getByText, queryByText } = renderComponent();
+
+      expect(queryByText(/\+ Add Category/i)).not.toBeInTheDocument();
+
+      fireEvent.click(getByText('Actions'));
+
+      expect(getByText(/\+ Add Category/i)).toBeInTheDocument();
+    });
+  });
+});