@semcore/d3-chart 3.60.0 → 3.60.1

package/lib/esm/utils.mjs

@@ -0,0 +1,266 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import EventEmitter from "@semcore/utils/lib/eventEmitter";
+import { extent, bisector } from "d3-array";
+import { scaleSqrt, scaleQuantize, scaleBand } from "d3-scale";
+var eventToPoint = function eventToPoint2(event, svgRoot) {
+  var node = event.currentTarget || event.target;
+  var rect = svgRoot.getBoundingClientRect();
+  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
+};
+var invert = function invert2(scale, value) {
+  if ("invert" in scale && scale.invert) return scale.invert(value);
+  var range = scale.range();
+  var domain = scale.domain();
+  if ("paddingOuter" in scale) {
+    range[0] += scale.paddingOuter() * scale.step();
+    range[1] -= scale.paddingOuter() * scale.step();
+  }
+  return scaleQuantize().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
+};
+var definedNullData = function definedNullData2(x, y) {
+  return function(plot) {
+    return plot[x] !== null && plot[y] !== null;
+  };
+};
+var definedData = function definedData2(x, y) {
+  return function(plot) {
+    return plot[x] !== null && plot[x] !== void 0 && plot[y] !== null && plot[y] !== void 0;
+  };
+};
+var scaleOfBandwidth = function scaleOfBandwidth2(scale, value) {
+  return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
+};
+var minMax = function minMax2(data, key) {
+  if (typeof key === "string") {
+    return extent(data, function(d) {
+      return d[key];
+    });
+  }
+  return extent(data, key);
+};
+var getNullData = function getNullData2(data, defined, name) {
+  return data.reduce(function(acc, d, i, data2) {
+    if (defined(d)) {
+      acc.push(_defineProperty({}, name, null));
+    } else {
+      var prev = data2[i - 1];
+      var next = data2[i + 1];
+      if (i === 0) {
+        var defNext = data2.find(defined);
+        acc.push(_objectSpread(_objectSpread({}, d), {}, _defineProperty({}, name, defNext ? defNext[name] : null)));
+      }
+      if (prev && defined(prev)) {
+        acc.push(prev);
+      }
+      if (next && defined(next)) {
+        acc.push(next);
+      }
+      if (data2.length - 1 === i) {
+        var defPrev = data2.slice().reverse().find(defined);
+        acc.push(_objectSpread(_objectSpread({}, d), {}, _defineProperty({}, name, defPrev ? defPrev[name] : null)));
+      }
+    }
+    return acc;
+  }, []);
+};
+var getIndexFromData = function getIndexFromData2(data, scale, key, value) {
+  if ("invert" in scale && typeof scale.invert === "function" && Array.isArray(data)) {
+    var bisect = bisector(function(d) {
+      return d[key];
+    }).center;
+    return bisect(data, value);
+  } else if ("step" in scale && typeof scale.step !== "undefined" && Array.isArray(data)) {
+    var index = data.findIndex(function(d) {
+      return d[key] === value;
+    });
+    return index >= 0 ? index : null;
+  } else if ("invert" in scale && typeof scale.invert === "function" && !Array.isArray(data)) {
+    var keys = Object.keys(data);
+    var domain = keys.map(function(key2, index2) {
+      return keys.slice(0, index2).reduce(function(acc, item) {
+        if (data[item] !== interpolateValue) {
+          acc = acc + data[item];
+        }
+        return acc;
+      }, 0);
+    });
+    var _key = null;
+    var lastKeyIndex = keys.length - 1;
+    if (value > domain[lastKeyIndex]) {
+      _key = keys[lastKeyIndex];
+    } else {
+      for (var i = 0; i < lastKeyIndex; i++) {
+        if (i === 0 && value < domain[i]) {
+          break;
+        }
+        if (value > domain[i] && value < domain[i + 1]) {
+          _key = keys[i];
+          break;
+        }
+      }
+    }
+    return _key;
+  } else {
+    console.warn("[d3-chart/utils/getIndexFromData] encountered incompatible scale type");
+    return null;
+  }
+};
+var roundedPath = function roundedPath2(x, y, w, h, r) {
+  var tl = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+  var tr = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+  var bl = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false;
+  var br = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : false;
+  var result = "M".concat(x + r, ",").concat(y);
+  result += "h".concat(w - 2 * r);
+  if (tr) {
+    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(r);
+  } else {
+    result += "h".concat(r);
+    result += "v".concat(r);
+  }
+  result += "v".concat(h - 2 * r);
+  if (br) {
+    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(-r, ",").concat(r);
+  } else {
+    result += "v".concat(r);
+    result += "h".concat(-r);
+  }
+  result += "h".concat(2 * r - w);
+  if (bl) {
+    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(-r, ",").concat(-r);
+  } else {
+    result += "h".concat(-r);
+    result += "v".concat(-r);
+  }
+  result += "v".concat(2 * r - h);
+  if (tl) {
+    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(-r);
+  } else {
+    result += "v".concat(-r);
+    result += "h".concat(r);
+  }
+  result += "z";
+  return result;
+};
+var scaleToBand = function scaleToBand2(scale) {
+  if ("bandwidth" in scale) {
+    return scale;
+  }
+  var band = scaleBand().range(scale.range()).domain(scale.domain());
+  return band;
+};
+var memoize = function memoize2(func) {
+  var results = {};
+  return function() {
+    for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    var argsKey = args.join(",");
+    if (!results[argsKey]) {
+      results[argsKey] = func.apply(void 0, args);
+    }
+    return results[argsKey];
+  };
+};
+var measureText = memoize(function(text, fontSize) {
+  if (!text) return 0;
+  var span = document.createElement("span");
+  if (fontSize) {
+    span.style.fontSize = "".concat(fontSize, "px");
+  }
+  var _iterator = _createForOfIteratorHelper(text.split("\n")), _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+      var line = _step.value;
+      span.append(document.createTextNode(line));
+      span.append(document.createElement("br"));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  span.style.display = "inline-block";
+  document.body.append(span);
+  var textWidth = span.offsetWidth;
+  var textHeight = span.offsetHeight;
+  span.remove();
+  return Math.max(textWidth, textHeight);
+});
+var idCounter = 0;
+var uniqueId = function uniqueId2() {
+  var prefix = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "id-";
+  return "".concat(prefix).concat(idCounter++);
+};
+var interpolateValue = Symbol("intergalactic-d3-chart-line-interpolate");
+var getChartDefaultColorName = function getChartDefaultColorName2(index) {
+  index++;
+  if (index < 1) index = 1;
+  if (index > 24) index %= 24;
+  return "chart-palette-order-".concat(index);
+};
+var getBubbleChartValueScale = function getBubbleChartValueScale2(data, key) {
+  var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function(el) {
+    return el[key];
+  })))]).range([5.5, 50.5]);
+  return z;
+};
+var getScatterPlotRadius = function getScatterPlotRadius2(valueKey) {
+  return valueKey !== void 0 ? 12 : 5.5;
+};
+var calculateBubbleDomain = function calculateBubbleDomain2(data, key, range) {
+  var miniestValue = data.reduce(function(acc, item) {
+    if (item[key] - item.value < acc.min) {
+      acc.min = item[key] - item.value;
+      acc.value = item.value;
+    }
+    return acc;
+  }, {
+    value: data[0].value,
+    min: data[0][key] - data[0].value
+  }).value;
+  var maxestValue = data.reduce(function(acc, item) {
+    if (item.value + item[key] > acc.max) {
+      acc.max = item.value + item.x;
+      acc.value = item.value;
+    }
+    return acc;
+  }, {
+    value: data[0].value,
+    max: data[0].value + data[0][key]
+  }).value;
+  var _minMax = minMax(data, key), _minMax2 = _slicedToArray(_minMax, 2), min = _minMax2[0], max = _minMax2[1];
+  var pixelRatio = Math.abs(max - min) / Math.abs(range[0] - range[1]);
+  var valueScale = getBubbleChartValueScale(data, "value");
+  var minValueShift = valueScale(miniestValue) * pixelRatio;
+  var maxValueShift = valueScale(maxestValue) * pixelRatio;
+  min -= minValueShift * 2;
+  max += maxValueShift * 2;
+  return [min, max];
+};
+var PlotEventEmitter = EventEmitter;
+export {
+  PlotEventEmitter,
+  calculateBubbleDomain,
+  definedData,
+  definedNullData,
+  eventToPoint,
+  getBubbleChartValueScale,
+  getChartDefaultColorName,
+  getIndexFromData,
+  getNullData,
+  getScatterPlotRadius,
+  interpolateValue,
+  invert,
+  measureText,
+  memoize,
+  minMax,
+  roundedPath,
+  scaleOfBandwidth,
+  scaleToBand,
+  uniqueId
+};

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.60.0",
+  "version": "3.60.1",
   "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
+  "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "exports": {
     "require": "./lib/cjs/index.js",
-    "import": "./lib/es6/index.js",
+    "import": "./lib/esm/index.mjs",
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.41.2",
-    "@semcore/checkbox": "7.44.2",
-    "@semcore/divider": "4.40.2",
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/popper": "5.46.2",
-    "@semcore/utils": "4.48.2",
-    "@semcore/typography": "5.53.0",
-    "@semcore/icon": "4.61.0",
+    "@semcore/animation": "2.41.3",
+    "@semcore/checkbox": "7.44.3",
+    "@semcore/divider": "4.40.3",
+    "@semcore/flex-box": "5.41.3",
+    "@semcore/popper": "5.46.3",
+    "@semcore/utils": "4.48.4",
+    "@semcore/typography": "5.53.1",
+    "@semcore/icon": "4.62.0",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",

package/vite.config.ts

@@ -25,6 +25,8 @@ export default mergeConfig(
           'd3-time-format',
           'd3-transition',
           'hoist-non-react-statics',
+          '@formatjs/intl',
+          '@upsetjs/venn.js',
         ],
       },
     },