@d3plus/core 3.0.16 → 3.1.0

package/es/src/shapes/Box.js

@@ -1,3 +1,11 @@
+function _array_like_to_array(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;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -27,6 +35,19 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _get_prototype_of(o) {
     _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
@@ -47,12 +68,40 @@ function _inherits(subClass, superClass) {
     if (superClass) _set_prototype_of(subClass, superClass);
 }
 function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
         return left instanceof right;
     }
 }
+function _iterable_to_array_limit(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 _non_iterable_rest() {
+    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 _possible_constructor_return(self, call) {
     if (call && (_type_of(call) === "object" || typeof call === "function")) {
         return call;
@@ -66,10 +115,21 @@ function _set_prototype_of(o, p) {
     };
     return _set_prototype_of(o, p);
 }
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 function _is_native_reflect_construct() {
     try {
         var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
@@ -78,8 +138,7 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
-import { max, min, quantile } from "d3-array";
-import { nest } from "d3-collection";
+import { groups, max, min, quantile } from "d3-array";
 import { select } from "d3-selection";
 import { merge } from "@d3plus/data";
 import { assign, elem } from "@d3plus/dom";
@@ -97,7 +156,7 @@ var Box = /*#__PURE__*/ function(BaseClass) {
     function Box() {
         _class_call_check(this, Box);
         var _this;
-        _this = _call_super(this, Box);
+        _this = _call_super(this, Box), _define_property(_this, "_medianConfig", void 0), _define_property(_this, "_orient", void 0), _define_property(_this, "_outlier", void 0), _define_property(_this, "_outlierConfig", void 0), _define_property(_this, "_rectConfig", void 0), _define_property(_this, "_rectWidth", void 0), _define_property(_this, "_whiskerConfig", void 0), _define_property(_this, "_whiskerMode", void 0), _define_property(_this, "_x", void 0), _define_property(_this, "_y", void 0), _define_property(_this, "_data", void 0), _define_property(_this, "_select", void 0), _define_property(_this, "_box", void 0), _define_property(_this, "_median", void 0), _define_property(_this, "_whisker", void 0), _define_property(_this, "_whiskerEndpoint", void 0), _define_property(_this, "_duration", void 0);
         _this._medianConfig = {
             fill: constant("black")
         };
@@ -108,10 +167,10 @@ var Box = /*#__PURE__*/ function(BaseClass) {
                 r: accessor("r", 5)
             },
             Rect: {
-                height: function(d, i) {
+                height: function height(d, i) {
                     return _this._orient(d, i) === "vertical" ? 5 : 20;
                 },
-                width: function(d, i) {
+                width: function width(d, i) {
                     return _this._orient(d, i) === "vertical" ? 20 : 5;
                 }
             }
@@ -129,25 +188,28 @@ var Box = /*#__PURE__*/ function(BaseClass) {
         ];
         _this._x = accessor("x", 250);
         _this._y = accessor("y", 250);
+        _this._whiskerEndpoint = [];
         return _this;
     }
     _create_class(Box, [
         {
             /**
-      @memberof Box
-      @desc Draws the Box.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Draws the Box.
+*/ key: "render",
             value: function render() {
                 var _this = this;
                 if (this._select === void 0) {
                     this.select(select("body").append("svg").style("width", "".concat(window.innerWidth, "px")).style("height", "".concat(window.innerHeight, "px")).style("display", "block").node());
                 }
                 var outlierData = [];
-                var filteredData = nest().key(function(d, i) {
+                var filteredData = groups(this._data, function(d, i) {
                     return _this._orient(d, i) === "vertical" ? _this._x(d, i) : _this._y(d, i);
-                }).entries(this._data).map(function(d) {
+                }).map(function(param) {
+                    var _param = _sliced_to_array(param, 2), key = _param[0], groupData = _param[1];
+                    var d = {
+                        key: key,
+                        values: groupData
+                    };
                     d.data = merge(d.values);
                     d.i = _this._data.indexOf(d.values[0]);
                     d.orient = _this._orient(d.data, d.i);
@@ -156,7 +218,7 @@ var Box = /*#__PURE__*/ function(BaseClass) {
                         return a - b;
                     });
                     d.first = quantile(values, 0.25);
-                    d.median = quantile(values, 0.50);
+                    d.median = quantile(values, 0.5);
                     d.third = quantile(values, 0.75);
                     var mode = _this._whiskerMode;
                     if (mode[0] === "tukey") {
@@ -213,7 +275,8 @@ var Box = /*#__PURE__*/ function(BaseClass) {
                     return d.y;
                 }).select(elem("g.d3plus-Box", {
                     parent: this._select
-                }).node()).config(configPrep.bind(this)(this._rectConfig, "shape")).render();
+                }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._rectConfig, "shape")).render();
                 // Draw median.
                 this._median = new Rect().data(filteredData).x(function(d) {
                     return d.orient === "vertical" ? d.x : d.median;
@@ -225,7 +288,8 @@ var Box = /*#__PURE__*/ function(BaseClass) {
                     return d.orient === "vertical" ? d.width : 1;
                 }).select(elem("g.d3plus-Box-Median", {
                     parent: this._select
-                }).node()).config(configPrep.bind(this)(this._medianConfig, "shape")).render();
+                }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._medianConfig, "shape")).render();
                 // Draw 2 lines using Whisker class.
                 // Construct coordinates for whisker startpoints and push it to the whiskerData.
                 var whiskerData = [];
@@ -279,27 +343,26 @@ var Box = /*#__PURE__*/ function(BaseClass) {
                 // Draw whiskers.
                 this._whisker = new Whisker().data(whiskerData).select(elem("g.d3plus-Box-Whisker", {
                     parent: this._select
-                }).node()).config(configPrep.bind(this)(this._whiskerConfig, "shape")).render();
+                }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._whiskerConfig, "shape")).render();
                 // Draw outliers.
                 this._whiskerEndpoint = [];
-                nest().key(function(d) {
+                groups(outlierData, function(d) {
                     return d.outlier;
-                }).entries(outlierData).forEach(function(shapeData) {
-                    var shapeName = shapeData.key;
-                    _this._whiskerEndpoint.push(new shapes[shapeName]().data(shapeData.values).select(elem("g.d3plus-Box-Outlier-".concat(shapeName), {
+                }).forEach(function(param) {
+                    var _param = _sliced_to_array(param, 2), shapeName = _param[0], values = _param[1];
+                    _this._whiskerEndpoint.push(new shapes[shapeName]().data(values).select(elem("g.d3plus-Box-Outlier-".concat(shapeName), {
                         parent: _this._select
-                    }).node()).config(configPrep.bind(_this)(_this._outlierConfig, "shape", shapeName)).render());
+                    }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .config(configPrep.bind(_this)(_this._outlierConfig, "shape", shapeName)).render());
                 });
                 return this;
             }
         },
         {
             /**
-      @memberof Box
-      @desc Sets the highlight accessor to the Shape class's active function.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "active",
+      The active highlight state for all sub-shapes in this Box.
+*/ key: "active",
             value: function active(_) {
                 if (this._box) this._box.active(_);
                 if (this._median) this._median.active(_);
@@ -310,23 +373,15 @@ var Box = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *data* is specified, sets the data array to the specified array and returns the current class instance. If *data* is not specified, returns the current data array.
-      @param {Array} [*data* = []]
-      @chainable
-  */ key: "data",
+            key: "data",
             value: function data(_) {
                 return arguments.length ? (this._data = _, this) : this._data;
             }
         },
         {
             /**
-      @memberof Box
-      @desc Sets the highlight accessor to the Shape class's hover function.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "hover",
+      The hover highlight state for all sub-shapes in this Box.
+*/ key: "hover",
             value: function hover(_) {
                 if (this._box) this._box.hover(_);
                 if (this._median) this._median.hover(_);
@@ -337,104 +392,55 @@ var Box = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the config method for median and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "medianConfig",
+            key: "medianConfig",
             value: function medianConfig(_) {
                 return arguments.length ? (this._medianConfig = assign(this._medianConfig, _), this) : this._medianConfig;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the orientation to the specified value. If *value* is not specified, returns the current orientation.
-      @param {Function|String} [*value* = "vertical"] Accepts "vertical" or "horizontal"
-      @chainable
-  */ key: "orient",
+            key: "orient",
             value: function orient(_) {
                 return arguments.length ? (this._orient = typeof _ === "function" ? _ : constant(_), this) : this._orient;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the outlier accessor to the specified function or string and returns the current class instance.
-      @param {Function|String}
-      @chainable
-  */ key: "outlier",
+            key: "outlier",
             value: function outlier(_) {
                 return arguments.length ? (this._outlier = typeof _ === "function" ? _ : constant(_), this) : this._outlier;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the config method for each outlier point and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "outlierConfig",
+            key: "outlierConfig",
             value: function outlierConfig(_) {
                 return arguments.length ? (this._outlierConfig = assign(this._outlierConfig, _), this) : this._outlierConfig;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the config method for rect shape and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "rectConfig",
+            key: "rectConfig",
             value: function rectConfig(_) {
                 return arguments.length ? (this._rectConfig = assign(this._rectConfig, _), this) : this._rectConfig;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the width accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.width;
-}
-  */ key: "rectWidth",
+            key: "rectWidth",
             value: function rectWidth(_) {
                 return arguments.length ? (this._rectWidth = typeof _ === "function" ? _ : constant(_), this) : this._rectWidth;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *selector* is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If *selector* is not specified, returns the current SVG container element.
-      @param {String|HTMLElement} [*selector* = d3.select("body").append("svg")]
-      @chainable
-  */ key: "select",
+            key: "select",
             value: function select1(_) {
                 return arguments.length ? (this._select = select(_), this) : this._select;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the config method for whisker and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "whiskerConfig",
+            key: "whiskerConfig",
             value: function whiskerConfig(_) {
                 return arguments.length ? (this._whiskerConfig = assign(this._whiskerConfig, _), this) : this._whiskerConfig;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc Determines the value used for each whisker. Can be passed a single value to apply for both whiskers, or an Array of 2 values for the lower and upper whiskers (in that order). Accepted values are `"tukey"`, `"extent"`, or a Number representing a quantile.
-      @param {String|Number|String[]|Number[]} [*value* = "tukey"]
-      @chainable
-  */ key: "whiskerMode",
+            key: "whiskerMode",
             value: function whiskerMode(_) {
                 return arguments.length ? (this._whiskerMode = _instanceof(_, Array) ? _ : [
                     _,
@@ -443,31 +449,13 @@ function(d) {
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the x axis to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.x;
-}
-  */ key: "x",
+            key: "x",
             value: function x(_) {
                 return arguments.length ? (this._x = typeof _ === "function" ? _ : accessor(_), this) : this._x;
             }
         },
         {
-            /**
-      @memberof Box
-      @desc If *value* is specified, sets the y axis to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.y;
-}
-  */ key: "y",
+            key: "y",
             value: function y(_) {
                 return arguments.length ? (this._y = typeof _ === "function" ? _ : accessor(_), this) : this._y;
             }
@@ -476,7 +464,5 @@ function(d) {
     return Box;
 }(BaseClass);
 /**
-    @class Box
-    @extends BaseClass
-    @desc Creates SVG box based on an array of data.
+    Creates SVG box based on an array of data.
 */ export { Box as default };

package/es/src/shapes/Circle.js

@@ -27,6 +27,19 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _get(target, property, receiver) {
     if (typeof Reflect !== "undefined" && Reflect.get) {
         _get = Reflect.get;
@@ -105,8 +118,8 @@ var Circle = /*#__PURE__*/ function(Shape) {
         var _this;
         _this = _call_super(this, Circle, [
             "circle"
-        ]);
-        _this._labelBounds = function(d, i, s) {
+        ]), _define_property(_this, "_r", void 0);
+        _this._labelBounds = function(_d, _i, s) {
             return {
                 width: s.r * 1.5,
                 height: s.r * 1.5,
@@ -125,12 +138,12 @@ var Circle = /*#__PURE__*/ function(Shape) {
     _create_class(Circle, [
         {
             /**
-      @memberof Circle
-      @desc Provides the default positioning to the <rect> elements.
+      Provides the default positioning to the <rect> elements.
       @private
-  */ key: "_applyPosition",
+*/ key: "_applyPosition",
             value: function _applyPosition(elem) {
                 var _this = this;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 elem.attr("r", function(d, i) {
                     return _this._r(d, i);
                 }).attr("x", function(d, i) {
@@ -142,17 +155,16 @@ var Circle = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Circle
-      @desc Draws the circles.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Draws the circles.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 _get(_get_prototype_of(Circle.prototype), "render", this).call(this, callback);
                 var enter = this._enter.call(this._applyStyle.bind(this));
                 var update = this._update;
                 if (this._duration) {
-                    enter.attr("r", 0).attr("x", 0).attr("y", 0).transition(this._transition).call(this._applyPosition.bind(this));
+                    enter.attr("r", 0).attr("x", 0).attr("y", 0).transition(this._transition)// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .call(this._applyPosition.bind(this));
                     update = update.transition(this._transition);
                     this._exit.transition(this._transition).attr("r", 0).attr("x", 0).attr("y", 0);
                 } else {
@@ -164,12 +176,10 @@ var Circle = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Circle
-      @desc Given a specific data point and index, returns the aesthetic properties of the shape.
-      @param {Object} *data point*
-      @param {Number} *index*
-      @private
-  */ key: "_aes",
+      Given a specific data point and index, returns the aesthetic properties of the shape.
+      @param data point*
+      @param index @private
+*/ key: "_aes",
             value: function _aes(d, i) {
                 return {
                     r: this._r(d, i)
@@ -177,16 +187,7 @@ var Circle = /*#__PURE__*/ function(Shape) {
             }
         },
         {
-            /**
-      @memberof Circle
-      @desc If *value* is specified, sets the radius accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.r;
-}
-  */ key: "r",
+            key: "r",
             value: function r(_) {
                 return arguments.length ? (this._r = typeof _ === "function" ? _ : constant(_), this) : this._r;
             }
@@ -195,7 +196,5 @@ function(d) {
     return Circle;
 }(Shape);
 /**
-    @class Circle
-    @extends Shape
-    @desc Creates SVG circles based on an array of data.
+    Creates SVG circles based on an array of data.
 */ export { Circle as default };