@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTFieldLabel/index.js

@@ -1,70 +1 @@
-import React from 'react';
-import isEmpty from 'lodash/isEmpty';
-import isArray from 'lodash/isArray';
-import { arrayOf, bool, object, string } from 'prop-types';
-import UTLabel from '../UTLabel';
-import UTButton from '../UTButton';
-import UTTooltip from '../UTTooltip';
-import { TITLE_VARIANTS } from '../../constants/inputs';
-import UTIcon from '../UTIcon';
-import { REQUIRED_LABEL } from './constants';
-import styles from './styles.module.scss';
-const UTFieldLabel = _ref => {
-  let {
-    actions,
-    children,
-    className,
-    dataTestId,
-    highlighted,
-    icon,
-    readOnly,
-    required,
-    size = 'large',
-    weight
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(!isEmpty(actions) ? styles.labelWithActions : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.label, " ").concat(className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.labelContent
-  }, icon && /*#__PURE__*/React.createElement(UTIcon, {
-    name: icon
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: readOnly ? 'gray' : highlighted ? 'accent' : 'dark',
-    dataTestId: dataTestId,
-    variant: TITLE_VARIANTS[size],
-    withMarkdown: true
-  }, children)), required && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "error",
-    shade: "04",
-    variant: TITLE_VARIANTS[size],
-    weight: weight
-  }, REQUIRED_LABEL)), !isEmpty(actions) && isArray(actions) && /*#__PURE__*/React.createElement("div", {
-    className: styles.actionsContainer
-  }, actions.map(action => {
-    var _action$title, _action$tooltipProps;
-    return /*#__PURE__*/React.createElement(UTTooltip, {
-      arrow: false,
-      key: "".concat((_action$title = action.title) !== null && _action$title !== void 0 ? _action$title : action.Icon),
-      tippyProps: {
-        appendTo: () => document.body,
-        interactive: false
-      },
-      content: action.tooltip,
-      stringContentProps: action === null || action === void 0 || (_action$tooltipProps = action.tooltipProps) === null || _action$tooltipProps === void 0 ? void 0 : _action$tooltipProps.stringContentProps
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, action, action.title)));
-  })));
-};
-UTFieldLabel.propTypes = {
-  actions: arrayOf(object),
-  className: string,
-  dataTestId: string,
-  highlighted: bool,
-  icon: string,
-  readOnly: bool,
-  required: bool,
-  size: string,
-  weight: string
-};
-export default UTFieldLabel;
+import React from"react";import isEmpty from"lodash/isEmpty";import isArray from"lodash/isArray";import{arrayOf,bool,object,string}from"prop-types";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import UTTooltip from"../UTTooltip";import{TITLE_VARIANTS}from"../../constants/inputs";import UTIcon from"../UTIcon";import{REQUIRED_LABEL}from"./constants";import styles from"./styles.module.scss";const UTFieldLabel=t=>{let{actions:e,children:o,className:a,dataTestId:r,highlighted:i,icon:l,readOnly:n,required:s,size:c="large",weight:m}=t;return React.createElement("div",{className:"".concat(isEmpty(e)?"":styles.labelWithActions)},React.createElement("div",{className:"".concat(styles.label," ").concat(a)},React.createElement("div",{className:styles.labelContent},l&&React.createElement(UTIcon,{name:l}),React.createElement(UTLabel,{colorTheme:n?"gray":i?"accent":"dark",dataTestId:r,variant:TITLE_VARIANTS[c],withMarkdown:!0},o)),s&&React.createElement(UTLabel,{colorTheme:"error",shade:"04",variant:TITLE_VARIANTS[c],weight:m},REQUIRED_LABEL)),!isEmpty(e)&&isArray(e)&&React.createElement("div",{className:styles.actionsContainer},e.map(t=>{var e,o;return React.createElement(UTTooltip,{arrow:!1,key:"".concat(null!==(e=t.title)&&void 0!==e?e:t.Icon),tippyProps:{appendTo:()=>document.body,interactive:!1},content:t.tooltip,stringContentProps:null==t||null===(o=t.tooltipProps)||void 0===o?void 0:o.stringContentProps},React.createElement("div",null,React.createElement(UTButton,t,t.title)))})))};UTFieldLabel.propTypes={actions:arrayOf(object),className:string,dataTestId:string,highlighted:bool,icon:string,readOnly:bool,required:bool,size:string,weight:string};export default UTFieldLabel;

package/dist/esm/components/UTFileInput/constants.js

@@ -1,2 +1 @@
-export const SELECT_FILE = 'Seleccionar archivo';
-export const UPLOADING = 'Subiendo...';
+export const SELECT_FILE="Seleccionar archivo";export const UPLOADING="Subiendo...";

package/dist/esm/components/UTFileInput/index.js

@@ -1,8 +1 @@
-import React, { PureComponent } from 'react';
-import UTFileInput from './layout';
-class UTFileInputContainer extends PureComponent {
-  render() {
-    return /*#__PURE__*/React.createElement(UTFileInput, this.props);
-  }
-}
-export default UTFileInputContainer;
+import React,{PureComponent}from"react";import UTFileInput from"./layout";class UTFileInputContainer extends PureComponent{render(){return React.createElement(UTFileInput,this.props)}}export default UTFileInputContainer;

package/dist/esm/components/UTFileInput/layout.js

@@ -1,116 +1 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { PureComponent, Fragment } from 'react';
-import { string, func, bool, objectOf } from 'prop-types';
-import UTLabel from '../UTLabel';
-import styles from './styles.module.scss';
-var uploadIcon = function uploadIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("g", {
-    fill: "#4d97fa"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"
-  })));
-};
-uploadIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 414.165 414.165",
-  style: {
-    enableBackground: "new 0 0 414.165 414.165"
-  },
-  xmlSpace: "preserve",
-  width: "512",
-  height: "512"
-};
-import { UPLOADING, SELECT_FILE } from './constants';
-class UTFileInput extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleDragLeave", () => this.setState({
-      hasDrag: false
-    }));
-    _defineProperty(this, "handleDragOver", target => target && this.setState({
-      hasDrag: true
-    }));
-    _defineProperty(this, "handleOnDrop", () => this.setState({
-      hasDrag: false
-    }));
-    this.state = {
-      hasDrag: false
-    };
-  }
-  render() {
-    const {
-      classes,
-      containerClassname,
-      dataTestId,
-      disabled,
-      error,
-      errorClassname,
-      errorText,
-      fileType,
-      icon: Icon,
-      inputClassname,
-      label,
-      loading,
-      loadingTextClassname,
-      name,
-      onChange,
-      uploadingText
-    } = this.props;
-    const UploadImage = uploadIcon;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "\n            ".concat(styles.inputContainer, "\n            ").concat(this.state.hasDrag && styles.inputContainerDrag, "\n            ").concat(loading && styles.inputContainerLoading, "\n            ").concat(classes.container, "\n            ").concat(containerClassname, "\n          "),
-      onDragLeave: this.handleDragLeave,
-      onDragOver: this.handleDragOver,
-      onDrop: this.handleOnDrop
-    }, loading ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "gray",
-      className: "".concat(styles.loadingLabel, " ").concat(loadingTextClassname)
-    }, uploadingText), /*#__PURE__*/React.createElement("div", {
-      className: styles.loading
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.insideContainer, " ").concat(disabled ? styles.disabled : '')
-    }, Icon || /*#__PURE__*/React.createElement(UploadImage, {
-      className: "".concat(styles.icon, " ").concat(classes.icon)
-    }), /*#__PURE__*/React.createElement(UTLabel, {
-      variant: "small",
-      className: "".concat(styles.label, " ").concat(classes.fileInputLabel)
-    }, label)), /*#__PURE__*/React.createElement("input", {
-      accept: fileType,
-      className: "".concat(styles.input, " ").concat(inputClassname),
-      "data-testid": dataTestId,
-      disabled: disabled,
-      name: name,
-      onChange: onChange,
-      type: "file"
-    })), error && /*#__PURE__*/React.createElement(UTLabel, {
-      className: errorClassname,
-      colorTheme: "error",
-      variant: "small"
-    }, errorText));
-  }
-}
-UTFileInput.defaultProps = {
-  label: SELECT_FILE,
-  uploadingText: UPLOADING
-};
-UTFileInput.propTypes = {
-  classes: objectOf(string),
-  containerClassname: string,
-  dataTestId: string,
-  disabled: bool,
-  error: bool,
-  errorClassname: string,
-  errorText: string,
-  fileType: string,
-  icon: string,
-  inputClassname: string,
-  label: string,
-  loading: bool,
-  loadingTextClassname: string,
-  name: string,
-  onChange: func.isRequired,
-  uploadingText: string
-};
-export default UTFileInput;
+function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent,Fragment}from"react";import{string,func,bool,objectOf}from"prop-types";import UTLabel from"../UTLabel";import styles from"./styles.module.scss";var uploadIcon=function(e){return React.createElement("svg",e,React.createElement("g",{fill:"#4d97fa"},React.createElement("path",{d:"M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"})))};uploadIcon.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 414.165 414.165",style:{enableBackground:"new 0 0 414.165 414.165"},xmlSpace:"preserve",width:"512",height:"512"};import{UPLOADING,SELECT_FILE}from"./constants";class UTFileInput extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleDragLeave",()=>this.setState({hasDrag:!1})),_defineProperty(this,"handleDragOver",e=>e&&this.setState({hasDrag:!0})),_defineProperty(this,"handleOnDrop",()=>this.setState({hasDrag:!1})),this.state={hasDrag:!1}}render(){const{classes:e,containerClassname:t,dataTestId:a,disabled:n,error:r,errorClassname:s,errorText:o,fileType:l,icon:i,inputClassname:c,label:m,loading:p,loadingTextClassname:d,name:g,onChange:u,uploadingText:h}=this.props,f=uploadIcon;return React.createElement(Fragment,null,React.createElement("div",{className:"\n            ".concat(styles.inputContainer,"\n            ").concat(this.state.hasDrag&&styles.inputContainerDrag,"\n            ").concat(p&&styles.inputContainerLoading,"\n            ").concat(e.container,"\n            ").concat(t,"\n          "),onDragLeave:this.handleDragLeave,onDragOver:this.handleDragOver,onDrop:this.handleOnDrop},p?React.createElement(Fragment,null,React.createElement(UTLabel,{colorTheme:"gray",className:"".concat(styles.loadingLabel," ").concat(d)},h),React.createElement("div",{className:styles.loading})):React.createElement("div",{className:"".concat(styles.insideContainer," ").concat(n?styles.disabled:"")},i||React.createElement(f,{className:"".concat(styles.icon," ").concat(e.icon)}),React.createElement(UTLabel,{variant:"small",className:"".concat(styles.label," ").concat(e.fileInputLabel)},m)),React.createElement("input",{accept:l,className:"".concat(styles.input," ").concat(c),"data-testid":a,disabled:n,name:g,onChange:u,type:"file"})),r&&React.createElement(UTLabel,{className:s,colorTheme:"error",variant:"small"},o))}}UTFileInput.defaultProps={label:SELECT_FILE,uploadingText:UPLOADING},UTFileInput.propTypes={classes:objectOf(string),containerClassname:string,dataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,fileType:string,icon:string,inputClassname:string,label:string,loading:bool,loadingTextClassname:string,name:string,onChange:func.isRequired,uploadingText:string};export default UTFileInput;

package/dist/esm/components/UTGoogleAutocomplete/index.js

@@ -1,132 +1 @@
-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); }
-import React, { useMemo, useRef, useState } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import WithGoogleMapScript from '../WithGoogleMaps';
-import WithTheme from '../WithTheme';
-import UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import UTTextInput from '../UTTextInput';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import AlertHandler from '../UTAlert/AlertHandler';
-import UTAlert from '../UTAlert';
-import { UTGoogleAutocompletePropTypes } from '../../types/googleMapsTypes';
-import { retrieveStyle } from './theme';
-import googleLogo from './assets/google_on_white.png';
-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] = useState([]);
-  const [predictionsNotFound, setPredictionsNotFound] = useState(false);
-  const [showPredictions, setShowPredicitions] = useState(false);
-  const placeDetailRef = 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 = 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.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.error(detailErrorLabel);
-      retrieveError(status);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.inputContainer
-  }, /*#__PURE__*/React.createElement(UTAlert, {
-    content: alert
-  }), /*#__PURE__*/React.createElement(UTTextInput, _extends({
-    dataTestId: dataTestId,
-    helperTextDataTestId: helperTextDataTestId,
-    input: {
-      value,
-      onChange: handleInputChange
-    },
-    inputClassName: classes.inputClassName
-  }, inputProps)), showPredictions && !isEmpty(autoCompletePredictions) && autoCompletePredictions.map(_ref2 => {
-    let {
-      id,
-      name
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("div", {
-      ref: placeDetailRef,
-      key: id
-    }, /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-      onClick: () => {
-        onChange(name);
-        const googleGetPlaceService = new google.maps.places.PlacesService(placeDetailRef.current);
-        googleGetPlaceService.getDetails({
-          placeId: id
-        }, handleGetDetails);
-      },
-      className: classes.resultsContainer
-    }, /*#__PURE__*/React.createElement(UTIcon, {
-      size: 20,
-      name: "IconMapPin",
-      className: classes.resultIcon
-    }), /*#__PURE__*/React.createElement(UTLabel, null, name)));
-  }), value.length >= minChar && predictionsNotFound && /*#__PURE__*/React.createElement("div", {
-    className: classes.noResultsContainer
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    size: 32,
-    name: "IconSearchOff",
-    className: classes.noResultsIcon
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, noResultsLabel)), /*#__PURE__*/React.createElement("img", {
-    className: classes.googlelogo,
-    src: googleLogo,
-    alt: "googleLogo"
-  }));
-};
-UTGoogleAutocomplete.propTypes = UTGoogleAutocompletePropTypes;
-export default WithTheme(retrieveStyle)(WithGoogleMapScript()(UTGoogleAutocomplete));
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React,{useMemo,useRef,useState}from"react";import isEmpty from"lodash/isEmpty";import WithGoogleMapScript from"../WithGoogleMaps";import WithTheme from"../WithTheme";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import UTTextInput from"../UTTextInput";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import AlertHandler from"../UTAlert/AlertHandler";import UTAlert from"../UTAlert";import{UTGoogleAutocompletePropTypes}from"../../types/googleMapsTypes";import{retrieveStyle}from"./theme";import googleLogo from"./assets/google_on_white.png";const UTGoogleAutocomplete=e=>{let{alert:t,classes:a,dataTestId:o,detailErrorLabel:r="Hubo un error al intentar recuperar el detalle de la dirección seleccionada",helperTextDataTestId:l,inputProps:n,minChar:s=3,noResultsLabel:c="No se encuentran resultados. Ingresa una dirección valida.",onChange:i,predictionsErrorLabel:m="Hubo un error al intentar recuperar la dirección ingresada",retrieveError:p=()=>{},searchRestrictions:u={},setSelectedPlace:T=()=>{},value:d}=e;const[g,h]=useState([]),[f,U]=useState(!1),[R,S]=useState(!1),E=useRef(),{google:b}=window,I=new b.maps.places.AutocompleteService,v=b.maps.places.PlacesServiceStatus.OK,A=b.maps.places.PlacesServiceStatus.ZERO_RESULTS,y=useMemo(()=>new b.maps.places.AutocompleteSessionToken,[b.maps.places.AutocompleteSessionToken]),L=(e,t)=>{if(t===v){S(!0),U(!1);const t=e.map(e=>({id:e.place_id,name:e.description}));return h(t)}t===A?(U(!0),h([])):(AlertHandler.error(m),p(t))},P=(e,t)=>{t===v?(S(!1),T(e)):(AlertHandler.error(r),p(t))};return React.createElement("div",{className:a.inputContainer},React.createElement(UTAlert,{content:t}),React.createElement(UTTextInput,_extends({dataTestId:o,helperTextDataTestId:l,input:{value:d,onChange:e=>{i(e),e.length>=s?I.getPlacePredictions({input:e,sessionToken:y,...u},L):(h([]),T(null))}},inputClassName:a.inputClassName},n)),R&&!isEmpty(g)&&g.map(e=>{let{id:t,name:o}=e;return React.createElement("div",{ref:E,key:t},React.createElement(UTTouchableWithoutFeedback,{onClick:()=>{i(o);new b.maps.places.PlacesService(E.current).getDetails({placeId:t},P)},className:a.resultsContainer},React.createElement(UTIcon,{size:20,name:"IconMapPin",className:a.resultIcon}),React.createElement(UTLabel,null,o)))}),d.length>=s&&f&&React.createElement("div",{className:a.noResultsContainer},React.createElement(UTIcon,{size:32,name:"IconSearchOff",className:a.noResultsIcon}),React.createElement(UTLabel,{colorTheme:"gray"},c)),React.createElement("img",{className:a.googlelogo,src:googleLogo,alt:"googleLogo"}))};UTGoogleAutocomplete.propTypes=UTGoogleAutocompletePropTypes;export default WithTheme(retrieveStyle)(WithGoogleMapScript()(UTGoogleAutocomplete));

package/dist/esm/components/UTGoogleAutocomplete/theme.js

@@ -1,45 +1 @@
-export 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'
-    }
-  };
-};
+export 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"}}};

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

@@ -1,108 +1 @@
-import * as d3 from 'd3';
-import { func, object, array } from 'prop-types';
-import React, { useMemo } from 'react';
-import { getRowList, getClusters, getValuesMapByCategory } from '../../utils';
-import { BAR_TYPE, DOMAIN_CATEGORICAL, MIN_BAR_WIDTH, MAX_BAR_WIDTH } from '../../constants';
-import { renderStacksForSideCategorical, renderStacksForSideNumerical } from './utils';
-const Bars = _ref => {
-  let {
-    crossAxisLeft,
-    crossAxisRight,
-    dataset,
-    mainAxis,
-    mainAxisDomain,
-    tab,
-    color
-  } = _ref;
-  const valuesByCategory = useMemo(() => getValuesMapByCategory(dataset), [dataset]);
-  const rows = useMemo(() => getRowList(dataset), [dataset]);
-  const splitBarClusters = useMemo(() => getClusters(tab, BAR_TYPE));
-  const widthScale = useMemo(() => {
-    if (tab.domain.binding === 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([MIN_BAR_WIDTH, MAX_BAR_WIDTH]).clamp(true);
-  }, [tab.domain.binding, splitBarClusters, rows]);
-  const clusterScale = useMemo(() => {
-    const count = tab.subitems.length;
-    return tab.domain.binding === DOMAIN_CATEGORICAL ? d3.scaleBand().domain(d3.range(count)).range([0, mainAxis.bandwidth()]).padding(0.15) : null;
-  }, [tab, mainAxis]);
-  return /*#__PURE__*/React.createElement("g", null, tab.domain.binding === 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.createElement("g", {
-        key: "".concat(category, "-cluster")
-      }, renderStacksForSideCategorical({
-        items: leftItems,
-        valuesByCode,
-        x,
-        w,
-        crossAxis: crossAxisLeft,
-        category,
-        color
-      }), renderStacksForSideCategorical({
-        items: rightItems,
-        valuesByCode,
-        x,
-        w,
-        crossAxis: crossAxisRight,
-        category,
-        color
-      }));
-    });
-  }) : splitBarClusters.map(_ref4 => {
-    let {
-      leftItems,
-      rightItems
-    } = _ref4;
-    return /*#__PURE__*/React.createElement("g", {
-      key: "num-cluster"
-    }, renderStacksForSideNumerical({
-      items: leftItems,
-      rows,
-      mainAxis,
-      crossAxis: crossAxisLeft,
-      color,
-      widthScale
-    }), renderStacksForSideNumerical({
-      items: rightItems,
-      rows,
-      mainAxis,
-      crossAxis: crossAxisRight,
-      color,
-      widthScale
-    }));
-  }));
-};
-Bars.propTypes = {
-  crossAxisLeft: func,
-  crossAxisRight: func,
-  dataset: object,
-  mainAxis: func,
-  mainAxisDomain: array,
-  tab: object,
-  color: func
-};
-export default Bars;
+import*as d3 from"d3";import{func,object,array}from"prop-types";import React,{useMemo}from"react";import{getRowList,getClusters,getValuesMapByCategory}from"../../utils";import{BAR_TYPE,DOMAIN_CATEGORICAL,MIN_BAR_WIDTH,MAX_BAR_WIDTH}from"../../constants";import{renderStacksForSideCategorical,renderStacksForSideNumerical}from"./utils";const Bars=e=>{let{crossAxisLeft:t,crossAxisRight:r,dataset:s,mainAxis:i,mainAxisDomain:o,tab:a,color:n}=e;const c=useMemo(()=>getValuesMapByCategory(s),[s]),m=useMemo(()=>getRowList(s),[s]),l=useMemo(()=>getClusters(a,BAR_TYPE)),d=useMemo(()=>{if(a.domain.binding===DOMAIN_CATEGORICAL)return null;const e=[];if(l.forEach(t=>{let{leftItems:r,rightItems:s}=t;[...r,...s].forEach(t=>{t.sizeCode&&m.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([MIN_BAR_WIDTH,MAX_BAR_WIDTH]).clamp(!0):null},[a.domain.binding,l,m]),u=useMemo(()=>{const e=a.subitems.length;return a.domain.binding===DOMAIN_CATEGORICAL?d3.scaleBand().domain(d3.range(e)).range([0,i.bandwidth()]).padding(.15):null},[a,i]);return React.createElement("g",null,a.domain.binding===DOMAIN_CATEGORICAL?o.map(e=>{const s=i(e),o=c.get(e);return l.map((i,a)=>{let{leftItems:c,rightItems:m}=i;const l=s+u(a),d=u.bandwidth();return React.createElement("g",{key:"".concat(e,"-cluster")},renderStacksForSideCategorical({items:c,valuesByCode:o,x:l,w:d,crossAxis:t,category:e,color:n}),renderStacksForSideCategorical({items:m,valuesByCode:o,x:l,w:d,crossAxis:r,category:e,color:n}))})}):l.map(e=>{let{leftItems:s,rightItems:o}=e;return React.createElement("g",{key:"num-cluster"},renderStacksForSideNumerical({items:s,rows:m,mainAxis:i,crossAxis:t,color:n,widthScale:d}),renderStacksForSideNumerical({items:o,rows:m,mainAxis:i,crossAxis:r,color:n,widthScale:d}))}))};Bars.propTypes={crossAxisLeft:func,crossAxisRight:func,dataset:object,mainAxis:func,mainAxisDomain:array,tab:object,color:func};export default Bars;

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

@@ -1,77 +1 @@
-import * as d3 from 'd3';
-import React from 'react';
-import { DEFAULT_BAR_WIDTH } from '../../constants';
-export 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.createElement("rect", {
-      key: "".concat(category, "-").concat(code),
-      x: x,
-      y: yTop,
-      width: w,
-      height: h,
-      fill: color(code)
-    });
-  });
-};
-export 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.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]) : DEFAULT_BAR_WIDTH;
-      return /*#__PURE__*/React.createElement("rect", {
-        key: "num-bar-".concat(rangeCode),
-        x: cx - w / 2,
-        y: yTop,
-        width: w,
-        height: h,
-        fill: color(rangeCode)
-      });
-    }));
-  });
-};
+import*as d3 from"d3";import React from"react";import{DEFAULT_BAR_WIDTH}from"../../constants";export const renderStacksForSideCategorical=e=>{let{items:t,valuesByCode:r,x:n,w:i,crossAxis:a,category:c,color:o}=e;const s=t.map(e=>{let{rangeCode:t}=e;return t});return d3.stack().keys(s).offset(d3.stackOffsetDiverging)([r]).map(e=>{const t=e.key,[r,s]=e[0],m=Math.min(a(r),a(s)),l=Math.max(a(r),a(s))-m;return React.createElement("rect",{key:"".concat(c,"-").concat(t),x:n,y:m,width:i,height:l,fill:o(t)})})};export const renderStacksForSideNumerical=e=>{let{items:t,rows:r,mainAxis:n,crossAxis:i,color:a,widthScale:c}=e;const o=i(0);return t.map(e=>{let{rangeCode:t,domainCode:s,sizeCode:m}=e;return s?React.createElement("g",{key:"num-bars-".concat(t)},r.map(e=>{const r=e[s],l=e[t];if(!Number.isFinite(r)||!Number.isFinite(l))return null;const u=n(r);if(!Number.isFinite(u))return null;const d=Math.min(i(l),o),f=Math.max(i(l),o)-d;if(f<=0)return null;const h=c&&m&&Number.isFinite(e[m])?c(e[m]):DEFAULT_BAR_WIDTH;return React.createElement("rect",{key:"num-bar-".concat(t),x:u-h/2,y:d,width:h,height:f,fill:a(t)})})):null})};