victory-core 36.9.2 → 37.0.0

package/es/victory-util/textsize.js

@@ -1,30 +1,10 @@
 import _memoize from "lodash/memoize";
-import _defaults from "lodash/defaults";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+import _defaults from "lodash/defaults"; // http://www.pearsonified.com/2012/01/characters-per-line.php
+/* eslint-disable no-magic-numbers */
 // Based on measuring specific character widths
 // as in the following example https://bl.ocks.org/tophtucker/62f93a4658387bb61e4510c37e2e97cf
 // prettier-ignore
-var fonts = {
+const fonts = {
   "American Typewriter": {
     widths: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.25, 0.4203125, 0.3296875, 0.6, 0.6375, 0.8015625, 0.8203125, 0.1875, 0.45625, 0.45625, 0.6375, 0.5, 0.2734375, 0.309375, 0.2734375, 0.4390625, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.6375, 0.2734375, 0.2734375, 0.5, 0.5, 0.5, 0.6, 0.6921875, 0.7640625, 0.6921875, 0.6375, 0.728125, 0.6734375, 0.6203125, 0.7109375, 0.784375, 0.3828125, 0.6421875, 0.7859375, 0.6375, 0.9484375, 0.7640625, 0.65625, 0.6375, 0.65625, 0.7296875, 0.6203125, 0.6375, 0.7109375, 0.740625, 0.940625, 0.784375, 0.7578125, 0.6203125, 0.4375, 0.5, 0.4375, 0.5, 0.5, 0.4921875, 0.5734375, 0.5890625, 0.5109375, 0.6, 0.528125, 0.43125, 0.5578125, 0.6375, 0.3109375, 0.40625, 0.6234375, 0.309375, 0.928125, 0.6375, 0.546875, 0.6, 0.58125, 0.4921875, 0.4921875, 0.4, 0.6203125, 0.625, 0.825, 0.6375, 0.640625, 0.528125, 0.5, 0.5, 0.5, 0.6671875],
     avg: 0.5793421052631578
@@ -129,10 +109,11 @@ var fonts = {
     widths: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.35, 0.39375, 0.459375, 0.81875, 0.6359375, 1.0765625, 0.759375, 0.26875, 0.4546875, 0.4546875, 0.6359375, 0.81875, 0.3640625, 0.4546875, 0.3640625, 0.4703125, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.6359375, 0.4546875, 0.4546875, 0.81875, 0.81875, 0.81875, 0.546875, 1, 0.684375, 0.6859375, 0.6984375, 0.771875, 0.6328125, 0.575, 0.7765625, 0.7515625, 0.421875, 0.4546875, 0.69375, 0.5578125, 0.84375, 0.7484375, 0.7875, 0.603125, 0.7875, 0.7, 0.684375, 0.6171875, 0.7328125, 0.684375, 0.9890625, 0.6859375, 0.615625, 0.6859375, 0.4546875, 0.46875, 0.4546875, 0.81875, 0.6421875, 0.6359375, 0.6015625, 0.6234375, 0.521875, 0.6234375, 0.596875, 0.384375, 0.6234375, 0.6328125, 0.275, 0.3765625, 0.5921875, 0.275, 0.9734375, 0.6328125, 0.6078125, 0.6234375, 0.6234375, 0.43125, 0.521875, 0.3953125, 0.6328125, 0.5921875, 0.81875, 0.5921875, 0.5921875, 0.5265625, 0.6359375, 0.4546875, 0.6359375, 0.81875],
     avg: 0.6171875000000003
   }
-}; // https://developer.mozilla.org/en/docs/Web/CSS/length
-// Absolute sizes in pixels for obsolete measurement units.
+};
 
-var absoluteMeasurementUnitsToPixels = {
+// https://developer.mozilla.org/en/docs/Web/CSS/length
+// Absolute sizes in pixels for obsolete measurement units.
+const absoluteMeasurementUnitsToPixels = {
   mm: 3.8,
   sm: 38,
   pt: 1.33,
@@ -140,62 +121,46 @@ var absoluteMeasurementUnitsToPixels = {
   in: 96,
   px: 1
 };
-var relativeMeasurementUnitsCoef = {
+const relativeMeasurementUnitsCoef = {
   em: 1,
   ex: 0.5
 };
-var coefficients = {
+const coefficients = {
   heightOverlapCoef: 1.05,
   // Coefficient for height value to prevent overlap.
   lineCapitalCoef: 1.15 // Coefficient for height value. Reserve space for capital chars.
-
 };
-var defaultStyle = {
+const defaultStyle = {
   lineHeight: 1,
   letterSpacing: "0px",
   fontSize: 0,
   angle: 0,
   fontFamily: ""
 };
-
-var _degreeToRadian = function (angle) {
-  return angle * Math.PI / 180;
-};
-
-var _getFontData = function (fontFamily) {
-  var possibleFonts = fontFamily.split(",").map(function (f) {
-    return f.replace(/'|"/g, "");
-  });
-  var fontMatch = possibleFonts.find(function (f) {
-    return fonts[f];
-  }) || "Helvetica";
+const _degreeToRadian = angle => angle * Math.PI / 180;
+const _getFontData = fontFamily => {
+  const possibleFonts = fontFamily.split(",").map(f => f.replace(/'|"/g, ""));
+  const fontMatch = possibleFonts.find(f => fonts[f]) || "Helvetica";
   return fonts[fontMatch];
 };
-
-var _splitToLines = function (text) {
+const _splitToLines = text => {
   return Array.isArray(text) ? text : text.toString().split(/\r\n|\r|\n/g);
 };
-
-var _getSizeWithRotate = function (axisSize, dependentSize, angle) {
-  var angleInRadian = _degreeToRadian(angle);
-
+const _getSizeWithRotate = (axisSize, dependentSize, angle) => {
+  const angleInRadian = _degreeToRadian(angle);
   return Math.abs(Math.cos(angleInRadian) * axisSize) + Math.abs(Math.sin(angleInRadian) * dependentSize);
 };
+
 /**
  * Convert length-type parameters from specific measurement units to pixels
  * @param  {string} length Css length string value.
  * @param  {number} fontSize Current text font-size.
  * @returns {number} Approximate Css length in pixels.
  */
-
-
-export var convertLengthToPixels = function (length, fontSize) {
-  var _length$match;
-
-  var attribute = (_length$match = length.match(/[a-zA-Z%]+/)) === null || _length$match === void 0 ? void 0 : _length$match[0];
-  var value = Number(length.match(/[0-9.,]+/));
-  var result;
-
+export const convertLengthToPixels = (length, fontSize) => {
+  const attribute = length.match(/[a-zA-Z%]+/)?.[0];
+  const value = Number(length.match(/[0-9.,]+/));
+  let result;
   if (!attribute) {
     result = value || 0;
   } else if (absoluteMeasurementUnitsToPixels.hasOwnProperty(attribute)) {
@@ -205,85 +170,66 @@ export var convertLengthToPixels = function (length, fontSize) {
   } else {
     result = value;
   }
-
   return result;
 };
-
-var _prepareParams = function (inputStyle, index) {
-  var lineStyle = Array.isArray(inputStyle) ? inputStyle[index] : inputStyle;
-
-  var style = _defaults({}, lineStyle, defaultStyle);
-
+const _prepareParams = (inputStyle, index) => {
+  const lineStyle = Array.isArray(inputStyle) ? inputStyle[index] : inputStyle;
+  const style = _defaults({}, lineStyle, defaultStyle);
   return Object.assign({}, style, {
     fontFamily: style.fontFamily,
     letterSpacing: typeof style.letterSpacing === "number" ? style.letterSpacing : convertLengthToPixels(String(style.letterSpacing), style.fontSize),
     fontSize: typeof style.fontSize === "number" ? style.fontSize : convertLengthToPixels(String(style.fontSize))
   });
 };
-
-var _approximateTextWidthInternal = function (text, style) {
+const _approximateTextWidthInternal = (text, style) => {
   if (text === undefined || text === "" || text === null) {
     return 0;
   }
-
-  var widths = _splitToLines(text).map(function (line, index) {
-    var len = line.toString().length;
-
-    var _prepareParams2 = _prepareParams(style, index),
-        fontSize = _prepareParams2.fontSize,
-        letterSpacing = _prepareParams2.letterSpacing,
-        fontFamily = _prepareParams2.fontFamily;
-
-    var fontData = _getFontData(fontFamily);
-
-    var width = line.toString().split("").map(function (c) {
+  const widths = _splitToLines(text).map((line, index) => {
+    const len = line.toString().length;
+    const {
+      fontSize,
+      letterSpacing,
+      fontFamily
+    } = _prepareParams(style, index);
+    const fontData = _getFontData(fontFamily);
+    const width = line.toString().split("").map(c => {
       return c.charCodeAt(0) < fontData.widths.length ? fontData.widths[c.charCodeAt(0)] : fontData.avg;
-    }).reduce(function (cur, acc) {
-      return acc + cur;
-    }, 0) * fontSize;
+    }).reduce((cur, acc) => acc + cur, 0) * fontSize;
     return width + letterSpacing * Math.max(len - 1, 0);
   });
-
-  return Math.max.apply(Math, _toConsumableArray(widths));
+  return Math.max(...widths);
 };
-
-var _approximateTextHeightInternal = function (text, style) {
+const _approximateTextHeightInternal = (text, style) => {
   if (text === undefined || text === "" || text === null) {
     return 0;
   }
-
-  return _splitToLines(text).reduce(function (total, line, index) {
-    var lineStyle = _prepareParams(style, index);
-
-    var containsCaps = line.toString().match(/[(A-Z)(0-9)]/);
-    var height = containsCaps ? lineStyle.fontSize * coefficients.lineCapitalCoef : lineStyle.fontSize;
+  return _splitToLines(text).reduce((total, line, index) => {
+    const lineStyle = _prepareParams(style, index);
+    const containsCaps = line.toString().match(/[(A-Z)(0-9)]/);
+    const height = containsCaps ? lineStyle.fontSize * coefficients.lineCapitalCoef : lineStyle.fontSize;
     return total + lineStyle.lineHeight * height;
   }, 0);
 };
-
-var _approximateDimensionsInternal = function (text, style) {
-  var angle = Array.isArray(style) ? style[0] && style[0].angle : style && style.angle;
-
-  var height = _approximateTextHeightInternal(text, style);
-
-  var width = _approximateTextWidthInternal(text, style);
-
-  var widthWithRotate = angle ? _getSizeWithRotate(width, height, angle) : width;
-  var heightWithRotate = angle ? _getSizeWithRotate(height, width, angle) : height;
+const _approximateDimensionsInternal = (text, style) => {
+  const angle = Array.isArray(style) ? style[0] && style[0].angle : style && style.angle;
+  const height = _approximateTextHeightInternal(text, style);
+  const width = _approximateTextWidthInternal(text, style);
+  const widthWithRotate = angle ? _getSizeWithRotate(width, height, angle) : width;
+  const heightWithRotate = angle ? _getSizeWithRotate(height, width, angle) : height;
   return {
     width: widthWithRotate,
     height: heightWithRotate * coefficients.heightOverlapCoef
   };
 };
-
-var _getMeasurementContainer = _memoize(function () {
-  var element = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+const _getMeasurementContainer = _memoize(() => {
+  const element = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   element.setAttribute("xlink", "http://www.w3.org/1999/xlink");
   element.setAttribute("width", "300");
   element.setAttribute("height", "300");
   element.setAttribute("viewBox", "0 0 300 300");
   element.setAttribute("aria-hidden", "true");
-  var containerElement = document.createElementNS("http://www.w3.org/2000/svg", "text");
+  const containerElement = document.createElementNS("http://www.w3.org/2000/svg", "text");
   element.appendChild(containerElement);
   element.style.position = "fixed";
   element.style.top = "-9999px";
@@ -291,80 +237,63 @@ var _getMeasurementContainer = _memoize(function () {
   document.body.appendChild(element);
   return containerElement;
 });
-
-var styleToKeyComponent = function (style) {
+const styleToKeyComponent = style => {
   if (!style) {
     return "null";
   }
-
-  return "".concat(style.angle, ":").concat(style.fontFamily, ":").concat(style.fontSize, ":").concat(style.letterSpacing, ":").concat(style.lineHeight);
+  return `${style.angle}:${style.fontFamily}:${style.fontSize}:${style.letterSpacing}:${style.lineHeight}`;
 };
-
-var _measureDimensionsInternal = _memoize(function (text, style) {
-  var containerElement = _getMeasurementContainer();
-
+const _measureDimensionsInternal = _memoize((text, style) => {
+  let containerElement = _getMeasurementContainer();
   if (!containerElement.isConnected) {
-    var _getMeasurementContai, _getMeasurementContai2;
-
-    (_getMeasurementContai = (_getMeasurementContai2 = _getMeasurementContainer.cache).clear) === null || _getMeasurementContai === void 0 ? void 0 : _getMeasurementContai.call(_getMeasurementContai2);
+    _getMeasurementContainer.cache.clear?.();
     containerElement = _getMeasurementContainer();
   }
-
-  var lines = _splitToLines(text);
-
-  var heightAcc = 0;
-
-  for (var _ref of lines.entries()) {
-    var _ref2 = _slicedToArray(_ref, 2);
-
-    var i = _ref2[0];
-    var line = _ref2[1];
-    var textElement = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-
-    var params = _prepareParams(style, i);
-
+  const lines = _splitToLines(text);
+  let heightAcc = 0;
+  for (const [i, line] of lines.entries()) {
+    const textElement = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+    const params = _prepareParams(style, i);
     textElement.style.fontFamily = params.fontFamily;
-    textElement.style.fontSize = "".concat(params.fontSize, "px");
+    textElement.style.fontSize = `${params.fontSize}px`;
     textElement.style.lineHeight = params.lineHeight;
     textElement.style.fontFamily = params.fontFamily;
     textElement.style.letterSpacing = params.letterSpacing;
     textElement.textContent = line;
     textElement.setAttribute("x", "0");
-    textElement.setAttribute("y", "".concat(heightAcc));
+    textElement.setAttribute("y", `${heightAcc}`);
     containerElement.appendChild(textElement);
     heightAcc += params.lineHeight * textElement.getBoundingClientRect().height;
   }
-
-  var _containerElement$get = containerElement.getBoundingClientRect(),
-      width = _containerElement$get.width;
-
+  const {
+    width
+  } = containerElement.getBoundingClientRect();
   containerElement.innerHTML = "";
   return {
-    width: style !== null && style !== void 0 && style.angle ? _getSizeWithRotate(width, heightAcc, style === null || style === void 0 ? void 0 : style.angle) : width,
-    height: style !== null && style !== void 0 && style.angle ? _getSizeWithRotate(heightAcc, width, style === null || style === void 0 ? void 0 : style.angle) : heightAcc
+    width: style?.angle ? _getSizeWithRotate(width, heightAcc, style?.angle) : width,
+    height: style?.angle ? _getSizeWithRotate(heightAcc, width, style?.angle) : heightAcc
   };
-}, function (text, style) {
-  var totalText = Array.isArray(text) ? text.join() : text;
-  var totalStyle = Array.isArray(style) ? style.map(styleToKeyComponent).join() : styleToKeyComponent(style);
-  return "".concat(totalText, "::").concat(totalStyle);
+}, (text, style) => {
+  const totalText = Array.isArray(text) ? text.join() : text;
+  const totalStyle = Array.isArray(style) ? style.map(styleToKeyComponent).join() : styleToKeyComponent(style);
+  return `${totalText}::${totalStyle}`;
 });
-
 // Stubbable implementation.
-export var _approximateTextSizeInternal = {
-  impl: function (text, style) {
-    var __debugForceApproximate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
+export const _approximateTextSizeInternal = {
+  impl: function (text, style, __debugForceApproximate) {
+    if (__debugForceApproximate === void 0) {
+      __debugForceApproximate = false;
+    }
     // Attempt to first measure the element in DOM. If there is no DOM, fallback
     // to the less accurate approximation algorithm.
-    var isClient = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-
+    const isClient = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
     if (!isClient || __debugForceApproximate) {
       return _approximateDimensionsInternal(text, style);
     }
-
     return _measureDimensionsInternal(text, style);
   }
 };
+
 /**
  * Predict text size by font params.
  * @param {string|string[]} text Content for width calculation.
@@ -376,7 +305,4 @@ export var _approximateTextSizeInternal = {
  * @param {number} style.lineHeight Line height coefficient.
  * @returns {number} Approximate text label height.
  */
-
-export var approximateTextSize = function (text, style) {
-  return _approximateTextSizeInternal.impl(text, style);
-};
+export const approximateTextSize = (text, style) => _approximateTextSizeInternal.impl(text, style);

package/es/victory-util/timer-context.js

@@ -1,11 +1,11 @@
 import React from "react";
 import Timer from "./timer";
+
 /**
  * The React context object consumers may use to access or override the global
  * timer.
  */
-
-var TimerContext = /*#__PURE__*/React.createContext({
+const TimerContext = /*#__PURE__*/React.createContext({
   transitionTimer: new Timer(),
   animationTimer: new Timer()
 });

package/es/victory-util/timer.js

@@ -1,86 +1,50 @@
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 import { timer, now } from "victory-vendor/d3-timer";
-
-var Timer = /*#__PURE__*/function () {
-  function Timer() {
-    var _this = this;
-
-    _classCallCheck(this, Timer);
-
-    this.shouldAnimate = void 0;
-    this.subscribers = void 0;
-    this.activeSubscriptions = void 0;
-    this.timer = void 0;
-
-    this.loop = function () {
-      _this.subscribers.forEach(function (s) {
-        s.callback(now() - s.startTime, s.duration);
-      });
-    };
-
+export default class Timer {
+  constructor() {
     this.shouldAnimate = true;
     this.subscribers = [];
     this.timer = null;
     this.activeSubscriptions = 0;
   }
-
-  _createClass(Timer, [{
-    key: "bypassAnimation",
-    value: function bypassAnimation() {
-      this.shouldAnimate = false;
-    }
-  }, {
-    key: "resumeAnimation",
-    value: function resumeAnimation() {
-      this.shouldAnimate = true;
-    }
-  }, {
-    key: "start",
-    value: function start() {
-      if (!this.timer) {
-        this.timer = timer(this.loop);
-      }
+  bypassAnimation() {
+    this.shouldAnimate = false;
+  }
+  resumeAnimation() {
+    this.shouldAnimate = true;
+  }
+  loop = () => {
+    this.subscribers.forEach(s => {
+      s.callback(now() - s.startTime, s.duration);
+    });
+  };
+  start() {
+    if (!this.timer) {
+      this.timer = timer(this.loop);
     }
-  }, {
-    key: "stop",
-    value: function stop() {
-      if (this.timer) {
-        this.timer.stop();
-        this.timer = null;
-      }
+  }
+  stop() {
+    if (this.timer) {
+      this.timer.stop();
+      this.timer = null;
     }
-  }, {
-    key: "subscribe",
-    value: function subscribe(callback, duration) {
-      var subscriptionID = this.subscribers.push({
-        startTime: now(),
-        callback: callback,
-        duration: this.shouldAnimate ? duration : 0
-      });
-      this.activeSubscriptions++;
-      this.start();
-      return subscriptionID;
+  }
+  subscribe(callback, duration) {
+    const subscriptionID = this.subscribers.push({
+      startTime: now(),
+      callback,
+      duration: this.shouldAnimate ? duration : 0
+    });
+    this.activeSubscriptions++;
+    this.start();
+    return subscriptionID;
+  }
+  unsubscribe(id) {
+    if (id !== null && this.subscribers[id - 1]) {
+      delete this.subscribers[id - 1];
+      this.activeSubscriptions--;
     }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe(id) {
-      if (id !== null && this.subscribers[id - 1]) {
-        delete this.subscribers[id - 1];
-        this.activeSubscriptions--;
-      }
-
-      if (this.activeSubscriptions === 0) {
-        this.stop();
-      }
+    if (this.activeSubscriptions === 0) {
+      this.stop();
     }
-  }]);
-
-  return Timer;
-}();
-
-export { Timer as default };
+  }
+}