@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTGraph/components/Bars/index.js

@@ -1,115 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
-var _propTypes = require("prop-types");
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _utils2 = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
-const Bars = _ref => {
-  let {
-    crossAxisLeft,
-    crossAxisRight,
-    dataset,
-    mainAxis,
-    mainAxisDomain,
-    tab,
-    color
-  } = _ref;
-  const valuesByCategory = (0, _react.useMemo)(() => (0, _utils.getValuesMapByCategory)(dataset), [dataset]);
-  const rows = (0, _react.useMemo)(() => (0, _utils.getRowList)(dataset), [dataset]);
-  const splitBarClusters = (0, _react.useMemo)(() => (0, _utils.getClusters)(tab, _constants.BAR_TYPE));
-  const widthScale = (0, _react.useMemo)(() => {
-    if (tab.domain.binding === _constants.DOMAIN_CATEGORICAL) return null;
-    const values = [];
-    splitBarClusters.forEach(_ref2 => {
-      let {
-        leftItems,
-        rightItems
-      } = _ref2;
-      [...leftItems, ...rightItems].forEach(item => {
-        if (!item.sizeCode) return;
-        rows.forEach(r => {
-          const val = r[item.sizeCode];
-          if (Number.isFinite(val)) values.push(val);
-        });
-      });
-    });
-    if (values.length === 0) return null;
-    const [min, max] = d3.extent(values);
-    if (!Number.isFinite(min) || !Number.isFinite(max)) return null;
-    return d3.scaleLinear().domain([min, max]).range([_constants.MIN_BAR_WIDTH, _constants.MAX_BAR_WIDTH]).clamp(true);
-  }, [tab.domain.binding, splitBarClusters, rows]);
-  const clusterScale = (0, _react.useMemo)(() => {
-    const count = tab.subitems.length;
-    return tab.domain.binding === _constants.DOMAIN_CATEGORICAL ? d3.scaleBand().domain(d3.range(count)).range([0, mainAxis.bandwidth()]).padding(0.15) : null;
-  }, [tab, mainAxis]);
-  return /*#__PURE__*/_react.default.createElement("g", null, tab.domain.binding === _constants.DOMAIN_CATEGORICAL ? mainAxisDomain.map(category => {
-    const categoryXPosition = mainAxis(category);
-    const valuesByCode = valuesByCategory.get(category);
-    return splitBarClusters.map((_ref3, clusterIndex) => {
-      let {
-        leftItems,
-        rightItems
-      } = _ref3;
-      const x = categoryXPosition + clusterScale(clusterIndex);
-      const w = clusterScale.bandwidth();
-      return /*#__PURE__*/_react.default.createElement("g", {
-        key: "".concat(category, "-cluster")
-      }, (0, _utils2.renderStacksForSideCategorical)({
-        items: leftItems,
-        valuesByCode,
-        x,
-        w,
-        crossAxis: crossAxisLeft,
-        category,
-        color
-      }), (0, _utils2.renderStacksForSideCategorical)({
-        items: rightItems,
-        valuesByCode,
-        x,
-        w,
-        crossAxis: crossAxisRight,
-        category,
-        color
-      }));
-    });
-  }) : splitBarClusters.map(_ref4 => {
-    let {
-      leftItems,
-      rightItems
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement("g", {
-      key: "num-cluster"
-    }, (0, _utils2.renderStacksForSideNumerical)({
-      items: leftItems,
-      rows,
-      mainAxis,
-      crossAxis: crossAxisLeft,
-      color,
-      widthScale
-    }), (0, _utils2.renderStacksForSideNumerical)({
-      items: rightItems,
-      rows,
-      mainAxis,
-      crossAxis: crossAxisRight,
-      color,
-      widthScale
-    }));
-  }));
-};
-Bars.propTypes = {
-  crossAxisLeft: _propTypes.func,
-  crossAxisRight: _propTypes.func,
-  dataset: _propTypes.object,
-  mainAxis: _propTypes.func,
-  mainAxisDomain: _propTypes.array,
-  tab: _propTypes.object,
-  color: _propTypes.func
-};
-var _default = exports.default = Bars;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var d3=_interopRequireWildcard(require("d3")),_propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_utils=require("../../utils"),_constants=require("../../constants"),_utils2=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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)}const Bars=_ref=>{let{crossAxisLeft:crossAxisLeft,crossAxisRight:crossAxisRight,dataset:dataset,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,tab:tab,color:color}=_ref;const valuesByCategory=(0,_react.useMemo)(()=>(0,_utils.getValuesMapByCategory)(dataset),[dataset]),rows=(0,_react.useMemo)(()=>(0,_utils.getRowList)(dataset),[dataset]),splitBarClusters=(0,_react.useMemo)(()=>(0,_utils.getClusters)(tab,_constants.BAR_TYPE)),widthScale=(0,_react.useMemo)(()=>{if(tab.domain.binding===_constants.DOMAIN_CATEGORICAL)return null;const values=[];if(splitBarClusters.forEach(_ref2=>{let{leftItems:leftItems,rightItems:rightItems}=_ref2;[...leftItems,...rightItems].forEach(item=>{item.sizeCode&&rows.forEach(r=>{const val=r[item.sizeCode];Number.isFinite(val)&&values.push(val)})})}),0===values.length)return null;const[min,max]=d3.extent(values);return Number.isFinite(min)&&Number.isFinite(max)?d3.scaleLinear().domain([min,max]).range([_constants.MIN_BAR_WIDTH,_constants.MAX_BAR_WIDTH]).clamp(!0):null},[tab.domain.binding,splitBarClusters,rows]),clusterScale=(0,_react.useMemo)(()=>{const count=tab.subitems.length;return tab.domain.binding===_constants.DOMAIN_CATEGORICAL?d3.scaleBand().domain(d3.range(count)).range([0,mainAxis.bandwidth()]).padding(.15):null},[tab,mainAxis]);return _react.default.createElement("g",null,tab.domain.binding===_constants.DOMAIN_CATEGORICAL?mainAxisDomain.map(category=>{const categoryXPosition=mainAxis(category),valuesByCode=valuesByCategory.get(category);return splitBarClusters.map((_ref3,clusterIndex)=>{let{leftItems:leftItems,rightItems:rightItems}=_ref3;const x=categoryXPosition+clusterScale(clusterIndex),w=clusterScale.bandwidth();return _react.default.createElement("g",{key:"".concat(category,"-cluster")},(0,_utils2.renderStacksForSideCategorical)({items:leftItems,valuesByCode:valuesByCode,x:x,w:w,crossAxis:crossAxisLeft,category:category,color:color}),(0,_utils2.renderStacksForSideCategorical)({items:rightItems,valuesByCode:valuesByCode,x:x,w:w,crossAxis:crossAxisRight,category:category,color:color}))})}):splitBarClusters.map(_ref4=>{let{leftItems:leftItems,rightItems:rightItems}=_ref4;return _react.default.createElement("g",{key:"num-cluster"},(0,_utils2.renderStacksForSideNumerical)({items:leftItems,rows:rows,mainAxis:mainAxis,crossAxis:crossAxisLeft,color:color,widthScale:widthScale}),(0,_utils2.renderStacksForSideNumerical)({items:rightItems,rows:rows,mainAxis:mainAxis,crossAxis:crossAxisRight,color:color,widthScale:widthScale}))}))};Bars.propTypes={crossAxisLeft:_propTypes.func,crossAxisRight:_propTypes.func,dataset:_propTypes.object,mainAxis:_propTypes.func,mainAxisDomain:_propTypes.array,tab:_propTypes.object,color:_propTypes.func};var _default=exports.default=Bars;

package/dist/components/UTGraph/components/Bars/utils.js

@@ -1,87 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderStacksForSideNumerical = exports.renderStacksForSideCategorical = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
-const renderStacksForSideCategorical = _ref => {
-  let {
-    items,
-    valuesByCode,
-    x,
-    w,
-    crossAxis,
-    category,
-    color
-  } = _ref;
-  const codes = items.map(_ref2 => {
-    let {
-      rangeCode
-    } = _ref2;
-    return rangeCode;
-  });
-  const stacks = d3.stack().keys(codes).offset(d3.stackOffsetDiverging)([valuesByCode]);
-  return stacks.map(series => {
-    const code = series.key;
-    const [y0, y1] = series[0];
-    const yTop = Math.min(crossAxis(y0), crossAxis(y1));
-    const yBot = Math.max(crossAxis(y0), crossAxis(y1));
-    const h = yBot - yTop;
-    return /*#__PURE__*/_react.default.createElement("rect", {
-      key: "".concat(category, "-").concat(code),
-      x: x,
-      y: yTop,
-      width: w,
-      height: h,
-      fill: color(code)
-    });
-  });
-};
-exports.renderStacksForSideCategorical = renderStacksForSideCategorical;
-const renderStacksForSideNumerical = _ref3 => {
-  let {
-    items,
-    rows,
-    mainAxis,
-    crossAxis,
-    color,
-    widthScale
-  } = _ref3;
-  const yZero = crossAxis(0);
-  return items.map(_ref4 => {
-    let {
-      rangeCode,
-      domainCode,
-      sizeCode
-    } = _ref4;
-    if (!domainCode) return null;
-    return /*#__PURE__*/_react.default.createElement("g", {
-      key: "num-bars-".concat(rangeCode)
-    }, rows.map(row => {
-      const xVal = row[domainCode];
-      const yVal = row[rangeCode];
-      if (!Number.isFinite(xVal) || !Number.isFinite(yVal)) return null;
-      const cx = mainAxis(xVal);
-      if (!Number.isFinite(cx)) return null;
-      const yTop = Math.min(crossAxis(yVal), yZero);
-      const yBot = Math.max(crossAxis(yVal), yZero);
-      const h = yBot - yTop;
-      if (h <= 0) return null;
-      const w = widthScale && sizeCode && Number.isFinite(row[sizeCode]) ? widthScale(row[sizeCode]) : _constants.DEFAULT_BAR_WIDTH;
-      return /*#__PURE__*/_react.default.createElement("rect", {
-        key: "num-bar-".concat(rangeCode),
-        x: cx - w / 2,
-        y: yTop,
-        width: w,
-        height: h,
-        fill: color(rangeCode)
-      });
-    }));
-  });
-};
-exports.renderStacksForSideNumerical = renderStacksForSideNumerical;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderStacksForSideNumerical=exports.renderStacksForSideCategorical=void 0;var d3=_interopRequireWildcard(require("d3")),_react=_interopRequireDefault(require("react")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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)}const renderStacksForSideCategorical=_ref=>{let{items:items,valuesByCode:valuesByCode,x:x,w:w,crossAxis:crossAxis,category:category,color:color}=_ref;const codes=items.map(_ref2=>{let{rangeCode:rangeCode}=_ref2;return rangeCode});return d3.stack().keys(codes).offset(d3.stackOffsetDiverging)([valuesByCode]).map(series=>{const code=series.key,[y0,y1]=series[0],yTop=Math.min(crossAxis(y0),crossAxis(y1)),h=Math.max(crossAxis(y0),crossAxis(y1))-yTop;return _react.default.createElement("rect",{key:"".concat(category,"-").concat(code),x:x,y:yTop,width:w,height:h,fill:color(code)})})};exports.renderStacksForSideCategorical=renderStacksForSideCategorical;const renderStacksForSideNumerical=_ref3=>{let{items:items,rows:rows,mainAxis:mainAxis,crossAxis:crossAxis,color:color,widthScale:widthScale}=_ref3;const yZero=crossAxis(0);return items.map(_ref4=>{let{rangeCode:rangeCode,domainCode:domainCode,sizeCode:sizeCode}=_ref4;return domainCode?_react.default.createElement("g",{key:"num-bars-".concat(rangeCode)},rows.map(row=>{const xVal=row[domainCode],yVal=row[rangeCode];if(!Number.isFinite(xVal)||!Number.isFinite(yVal))return null;const cx=mainAxis(xVal);if(!Number.isFinite(cx))return null;const yTop=Math.min(crossAxis(yVal),yZero),h=Math.max(crossAxis(yVal),yZero)-yTop;if(h<=0)return null;const w=widthScale&&sizeCode&&Number.isFinite(row[sizeCode])?widthScale(row[sizeCode]):_constants.DEFAULT_BAR_WIDTH;return _react.default.createElement("rect",{key:"num-bar-".concat(rangeCode),x:cx-w/2,y:yTop,width:w,height:h,fill:color(rangeCode)})})):null})};exports.renderStacksForSideNumerical=renderStacksForSideNumerical;

package/dist/components/UTGraph/components/CartesianPlane/index.js

@@ -1,116 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var d3 = _interopRequireWildcard(require("d3"));
-var _propTypes = require("prop-types");
-var _constants = require("../../constants");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
-const CartesianPlane = _ref => {
-  var _tab$domain2;
-  let {
-    mainAxisDomain,
-    crossAxisLeftDomain,
-    crossAxisRightDomain,
-    width,
-    height,
-    margin,
-    crossAxisLeftTicks,
-    crossAxisLeftTickFormat,
-    crossAxisRightTicks,
-    crossAxisRightTickFormat,
-    mainAxisTicks,
-    mainAxisTickFormat,
-    hasLeft,
-    hasRight,
-    tab,
-    children
-  } = _ref;
-  const innerWidth = width - margin.left - margin.right;
-  const innerHeight = height - margin.top - margin.bottom;
-  const mainAxis = (0, _react.useMemo)(() => {
-    var _tab$domain;
-    return ((_tab$domain = tab.domain) === null || _tab$domain === void 0 ? void 0 : _tab$domain.binding) === _constants.DOMAIN_NUMERICAL ? d3.scaleLinear().domain(mainAxisDomain).range([0, innerWidth]).nice() : d3.scaleBand().domain(mainAxisDomain).range([0, innerWidth]).padding(0.1);
-  },
-  // TBD: parametrizar padding
-  [mainAxisDomain, innerWidth, (_tab$domain2 = tab.domain) === null || _tab$domain2 === void 0 ? void 0 : _tab$domain2.binding]);
-  const crossAxisLeft = (0, _react.useMemo)(() => d3.scaleLinear().domain(crossAxisLeftDomain).range([innerHeight, 0]).nice(), [crossAxisLeftDomain, innerHeight]);
-  const crossAxisRight = (0, _react.useMemo)(() => d3.scaleLinear().domain(crossAxisRightDomain).range([innerHeight, 0]).nice(), [crossAxisRightDomain, innerHeight]);
-  const mainAxisRef = (0, _react.useRef)(null);
-  const crossAxisLeftRef = (0, _react.useRef)(null);
-  const crossAxisRightRef = (0, _react.useRef)(null);
-  const gridRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    const axis = d3.axisBottom(mainAxis).ticks(mainAxisTicks, mainAxisTickFormat).tickSizeOuter(0);
-    d3.select(mainAxisRef.current).call(axis);
-  }, [mainAxis, mainAxisTicks, mainAxisTickFormat]);
-  (0, _react.useEffect)(() => {
-    if (!hasLeft) return;
-    const axis = d3.axisLeft(crossAxisLeft).ticks(crossAxisLeftTicks, crossAxisLeftTickFormat).tickSize(0).tickSizeOuter(0);
-    d3.select(crossAxisLeftRef.current).call(axis);
-    d3.select(crossAxisLeftRef.current).selectAll('.tick text').attr('text-anchor', 'end');
-  }, [crossAxisLeft, crossAxisLeftTicks, crossAxisLeftTickFormat]);
-  (0, _react.useEffect)(() => {
-    if (!hasRight) return;
-    const axis = d3.axisRight(crossAxisRight).ticks(crossAxisRightTicks, crossAxisRightTickFormat).tickSize(0).tickSizeOuter(0);
-    d3.select(crossAxisRightRef.current).call(axis);
-    d3.select(crossAxisRightRef.current).selectAll('.tick text').attr('text-anchor', 'start');
-  }, [crossAxisRight, crossAxisRightTicks, crossAxisRightTickFormat]);
-  (0, _react.useEffect)(() => {
-    const crossAxis = hasLeft ? crossAxisLeft : hasRight ? crossAxisRight : null;
-    const crossAxisTicks = hasLeft ? crossAxisLeftTicks : crossAxisRightTicks;
-    const g = d3.select(gridRef.current);
-    g.selectAll('*').remove();
-    if (!crossAxis) return;
-    const grid = d3.axisLeft(crossAxis).ticks(crossAxisTicks).tickFormat('').tickSize(-innerWidth).tickSizeOuter(0);
-    g.call(grid);
-    g.selectAll('.tick line').attr('stroke', '#000').attr('stroke-opacity', 0.5).attr('stroke-dasharray', '5 5');
-    g.select('.domain').remove();
-  }, [crossAxisLeft, crossAxisRight, innerWidth, crossAxisLeftTicks, crossAxisRightTicks]);
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: width,
-    height: height
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(".concat(margin.left, ",").concat(margin.top, ")")
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    ref: gridRef,
-    className: "y-grid"
-  }), hasLeft && /*#__PURE__*/_react.default.createElement("g", {
-    ref: crossAxisLeftRef,
-    className: "y-axis-left"
-  }), hasRight && /*#__PURE__*/_react.default.createElement("g", {
-    ref: crossAxisRightRef,
-    className: "y-axis-right",
-    transform: "translate(".concat(innerWidth, ", 0)")
-  }), /*#__PURE__*/_react.default.createElement("g", {
-    ref: mainAxisRef,
-    className: "x-axis",
-    transform: "translate(0, ".concat(innerHeight, ")")
-  }), children({
-    mainAxis,
-    crossAxisLeft,
-    crossAxisRight
-  })));
-};
-CartesianPlane.propTypes = {
-  crossAxisLeftDomain: _propTypes.array,
-  crossAxisLeftTicks: _propTypes.array,
-  crossAxisLeftTickFormat: _propTypes.string,
-  crossAxisRightDomain: _propTypes.array,
-  crossAxisRightTicks: _propTypes.array,
-  crossAxisRightTickFormat: _propTypes.string,
-  mainAxisDomain: _propTypes.array,
-  mainAxisTicks: _propTypes.array,
-  mainAxisTickFormat: _propTypes.string,
-  margin: _propTypes.object,
-  width: _propTypes.number,
-  height: _propTypes.number,
-  hasLeft: _propTypes.bool,
-  hasRight: _propTypes.bool,
-  tab: _propTypes.object,
-  children: _propTypes.func
-};
-var _default = exports.default = CartesianPlane;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),d3=_interopRequireWildcard(require("d3")),_propTypes=require("prop-types"),_constants=require("../../constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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)}const CartesianPlane=_ref=>{var _tab$domain2;let{mainAxisDomain:mainAxisDomain,crossAxisLeftDomain:crossAxisLeftDomain,crossAxisRightDomain:crossAxisRightDomain,width:width,height:height,margin:margin,crossAxisLeftTicks:crossAxisLeftTicks,crossAxisLeftTickFormat:crossAxisLeftTickFormat,crossAxisRightTicks:crossAxisRightTicks,crossAxisRightTickFormat:crossAxisRightTickFormat,mainAxisTicks:mainAxisTicks,mainAxisTickFormat:mainAxisTickFormat,hasLeft:hasLeft,hasRight:hasRight,tab:tab,children:children}=_ref;const innerWidth=width-margin.left-margin.right,innerHeight=height-margin.top-margin.bottom,mainAxis=(0,_react.useMemo)(()=>{var _tab$domain;return(null===(_tab$domain=tab.domain)||void 0===_tab$domain?void 0:_tab$domain.binding)===_constants.DOMAIN_NUMERICAL?d3.scaleLinear().domain(mainAxisDomain).range([0,innerWidth]).nice():d3.scaleBand().domain(mainAxisDomain).range([0,innerWidth]).padding(.1)},[mainAxisDomain,innerWidth,null===(_tab$domain2=tab.domain)||void 0===_tab$domain2?void 0:_tab$domain2.binding]),crossAxisLeft=(0,_react.useMemo)(()=>d3.scaleLinear().domain(crossAxisLeftDomain).range([innerHeight,0]).nice(),[crossAxisLeftDomain,innerHeight]),crossAxisRight=(0,_react.useMemo)(()=>d3.scaleLinear().domain(crossAxisRightDomain).range([innerHeight,0]).nice(),[crossAxisRightDomain,innerHeight]),mainAxisRef=(0,_react.useRef)(null),crossAxisLeftRef=(0,_react.useRef)(null),crossAxisRightRef=(0,_react.useRef)(null),gridRef=(0,_react.useRef)(null);return(0,_react.useEffect)(()=>{const axis=d3.axisBottom(mainAxis).ticks(mainAxisTicks,mainAxisTickFormat).tickSizeOuter(0);d3.select(mainAxisRef.current).call(axis)},[mainAxis,mainAxisTicks,mainAxisTickFormat]),(0,_react.useEffect)(()=>{if(!hasLeft)return;const axis=d3.axisLeft(crossAxisLeft).ticks(crossAxisLeftTicks,crossAxisLeftTickFormat).tickSize(0).tickSizeOuter(0);d3.select(crossAxisLeftRef.current).call(axis),d3.select(crossAxisLeftRef.current).selectAll(".tick text").attr("text-anchor","end")},[crossAxisLeft,crossAxisLeftTicks,crossAxisLeftTickFormat]),(0,_react.useEffect)(()=>{if(!hasRight)return;const axis=d3.axisRight(crossAxisRight).ticks(crossAxisRightTicks,crossAxisRightTickFormat).tickSize(0).tickSizeOuter(0);d3.select(crossAxisRightRef.current).call(axis),d3.select(crossAxisRightRef.current).selectAll(".tick text").attr("text-anchor","start")},[crossAxisRight,crossAxisRightTicks,crossAxisRightTickFormat]),(0,_react.useEffect)(()=>{const crossAxis=hasLeft?crossAxisLeft:hasRight?crossAxisRight:null,crossAxisTicks=hasLeft?crossAxisLeftTicks:crossAxisRightTicks,g=d3.select(gridRef.current);if(g.selectAll("*").remove(),!crossAxis)return;const grid=d3.axisLeft(crossAxis).ticks(crossAxisTicks).tickFormat("").tickSize(-innerWidth).tickSizeOuter(0);g.call(grid),g.selectAll(".tick line").attr("stroke","#000").attr("stroke-opacity",.5).attr("stroke-dasharray","5 5"),g.select(".domain").remove()},[crossAxisLeft,crossAxisRight,innerWidth,crossAxisLeftTicks,crossAxisRightTicks]),_react.default.createElement("svg",{width:width,height:height},_react.default.createElement("g",{transform:"translate(".concat(margin.left,",").concat(margin.top,")")},_react.default.createElement("g",{ref:gridRef,className:"y-grid"}),hasLeft&&_react.default.createElement("g",{ref:crossAxisLeftRef,className:"y-axis-left"}),hasRight&&_react.default.createElement("g",{ref:crossAxisRightRef,className:"y-axis-right",transform:"translate(".concat(innerWidth,", 0)")}),_react.default.createElement("g",{ref:mainAxisRef,className:"x-axis",transform:"translate(0, ".concat(innerHeight,")")}),children({mainAxis:mainAxis,crossAxisLeft:crossAxisLeft,crossAxisRight:crossAxisRight})))};CartesianPlane.propTypes={crossAxisLeftDomain:_propTypes.array,crossAxisLeftTicks:_propTypes.array,crossAxisLeftTickFormat:_propTypes.string,crossAxisRightDomain:_propTypes.array,crossAxisRightTicks:_propTypes.array,crossAxisRightTickFormat:_propTypes.string,mainAxisDomain:_propTypes.array,mainAxisTicks:_propTypes.array,mainAxisTickFormat:_propTypes.string,margin:_propTypes.object,width:_propTypes.number,height:_propTypes.number,hasLeft:_propTypes.bool,hasRight:_propTypes.bool,tab:_propTypes.object,children:_propTypes.func};var _default=exports.default=CartesianPlane;

package/dist/components/UTGraph/components/Lines/index.js

@@ -1,60 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _utils2 = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
-const Lines = _ref => {
-  let {
-    tab,
-    dataset,
-    mainAxis,
-    crossAxisLeft,
-    crossAxisRight,
-    mainAxisDomain,
-    color
-  } = _ref;
-  const valuesByCategory = (0, _react.useMemo)(() => (0, _utils.getValuesMapByCategory)(dataset), [dataset]);
-  const rows = (0, _react.useMemo)(() => (0, _utils.getRowList)(dataset), [dataset]);
-  const splitLineClusters = (0, _react.useMemo)(() => (0, _utils.getClusters)(tab, _constants.LINE_TYPE), [tab]);
-  const renderStacksForSide = (0, _react.useMemo)(() => tab.domain.binding === _constants.DOMAIN_CATEGORICAL ? _utils2.renderStacksForSideCategorical : _utils2.renderStacksForSideNumerical, [tab.domain.binding]);
-  return /*#__PURE__*/_react.default.createElement("g", null, splitLineClusters.map(_ref2 => {
-    let {
-      leftItems,
-      rightItems
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("g", null, renderStacksForSide({
-      items: leftItems,
-      rows,
-      valuesByCategory,
-      mainAxis,
-      mainAxisDomain,
-      crossAxis: crossAxisLeft,
-      color
-    }), renderStacksForSide({
-      items: rightItems,
-      rows,
-      valuesByCategory,
-      mainAxis,
-      mainAxisDomain,
-      crossAxis: crossAxisRight,
-      color
-    }));
-  }));
-};
-Lines.propTypes = {
-  tab: _propTypes.object,
-  dataset: _propTypes.object,
-  mainAxis: _propTypes.func,
-  crossAxisLeft: _propTypes.func,
-  crossAxisRight: _propTypes.func,
-  mainAxisDomain: _propTypes.array,
-  color: _propTypes.func
-};
-var _default = exports.default = Lines;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_constants=require("../../constants"),_utils=require("../../utils"),_utils2=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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)}const Lines=_ref=>{let{tab:tab,dataset:dataset,mainAxis:mainAxis,crossAxisLeft:crossAxisLeft,crossAxisRight:crossAxisRight,mainAxisDomain:mainAxisDomain,color:color}=_ref;const valuesByCategory=(0,_react.useMemo)(()=>(0,_utils.getValuesMapByCategory)(dataset),[dataset]),rows=(0,_react.useMemo)(()=>(0,_utils.getRowList)(dataset),[dataset]),splitLineClusters=(0,_react.useMemo)(()=>(0,_utils.getClusters)(tab,_constants.LINE_TYPE),[tab]),renderStacksForSide=(0,_react.useMemo)(()=>tab.domain.binding===_constants.DOMAIN_CATEGORICAL?_utils2.renderStacksForSideCategorical:_utils2.renderStacksForSideNumerical,[tab.domain.binding]);return _react.default.createElement("g",null,splitLineClusters.map(_ref2=>{let{leftItems:leftItems,rightItems:rightItems}=_ref2;return _react.default.createElement("g",null,renderStacksForSide({items:leftItems,rows:rows,valuesByCategory:valuesByCategory,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxis:crossAxisLeft,color:color}),renderStacksForSide({items:rightItems,rows:rows,valuesByCategory:valuesByCategory,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxis:crossAxisRight,color:color}))}))};Lines.propTypes={tab:_propTypes.object,dataset:_propTypes.object,mainAxis:_propTypes.func,crossAxisLeft:_propTypes.func,crossAxisRight:_propTypes.func,mainAxisDomain:_propTypes.array,color:_propTypes.func};var _default=exports.default=Lines;

package/dist/components/UTGraph/components/Lines/utils.js

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderStacksForSideNumerical = exports.renderStacksForSideCategorical = void 0;
-var _react = _interopRequireDefault(require("react"));
-var d3 = _interopRequireWildcard(require("d3"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const renderStacksForSideCategorical = _ref => {
-  let {
-    items,
-    valuesByCategory,
-    mainAxis,
-    mainAxisDomain,
-    crossAxis,
-    color
-  } = _ref;
-  const codes = items.map(_ref2 => {
-    let {
-      rangeCode
-    } = _ref2;
-    return rangeCode;
-  });
-  const rows = mainAxisDomain.map(category => {
-    const valuesByCode = valuesByCategory.get(category);
-    const row = {};
-    codes.forEach(code => row[code] = valuesByCode[code]);
-    return row;
-  });
-  const stacks = d3.stack().keys(codes).offset(d3.stackOffsetDiverging)(rows);
-  return stacks.map(series => {
-    const code = series.key;
-    const points = series.map((_ref3, i) => {
-      var _mainAxis$bandwidth, _mainAxis$bandwidth2;
-      let [y0, y1] = _ref3;
-      return {
-        y: Math.max(y0, y1),
-        x: mainAxis(mainAxisDomain[i]) + ((_mainAxis$bandwidth = (_mainAxis$bandwidth2 = mainAxis.bandwidth) === null || _mainAxis$bandwidth2 === void 0 ? void 0 : _mainAxis$bandwidth2.call(mainAxis)) !== null && _mainAxis$bandwidth !== void 0 ? _mainAxis$bandwidth : 0) / 2
-      };
-    });
-    const path = d3.line().defined(d => Number.isFinite(d.y)).x(d => d.x).y(d => crossAxis(d.y))(points);
-    if (!path) return null;
-    return /*#__PURE__*/_react.default.createElement("path", {
-      key: code,
-      d: path,
-      fill: "none",
-      stroke: color(code),
-      strokeWidth: 2,
-      strokeLinejoin: "round",
-      strokeLinecap: "round"
-    });
-  });
-};
-exports.renderStacksForSideCategorical = renderStacksForSideCategorical;
-const renderStacksForSideNumerical = _ref4 => {
-  let {
-    items,
-    rows,
-    mainAxis,
-    crossAxis,
-    color
-  } = _ref4;
-  return items.map(_ref5 => {
-    let {
-      rangeCode,
-      domainCode
-    } = _ref5;
-    if (!domainCode) return null;
-    const points = rows.map(r => {
-      const xVal = r[domainCode];
-      const yVal = r[rangeCode];
-      if (!Number.isFinite(xVal) || !Number.isFinite(yVal)) return null;
-      return {
-        x: mainAxis(xVal),
-        y: crossAxis(yVal)
-      };
-    }).filter(Boolean).sort((a, b) => a.x - b.x);
-    if (points.length < 2) return null;
-    const path = d3.line().defined(d => Number.isFinite(d.x) && Number.isFinite(d.y)).x(d => d.x).y(d => d.y)(points);
-    if (!path) return null;
-    return /*#__PURE__*/_react.default.createElement("path", {
-      key: "num-".concat(rangeCode, "-").concat(domainCode),
-      d: path,
-      fill: "none",
-      stroke: color(rangeCode),
-      strokeWidth: 2,
-      strokeLinejoin: "round",
-      strokeLinecap: "round"
-    });
-  });
-};
-exports.renderStacksForSideNumerical = renderStacksForSideNumerical;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderStacksForSideNumerical=exports.renderStacksForSideCategorical=void 0;var _react=_interopRequireDefault(require("react")),d3=_interopRequireWildcard(require("d3"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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 _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderStacksForSideCategorical=_ref=>{let{items:items,valuesByCategory:valuesByCategory,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxis:crossAxis,color:color}=_ref;const codes=items.map(_ref2=>{let{rangeCode:rangeCode}=_ref2;return rangeCode}),rows=mainAxisDomain.map(category=>{const valuesByCode=valuesByCategory.get(category),row={};return codes.forEach(code=>row[code]=valuesByCode[code]),row});return d3.stack().keys(codes).offset(d3.stackOffsetDiverging)(rows).map(series=>{const code=series.key,points=series.map((_ref3,i)=>{var _mainAxis$bandwidth,_mainAxis$bandwidth2;let[y0,y1]=_ref3;return{y:Math.max(y0,y1),x:mainAxis(mainAxisDomain[i])+(null!==(_mainAxis$bandwidth=null===(_mainAxis$bandwidth2=mainAxis.bandwidth)||void 0===_mainAxis$bandwidth2?void 0:_mainAxis$bandwidth2.call(mainAxis))&&void 0!==_mainAxis$bandwidth?_mainAxis$bandwidth:0)/2}}),path=d3.line().defined(d=>Number.isFinite(d.y)).x(d=>d.x).y(d=>crossAxis(d.y))(points);return path?_react.default.createElement("path",{key:code,d:path,fill:"none",stroke:color(code),strokeWidth:2,strokeLinejoin:"round",strokeLinecap:"round"}):null})};exports.renderStacksForSideCategorical=renderStacksForSideCategorical;const renderStacksForSideNumerical=_ref4=>{let{items:items,rows:rows,mainAxis:mainAxis,crossAxis:crossAxis,color:color}=_ref4;return items.map(_ref5=>{let{rangeCode:rangeCode,domainCode:domainCode}=_ref5;if(!domainCode)return null;const points=rows.map(r=>{const xVal=r[domainCode],yVal=r[rangeCode];return Number.isFinite(xVal)&&Number.isFinite(yVal)?{x:mainAxis(xVal),y:crossAxis(yVal)}:null}).filter(Boolean).sort((a,b)=>a.x-b.x);if(points.length<2)return null;const path=d3.line().defined(d=>Number.isFinite(d.x)&&Number.isFinite(d.y)).x(d=>d.x).y(d=>d.y)(points);return path?_react.default.createElement("path",{key:"num-".concat(rangeCode,"-").concat(domainCode),d:path,fill:"none",stroke:color(rangeCode),strokeWidth:2,strokeLinejoin:"round",strokeLinecap:"round"}):null})};exports.renderStacksForSideNumerical=renderStacksForSideNumerical;

package/dist/components/UTGraph/components/Points/constants.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MIN_RADIUS = exports.MAX_RADIUS = exports.DEFAULT_RADIUS = void 0;
-const DEFAULT_RADIUS = exports.DEFAULT_RADIUS = 5;
-const MIN_RADIUS = exports.MIN_RADIUS = 5;
-const MAX_RADIUS = exports.MAX_RADIUS = 20;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_RADIUS=exports.MAX_RADIUS=exports.DEFAULT_RADIUS=void 0;const DEFAULT_RADIUS=exports.DEFAULT_RADIUS=5,MIN_RADIUS=exports.MIN_RADIUS=5,MAX_RADIUS=exports.MAX_RADIUS=20;

package/dist/components/UTGraph/components/Points/index.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var d3 = _interopRequireWildcard(require("d3"));
-var _propTypes = require("prop-types");
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _utils2 = require("./utils");
-var _constants2 = require("./constants");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
-const Points = _ref => {
-  let {
-    tab,
-    dataset,
-    mainAxis,
-    mainAxisDomain,
-    crossAxisLeft,
-    crossAxisRight,
-    color
-  } = _ref;
-  const valuesByCategory = (0, _react.useMemo)(() => (0, _utils.getValuesMapByCategory)(dataset), [dataset]);
-  const rows = (0, _react.useMemo)(() => (0, _utils.getRowList)(dataset), [dataset]);
-  const splitPointClusters = (0, _react.useMemo)(() => (0, _utils.getClusters)(tab, _constants.POINT_TYPE), [tab]);
-  const sizeExtent = (0, _react.useMemo)(() => (0, _utils2.getSizeExtent)({
-    tab,
-    splitPointClusters,
-    valuesByCategory,
-    mainAxisDomain,
-    rows
-  }), [splitPointClusters, mainAxisDomain, valuesByCategory, rows]);
-  const sizeScale = (0, _react.useMemo)(() => {
-    if (!sizeExtent) return null;
-    return d3.scaleSqrt().domain(sizeExtent).range([_constants2.MIN_RADIUS, _constants2.MAX_RADIUS]).clamp(true);
-  }, [sizeExtent]);
-  const renderPointsForSide = (0, _react.useMemo)(() => tab.domain.binding === _constants.DOMAIN_CATEGORICAL ? _utils2.renderPointsForSideCategorical : _utils2.renderPointsForSideNumerical, [tab.domain.binding]);
-  return /*#__PURE__*/_react.default.createElement("g", null, splitPointClusters.map(_ref2 => {
-    let {
-      leftItems,
-      rightItems
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("g", null, renderPointsForSide({
-      items: leftItems,
-      valuesByCategory,
-      mainAxis,
-      mainAxisDomain,
-      crossAxis: crossAxisLeft,
-      color,
-      sizeScale,
-      rows
-    }), renderPointsForSide({
-      items: rightItems,
-      valuesByCategory,
-      mainAxis,
-      mainAxisDomain,
-      crossAxis: crossAxisRight,
-      color,
-      sizeScale,
-      rows
-    }));
-  }));
-};
-Points.propTypes = {
-  dataset: _propTypes.object,
-  tab: _propTypes.object,
-  mainAxis: _propTypes.func,
-  mainAxisDomain: _propTypes.array,
-  crossAxisLeft: _propTypes.func,
-  crossAxisRight: _propTypes.func,
-  color: _propTypes.func
-};
-var _default = exports.default = Points;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),d3=_interopRequireWildcard(require("d3")),_propTypes=require("prop-types"),_utils=require("../../utils"),_constants=require("../../constants"),_utils2=require("./utils"),_constants2=require("./constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(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(const 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)}const Points=_ref=>{let{tab:tab,dataset:dataset,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxisLeft:crossAxisLeft,crossAxisRight:crossAxisRight,color:color}=_ref;const valuesByCategory=(0,_react.useMemo)(()=>(0,_utils.getValuesMapByCategory)(dataset),[dataset]),rows=(0,_react.useMemo)(()=>(0,_utils.getRowList)(dataset),[dataset]),splitPointClusters=(0,_react.useMemo)(()=>(0,_utils.getClusters)(tab,_constants.POINT_TYPE),[tab]),sizeExtent=(0,_react.useMemo)(()=>(0,_utils2.getSizeExtent)({tab:tab,splitPointClusters:splitPointClusters,valuesByCategory:valuesByCategory,mainAxisDomain:mainAxisDomain,rows:rows}),[splitPointClusters,mainAxisDomain,valuesByCategory,rows]),sizeScale=(0,_react.useMemo)(()=>sizeExtent?d3.scaleSqrt().domain(sizeExtent).range([_constants2.MIN_RADIUS,_constants2.MAX_RADIUS]).clamp(!0):null,[sizeExtent]),renderPointsForSide=(0,_react.useMemo)(()=>tab.domain.binding===_constants.DOMAIN_CATEGORICAL?_utils2.renderPointsForSideCategorical:_utils2.renderPointsForSideNumerical,[tab.domain.binding]);return _react.default.createElement("g",null,splitPointClusters.map(_ref2=>{let{leftItems:leftItems,rightItems:rightItems}=_ref2;return _react.default.createElement("g",null,renderPointsForSide({items:leftItems,valuesByCategory:valuesByCategory,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxis:crossAxisLeft,color:color,sizeScale:sizeScale,rows:rows}),renderPointsForSide({items:rightItems,valuesByCategory:valuesByCategory,mainAxis:mainAxis,mainAxisDomain:mainAxisDomain,crossAxis:crossAxisRight,color:color,sizeScale:sizeScale,rows:rows}))}))};Points.propTypes={dataset:_propTypes.object,tab:_propTypes.object,mainAxis:_propTypes.func,mainAxisDomain:_propTypes.array,crossAxisLeft:_propTypes.func,crossAxisRight:_propTypes.func,color:_propTypes.func};var _default=exports.default=Points;