@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTGoogleAutocomplete/index.js

@@ -1,140 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _WithGoogleMaps = _interopRequireDefault(require("../WithGoogleMaps"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
-var _UTTextInput = _interopRequireDefault(require("../UTTextInput"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _AlertHandler = _interopRequireDefault(require("../UTAlert/AlertHandler"));
-var _UTAlert = _interopRequireDefault(require("../UTAlert"));
-var _googleMapsTypes = require("../../types/googleMapsTypes");
-var _theme = require("./theme");
-var _google_on_white = _interopRequireDefault(require("./assets/google_on_white.png"));
-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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const UTGoogleAutocomplete = _ref => {
-  let {
-    alert,
-    classes,
-    dataTestId,
-    detailErrorLabel = 'Hubo un error al intentar recuperar el detalle de la dirección seleccionada',
-    helperTextDataTestId,
-    inputProps,
-    minChar = 3,
-    noResultsLabel = 'No se encuentran resultados. Ingresa una dirección valida.',
-    onChange,
-    predictionsErrorLabel = 'Hubo un error al intentar recuperar la dirección ingresada',
-    retrieveError = () => {},
-    searchRestrictions = {},
-    setSelectedPlace = () => {},
-    value
-  } = _ref;
-  const [autoCompletePredictions, setAutoCompletePredictions] = (0, _react.useState)([]);
-  const [predictionsNotFound, setPredictionsNotFound] = (0, _react.useState)(false);
-  const [showPredictions, setShowPredicitions] = (0, _react.useState)(false);
-  const placeDetailRef = (0, _react.useRef)();
-  const {
-    google
-  } = window;
-  const googleAutocompleteService = new google.maps.places.AutocompleteService();
-  const GOOGLE_OK_STATUS = google.maps.places.PlacesServiceStatus.OK;
-  const GOOGLE_ZERO_STATUS = google.maps.places.PlacesServiceStatus.ZERO_RESULTS;
-  const sessionToken = (0, _react.useMemo)(() => new google.maps.places.AutocompleteSessionToken(), [google.maps.places.AutocompleteSessionToken]);
-  const handlePredictions = (predictions, status) => {
-    if (status === GOOGLE_OK_STATUS) {
-      setShowPredicitions(true);
-      setPredictionsNotFound(false);
-      const autocompleteSuggestions = predictions.map(prediction => ({
-        id: prediction.place_id,
-        name: prediction.description
-      }));
-      return setAutoCompletePredictions(autocompleteSuggestions);
-    }
-    if (status === GOOGLE_ZERO_STATUS) {
-      setPredictionsNotFound(true);
-      setAutoCompletePredictions([]);
-    } else {
-      _AlertHandler.default.error(predictionsErrorLabel);
-      retrieveError(status);
-    }
-  };
-  const handleInputChange = inputValue => {
-    onChange(inputValue);
-    if (inputValue.length >= minChar) {
-      googleAutocompleteService.getPlacePredictions({
-        input: inputValue,
-        sessionToken,
-        ...searchRestrictions
-      }, handlePredictions);
-    } else {
-      setAutoCompletePredictions([]);
-      setSelectedPlace(null);
-    }
-  };
-  const handleGetDetails = (place, status) => {
-    if (status === GOOGLE_OK_STATUS) {
-      setShowPredicitions(false);
-      setSelectedPlace(place);
-    } else {
-      _AlertHandler.default.error(detailErrorLabel);
-      retrieveError(status);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.inputContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTAlert.default, {
-    content: alert
-  }), /*#__PURE__*/_react.default.createElement(_UTTextInput.default, _extends({
-    dataTestId: dataTestId,
-    helperTextDataTestId: helperTextDataTestId,
-    input: {
-      value,
-      onChange: handleInputChange
-    },
-    inputClassName: classes.inputClassName
-  }, inputProps)), showPredictions && !(0, _isEmpty.default)(autoCompletePredictions) && autoCompletePredictions.map(_ref2 => {
-    let {
-      id,
-      name
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: placeDetailRef,
-      key: id
-    }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-      onClick: () => {
-        onChange(name);
-        const googleGetPlaceService = new google.maps.places.PlacesService(placeDetailRef.current);
-        googleGetPlaceService.getDetails({
-          placeId: id
-        }, handleGetDetails);
-      },
-      className: classes.resultsContainer
-    }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-      size: 20,
-      name: "IconMapPin",
-      className: classes.resultIcon
-    }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, null, name)));
-  }), value.length >= minChar && predictionsNotFound && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.noResultsContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    size: 32,
-    name: "IconSearchOff",
-    className: classes.noResultsIcon
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray"
-  }, noResultsLabel)), /*#__PURE__*/_react.default.createElement("img", {
-    className: classes.googlelogo,
-    src: _google_on_white.default,
-    alt: "googleLogo"
-  }));
-};
-UTGoogleAutocomplete.propTypes = _googleMapsTypes.UTGoogleAutocompletePropTypes;
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)((0, _WithGoogleMaps.default)()(UTGoogleAutocomplete));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_WithGoogleMaps=_interopRequireDefault(require("../WithGoogleMaps")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_UTTextInput=_interopRequireDefault(require("../UTTextInput")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_AlertHandler=_interopRequireDefault(require("../UTAlert/AlertHandler")),_UTAlert=_interopRequireDefault(require("../UTAlert")),_googleMapsTypes=require("../../types/googleMapsTypes"),_theme=require("./theme"),_google_on_white=_interopRequireDefault(require("./assets/google_on_white.png"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?a:r){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?l(o,t,n):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTGoogleAutocomplete=e=>{let{alert:t,classes:r,dataTestId:a,detailErrorLabel:l="Hubo un error al intentar recuperar el detalle de la dirección seleccionada",helperTextDataTestId:n,inputProps:o,minChar:u=3,noResultsLabel:i="No se encuentran resultados. Ingresa una dirección valida.",onChange:s,predictionsErrorLabel:c="Hubo un error al intentar recuperar la dirección ingresada",retrieveError:p=()=>{},searchRestrictions:d={},setSelectedPlace:_=()=>{},value:f}=e;const[m,T]=(0,_react.useState)([]),[g,h]=(0,_react.useState)(!1),[q,U]=(0,_react.useState)(!1),b=(0,_react.useRef)(),{google:v}=window,y=new v.maps.places.AutocompleteService,R=v.maps.places.PlacesServiceStatus.OK,E=v.maps.places.PlacesServiceStatus.ZERO_RESULTS,I=(0,_react.useMemo)(()=>new v.maps.places.AutocompleteSessionToken,[v.maps.places.AutocompleteSessionToken]),S=(e,t)=>{if(t===R){U(!0),h(!1);const t=e.map(e=>({id:e.place_id,name:e.description}));return T(t)}t===E?(h(!0),T([])):(_AlertHandler.default.error(c),p(t))},A=(e,t)=>{t===R?(U(!1),_(e)):(_AlertHandler.default.error(l),p(t))};return _react.default.createElement("div",{className:r.inputContainer},_react.default.createElement(_UTAlert.default,{content:t}),_react.default.createElement(_UTTextInput.default,_extends({dataTestId:a,helperTextDataTestId:n,input:{value:f,onChange:e=>{s(e),e.length>=u?y.getPlacePredictions({input:e,sessionToken:I,...d},S):(T([]),_(null))}},inputClassName:r.inputClassName},o)),q&&!(0,_isEmpty.default)(m)&&m.map(e=>{let{id:t,name:a}=e;return _react.default.createElement("div",{ref:b,key:t},_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:()=>{s(a);new v.maps.places.PlacesService(b.current).getDetails({placeId:t},A)},className:r.resultsContainer},_react.default.createElement(_UTIcon.default,{size:20,name:"IconMapPin",className:r.resultIcon}),_react.default.createElement(_UTLabel.default,null,a)))}),f.length>=u&&g&&_react.default.createElement("div",{className:r.noResultsContainer},_react.default.createElement(_UTIcon.default,{size:32,name:"IconSearchOff",className:r.noResultsIcon}),_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},i)),_react.default.createElement("img",{className:r.googlelogo,src:_google_on_white.default,alt:"googleLogo"}))};UTGoogleAutocomplete.propTypes=_googleMapsTypes.UTGoogleAutocompletePropTypes;var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)((0,_WithGoogleMaps.default)()(UTGoogleAutocomplete));

package/dist/components/UTGoogleAutocomplete/theme.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-const retrieveStyle = _ref => {
-  var _theme$Palette$action;
-  let {
-    theme
-  } = _ref;
-  return {
-    googlelogo: {
-      width: '45px'
-    },
-    inputContainer: {
-      borderRadius: '8px',
-      display: 'flex',
-      flexDirection: 'column',
-      gridGap: '8px',
-      maxWidth: '480px',
-      padding: '16px',
-      width: '480px'
-    },
-    inputClassName: {
-      width: '480px'
-    },
-    noResultsContainer: {
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: 'column',
-      gridGap: '24px',
-      padding: '16px'
-    },
-    noResultsIcon: {
-      backgroundColor: theme.Palette.light['03'],
-      borderRadius: '25px',
-      color: theme.Palette.light['05'],
-      padding: '9px'
-    },
-    resultsContainer: {
-      display: 'flex',
-      gridGap: '16px',
-      padding: '12px 0'
-    },
-    resultIcon: {
-      color: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.neutral['05']) || theme.Palette.neutral['05'],
-      minWidth: '20px'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{var t;let{theme:i}=e;return{googlelogo:{width:"45px"},inputContainer:{borderRadius:"8px",display:"flex",flexDirection:"column",gridGap:"8px",maxWidth:"480px",padding:"16px",width:"480px"},inputClassName:{width:"480px"},noResultsContainer:{alignItems:"center",display:"flex",flexDirection:"column",gridGap:"24px",padding:"16px"},noResultsIcon:{backgroundColor:i.Palette.light["03"],borderRadius:"25px",color:i.Palette.light["05"],padding:"9px"},resultsContainer:{display:"flex",gridGap:"16px",padding:"12px 0"},resultIcon:{color:(null===(t=i.Palette.actions)||void 0===t?void 0:t.neutral["05"])||i.Palette.neutral["05"],minWidth:"20px"}}};exports.retrieveStyle=retrieveStyle;

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,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,n,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?s:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?i(a,t,n):a[t]=e[t]);return a})(e,t)}const Bars=e=>{let{crossAxisLeft:t,crossAxisRight:r,dataset:s,mainAxis:i,mainAxisDomain:n,tab:a,color:o}=e;const c=(0,_react.useMemo)(()=>(0,_utils.getValuesMapByCategory)(s),[s]),u=(0,_react.useMemo)(()=>(0,_utils.getRowList)(s),[s]),l=(0,_react.useMemo)(()=>(0,_utils.getClusters)(a,_constants.BAR_TYPE)),d=(0,_react.useMemo)(()=>{if(a.domain.binding===_constants.DOMAIN_CATEGORICAL)return null;const e=[];if(l.forEach(t=>{let{leftItems:r,rightItems:s}=t;[...r,...s].forEach(t=>{t.sizeCode&&u.forEach(r=>{const s=r[t.sizeCode];Number.isFinite(s)&&e.push(s)})})}),0===e.length)return null;const[t,r]=d3.extent(e);return Number.isFinite(t)&&Number.isFinite(r)?d3.scaleLinear().domain([t,r]).range([_constants.MIN_BAR_WIDTH,_constants.MAX_BAR_WIDTH]).clamp(!0):null},[a.domain.binding,l,u]),p=(0,_react.useMemo)(()=>{const e=a.subitems.length;return a.domain.binding===_constants.DOMAIN_CATEGORICAL?d3.scaleBand().domain(d3.range(e)).range([0,i.bandwidth()]).padding(.15):null},[a,i]);return _react.default.createElement("g",null,a.domain.binding===_constants.DOMAIN_CATEGORICAL?n.map(e=>{const s=i(e),n=c.get(e);return l.map((i,a)=>{let{leftItems:c,rightItems:u}=i;const l=s+p(a),d=p.bandwidth();return _react.default.createElement("g",{key:"".concat(e,"-cluster")},(0,_utils2.renderStacksForSideCategorical)({items:c,valuesByCode:n,x:l,w:d,crossAxis:t,category:e,color:o}),(0,_utils2.renderStacksForSideCategorical)({items:u,valuesByCode:n,x:l,w:d,crossAxis:r,category:e,color:o}))})}):l.map(e=>{let{leftItems:s,rightItems:n}=e;return _react.default.createElement("g",{key:"num-cluster"},(0,_utils2.renderStacksForSideNumerical)({items:s,rows:u,mainAxis:i,crossAxis:t,color:o,widthScale:d}),(0,_utils2.renderStacksForSideNumerical)({items:n,rows:u,mainAxis:i,crossAxis:r,color:o,widthScale:d}))}))};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,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=r?n:t){if(i.has(e))return i.get(e);i.set(e,o)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(o,r,a):o[r]=e[r]);return o})(e,r)}const renderStacksForSideCategorical=e=>{let{items:r,valuesByCode:t,x:n,w:i,crossAxis:a,category:o,color:c}=e;const s=r.map(e=>{let{rangeCode:r}=e;return r});return d3.stack().keys(s).offset(d3.stackOffsetDiverging)([t]).map(e=>{const r=e.key,[t,s]=e[0],u=Math.min(a(t),a(s)),l=Math.max(a(t),a(s))-u;return _react.default.createElement("rect",{key:"".concat(o,"-").concat(r),x:n,y:u,width:i,height:l,fill:c(r)})})};exports.renderStacksForSideCategorical=renderStacksForSideCategorical;const renderStacksForSideNumerical=e=>{let{items:r,rows:t,mainAxis:n,crossAxis:i,color:a,widthScale:o}=e;const c=i(0);return r.map(e=>{let{rangeCode:r,domainCode:s,sizeCode:u}=e;return s?_react.default.createElement("g",{key:"num-bars-".concat(r)},t.map(e=>{const t=e[s],l=e[r];if(!Number.isFinite(t)||!Number.isFinite(l))return null;const d=n(t);if(!Number.isFinite(d))return null;const f=Math.min(i(l),c),p=Math.max(i(l),c)-f;if(p<=0)return null;const m=o&&u&&Number.isFinite(e[u])?o(e[u]):_constants.DEFAULT_BAR_WIDTH;return _react.default.createElement("rect",{key:"num-bar-".concat(r),x:d-m/2,y:f,width:m,height:p,fill:a(r)})})):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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,i,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?s(c,t,i):c[t]=e[t]);return c})(e,t)}const CartesianPlane=e=>{var t;let{mainAxisDomain:r,crossAxisLeftDomain:a,crossAxisRightDomain:s,width:i,height:c,margin:n,crossAxisLeftTicks:o,crossAxisLeftTickFormat:l,crossAxisRightTicks:p,crossAxisRightTickFormat:u,mainAxisTicks:d,mainAxisTickFormat:f,hasLeft:m,hasRight:_,tab:g,children:y}=e;const x=i-n.left-n.right,k=c-n.top-n.bottom,h=(0,_react.useMemo)(()=>{var e;return(null===(e=g.domain)||void 0===e?void 0:e.binding)===_constants.DOMAIN_NUMERICAL?d3.scaleLinear().domain(r).range([0,x]).nice():d3.scaleBand().domain(r).range([0,x]).padding(.1)},[r,x,null===(t=g.domain)||void 0===t?void 0:t.binding]),T=(0,_react.useMemo)(()=>d3.scaleLinear().domain(a).range([k,0]).nice(),[a,k]),A=(0,_react.useMemo)(()=>d3.scaleLinear().domain(s).range([k,0]).nice(),[s,k]),R=(0,_react.useRef)(null),b=(0,_react.useRef)(null),v=(0,_react.useRef)(null),L=(0,_react.useRef)(null);return(0,_react.useEffect)(()=>{const e=d3.axisBottom(h).ticks(d,f).tickSizeOuter(0);d3.select(R.current).call(e)},[h,d,f]),(0,_react.useEffect)(()=>{if(!m)return;const e=d3.axisLeft(T).ticks(o,l).tickSize(0).tickSizeOuter(0);d3.select(b.current).call(e),d3.select(b.current).selectAll(".tick text").attr("text-anchor","end")},[T,o,l]),(0,_react.useEffect)(()=>{if(!_)return;const e=d3.axisRight(A).ticks(p,u).tickSize(0).tickSizeOuter(0);d3.select(v.current).call(e),d3.select(v.current).selectAll(".tick text").attr("text-anchor","start")},[A,p,u]),(0,_react.useEffect)(()=>{const e=m?T:_?A:null,t=m?o:p,r=d3.select(L.current);if(r.selectAll("*").remove(),!e)return;const a=d3.axisLeft(e).ticks(t).tickFormat("").tickSize(-x).tickSizeOuter(0);r.call(a),r.selectAll(".tick line").attr("stroke","#000").attr("stroke-opacity",.5).attr("stroke-dasharray","5 5"),r.select(".domain").remove()},[T,A,x,o,p]),_react.default.createElement("svg",{width:i,height:c},_react.default.createElement("g",{transform:"translate(".concat(n.left,",").concat(n.top,")")},_react.default.createElement("g",{ref:L,className:"y-grid"}),m&&_react.default.createElement("g",{ref:b,className:"y-axis-left"}),_&&_react.default.createElement("g",{ref:v,className:"y-axis-right",transform:"translate(".concat(x,", 0)")}),_react.default.createElement("g",{ref:R,className:"x-axis",transform:"translate(0, ".concat(k,")")}),y({mainAxis:h,crossAxisLeft:T,crossAxisRight:A})))};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,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?s:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(a,t,o):a[t]=e[t]);return a})(e,t)}const Lines=e=>{let{tab:t,dataset:r,mainAxis:s,crossAxisLeft:i,crossAxisRight:o,mainAxisDomain:a,color:n}=e;const u=(0,_react.useMemo)(()=>(0,_utils.getValuesMapByCategory)(r),[r]),c=(0,_react.useMemo)(()=>(0,_utils.getRowList)(r),[r]),p=(0,_react.useMemo)(()=>(0,_utils.getClusters)(t,_constants.LINE_TYPE),[t]),l=(0,_react.useMemo)(()=>t.domain.binding===_constants.DOMAIN_CATEGORICAL?_utils2.renderStacksForSideCategorical:_utils2.renderStacksForSideNumerical,[t.domain.binding]);return _react.default.createElement("g",null,p.map(e=>{let{leftItems:t,rightItems:r}=e;return _react.default.createElement("g",null,l({items:t,rows:c,valuesByCategory:u,mainAxis:s,mainAxisDomain:a,crossAxis:i,color:n}),l({items:r,rows:c,valuesByCategory:u,mainAxis:s,mainAxisDomain:a,crossAxis:o,color:n}))}))};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;