@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTLoading/versions/V1/stories/UTLoadingV1.stories.js

@@ -0,0 +1,369 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TestSite = exports.SpinnerSinTexto = exports.SpinnerPlayground = exports.SpinnerConGradiente = exports.LogoLoaderSinTexto = exports.LogoLoaderFullScreen = exports.LogoLoaderEnContenedor = exports.LogoLoaderConLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../../../index"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  args: {
+    loading: true,
+    version: 'V1'
+  },
+  argTypes: {
+    colors: {
+      control: 'object',
+      description: 'Array de colores para el Spinner. 2 colores → gradiente lineal. 1 color → sólido. Sin prop → usa el color del tema.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string[]'
+        }
+      }
+    },
+    dataTestId: {
+      control: 'text',
+      description: 'Identificador para pruebas automatizadas.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    fullScreen: {
+      control: 'boolean',
+      description: 'Cuando es true el loader ocupa toda la pantalla (position fixed). Cuando es false se adapta al contenedor padre.',
+      table: {
+        defaultValue: {
+          summary: 'true'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    loading: {
+      control: 'boolean',
+      description: 'Controla si se muestra el loader o los children.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    Logo: {
+      control: 'text',
+      description: 'URL del asset SVG del logo/isologo del cliente.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    text: {
+      control: 'text',
+      description: 'Texto de carga opcional.',
+      table: {
+        defaultValue: {
+          summary: 'Cargando...'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    useUtilityLoading: {
+      control: 'boolean',
+      description: 'Cuando es true muestra el LogoLoader. Cuando es false muestra el Spinner nuevo.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    version: {
+      control: 'select',
+      description: 'Versión del componente a utilizar.',
+      options: ['V0', 'V1'],
+      table: {
+        defaultValue: {
+          summary: 'V0'
+        },
+        type: {
+          summary: "'V0' | 'V1'"
+        }
+      }
+    }
+  },
+  component: _index.default,
+  parameters: {
+    controls: {
+      exclude: ['classes', 'className', 'color', 'size', 'textClassName', 'thickness', 'wrapperClassName']
+    },
+    docs: {
+      description: {
+        component: 'UTLoading V1 — Nueva versión del componente de carga. Incluye un Spinner custom con línea gruesa y un LogoLoader con track de gradiente animado y logo del cliente.'
+      }
+    }
+  },
+  title: 'Energy-UI/UTLoading/V1'
+};
+const SpinnerPlayground = exports.SpinnerPlayground = {
+  args: {
+    loading: true,
+    text: 'Cargando...',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  name: 'Spinner — Playground',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner circular custom con línea gruesa y label de texto opcional.'
+      }
+    }
+  }
+};
+const SpinnerConGradiente = exports.SpinnerConGradiente = {
+  args: {
+    colors: ['var(--UT-loading-color-start)', 'var(--UT-loading-color-end)'],
+    loading: true,
+    text: 'Cargando...',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("style", null, "\n          :root {\n            --identitySolidTone3: #4D97FA;\n            --identitySolidTone2: #7BB8FF;\n            --UT-loading-color-start: var(--identitySolidTone3);\n            --UT-loading-color-end: var(--identitySolidTone2);\n          }\n        "), /*#__PURE__*/_react.default.createElement(Story, null))],
+  name: 'Spinner — Con gradiente',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner con gradiente lineal. Se pasan 2 colores vía prop `colors`. En producción se inyectan desde los design tokens `--UT-loading-color-start` y `--UT-loading-color-end`.'
+      }
+    }
+  }
+};
+const SpinnerSinTexto = exports.SpinnerSinTexto = {
+  args: {
+    loading: true,
+    text: '',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  name: 'Spinner — Sin texto',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner sin label de texto.'
+      }
+    }
+  }
+};
+const LogoLoaderFullScreen = exports.LogoLoaderFullScreen = {
+  args: {
+    fullScreen: true,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: '',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  name: 'LogoLoader — Full Screen',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader en modo full screen (position fixed, z-index 999). Muestra el track con gradiente de identidad del cliente rotando.'
+      }
+    }
+  }
+};
+const LogoLoaderEnContenedor = exports.LogoLoaderEnContenedor = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: 'Cargando...',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(Story, null))],
+  name: 'LogoLoader — En contenedor',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader adaptado al contenedor padre (fullScreen=false). Se centra dentro del div contenedor.'
+      }
+    }
+  }
+};
+const LogoLoaderConLogo = exports.LogoLoaderConLogo = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: 'Cargando...',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(Story, null))],
+  name: 'LogoLoader — Con logo',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader con logo SVG del cliente centrado dentro del track.'
+      }
+    }
+  }
+};
+const LogoLoaderSinTexto = exports.LogoLoaderSinTexto = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: '',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(Story, null))],
+  name: 'LogoLoader — Sin texto',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader sin label de texto debajo del track.'
+      }
+    }
+  }
+};
+const TestSite = exports.TestSite = {
+  render: () => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 loading true"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    loading: true,
+    useUtilityLoading: false,
+    version: "V1"
+  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 sin texto"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    loading: true,
+    text: "",
+    useUtilityLoading: false,
+    version: "V1"
+  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 loading false (muestra children)"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    loading: false,
+    useUtilityLoading: false,
+    version: "V1"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Contenido cargado")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "LogoLoader \u2014 en contenedor (fullScreen=false)"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '200px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    fullScreen: false,
+    loading: true,
+    Logo: "https://utilitygo-demo-qa-ev.widergydev.com/favicon.png",
+    useUtilityLoading: true,
+    version: "V1"
+  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "LogoLoader \u2014 loading false (muestra children)"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '80px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    fullScreen: false,
+    loading: false,
+    useUtilityLoading: true,
+    version: "V1"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Contenido cargado"))))),
+  name: 'Test Site',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Casos de prueba para el Storybook Test Runner.'
+      }
+    }
+  }
+};

package/dist/components/UTMap/components/GoogleMaps/constants.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.polygonDefaultOptions=exports.googleMapDefaultOptions=exports.MARKER_Z_INDEX=void 0;var _colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const googleMapDefaultOptions=exports.googleMapDefaultOptions={mapTypeControl:!1},MARKER_Z_INDEX=exports.MARKER_Z_INDEX={selected:1e3,default:1},polygonDefaultOptions=(colorPolygon,colorBorderPolygon)=>({strokeWeight:2,strokeOpacity:.8,strokeColor:colorBorderPolygon||_colorsModule.default.map,fillColor:colorPolygon||_colorsModule.default.map,fillOpacity:.35});exports.polygonDefaultOptions=polygonDefaultOptions;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.polygonDefaultOptions = exports.googleMapDefaultOptions = exports.MARKER_Z_INDEX = void 0;
+var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const googleMapDefaultOptions = exports.googleMapDefaultOptions = {
+  mapTypeControl: false
+};
+const MARKER_Z_INDEX = exports.MARKER_Z_INDEX = {
+  selected: 1000,
+  default: 1
+};
+const polygonDefaultOptions = (colorPolygon, colorBorderPolygon) => ({
+  strokeWeight: 2,
+  strokeOpacity: 0.8,
+  strokeColor: colorBorderPolygon || _colorsModule.default.map,
+  fillColor: colorPolygon || _colorsModule.default.map,
+  fillOpacity: 0.35
+});
+exports.polygonDefaultOptions = polygonDefaultOptions;

package/dist/components/UTMap/components/GoogleMaps/index.js

@@ -1 +1,92 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactGoogleMaps=require("react-google-maps"),_SearchBox=_interopRequireDefault(require("react-google-maps/lib/components/places/SearchBox")),_types=require("../../types"),_styles=_interopRequireDefault(require("./styles")),_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)}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)}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)}class GoogleMaps extends _react.PureComponent{constructor(){super(...arguments),_defineProperty(this,"handleMarkerRightClick",marker=>this.props.onMarkerRightClick(marker)),_defineProperty(this,"handleMarkerClick",(marker,optionData)=>this.props.onMarkerClick(marker,optionData))}render(){const{center:center,colorBorderPolygon:colorBorderPolygon,colorPolygon:colorPolygon,disabled:disabled,markers:markers,MultipleMarkersIcon:MultipleMarkersIcon,onMapClick:onMapClick,onMapMounted:onMapMounted,onPlacesChanged:onPlacesChanged,onSearchBoxMounted:onSearchBoxMounted,onSearchChange:onSearchChange,placeholder:placeholder,polygonPath:polygonPath,searchEnabled:searchEnabled,searchValue:searchValue,selectedPosition:selectedPosition,singleMarker:singleMarker,usePolygon:usePolygon,zoom:zoom}=this.props,polygonOptions=(0,_constants.polygonDefaultOptions)(colorPolygon,colorBorderPolygon);return _react.default.createElement(_reactGoogleMaps.GoogleMap,{ref:onMapMounted,defaultOptions:_constants.googleMapDefaultOptions,onClick:onMapClick,center:center,zoom:zoom},usePolygon&&_react.default.createElement(_reactGoogleMaps.Polygon,{defaultOptions:polygonOptions,onClick:onMapClick,path:polygonPath}),searchEnabled&&_react.default.createElement(_SearchBox.default,{ref:onSearchBoxMounted,controlPosition:window.google.maps.ControlPosition.TOP_LEFT,onPlacesChanged:onPlacesChanged},_react.default.createElement("input",{type:"text",placeholder:placeholder,style:_styles.default.searchBox,value:searchValue,onChange:onSearchChange,disabled:disabled,onKeyDown:e=>{"Enter"===e.key&&!1===e.shiftKey&&(e.preventDefault(),e.stopPropagation())}})),markers.map(marker=>{const label=marker.label||"",selected=marker.key===selectedPosition;return _react.default.createElement(_reactGoogleMaps.Marker,_extends({},marker,{key:marker.key,onRightClick:this.handleMarkerRightClick,onClick:markerData=>this.handleMarkerClick(markerData,marker),zIndex:selected?_constants.MARKER_Z_INDEX.selected:_constants.MARKER_Z_INDEX.default},MultipleMarkersIcon&&!singleMarker&&{icon:MultipleMarkersIcon(label,selected),label:void 0}))}))}}GoogleMaps.propTypes=_types.GoogleMapsPropTypes;var _default=exports.default=(0,_reactGoogleMaps.withGoogleMap)(GoogleMaps);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactGoogleMaps = require("react-google-maps");
+var _SearchBox = _interopRequireDefault(require("react-google-maps/lib/components/places/SearchBox"));
+var _types = require("../../types");
+var _styles = _interopRequireDefault(require("./styles"));
+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); }
+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); }
+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); }
+class GoogleMaps extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleMarkerRightClick", marker => this.props.onMarkerRightClick(marker));
+    _defineProperty(this, "handleMarkerClick", (marker, optionData) => this.props.onMarkerClick(marker, optionData));
+  }
+  render() {
+    const {
+      center,
+      colorBorderPolygon,
+      colorPolygon,
+      disabled,
+      markers,
+      MultipleMarkersIcon,
+      onMapClick,
+      onMapMounted,
+      onPlacesChanged,
+      onSearchBoxMounted,
+      onSearchChange,
+      placeholder,
+      polygonPath,
+      searchEnabled,
+      searchValue,
+      selectedPosition,
+      singleMarker,
+      usePolygon,
+      zoom
+    } = this.props;
+    const polygonOptions = (0, _constants.polygonDefaultOptions)(colorPolygon, colorBorderPolygon);
+    const handleStopPropagation = e => {
+      if (e.key === 'Enter' && e.shiftKey === false) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.GoogleMap, {
+      ref: onMapMounted,
+      defaultOptions: _constants.googleMapDefaultOptions,
+      onClick: onMapClick,
+      center: center,
+      zoom: zoom
+    }, usePolygon && /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.Polygon, {
+      defaultOptions: polygonOptions,
+      onClick: onMapClick,
+      path: polygonPath
+    }), searchEnabled && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
+      ref: onSearchBoxMounted,
+      controlPosition: window.google.maps.ControlPosition.TOP_LEFT,
+      onPlacesChanged: onPlacesChanged
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      type: "text",
+      placeholder: placeholder,
+      style: _styles.default.searchBox,
+      value: searchValue,
+      onChange: onSearchChange,
+      disabled: disabled,
+      onKeyDown: handleStopPropagation
+    })), markers.map(marker => {
+      const label = marker.label || '';
+      const selected = marker.key === selectedPosition;
+      return /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.Marker, _extends({}, marker, {
+        key: marker.key,
+        onRightClick: this.handleMarkerRightClick,
+        onClick: markerData => this.handleMarkerClick(markerData, marker),
+        zIndex: selected ? _constants.MARKER_Z_INDEX.selected : _constants.MARKER_Z_INDEX.default
+      }, MultipleMarkersIcon && !singleMarker && {
+        icon: MultipleMarkersIcon(label, selected),
+        label: undefined
+      }));
+    }));
+  }
+}
+GoogleMaps.propTypes = _types.GoogleMapsPropTypes;
+var _default = exports.default = (0, _reactGoogleMaps.withGoogleMap)(GoogleMaps);

package/dist/components/UTMap/components/GoogleMaps/styles.js

@@ -1 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={searchBox:{border:"1px solid rgba(0,0,0,0.24)",boxSizing:"border-box",width:"75%",maxWidth:"75%",height:30,margin:10,borderRadius:1,boxShadow:"0 2px 6px rgba(0, 0, 0, 0.3)",outline:"none",padding:"0px 10px",textOverflow:"ellipses",textAlign:"left"}};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  searchBox: {
+    border: "1px solid rgba(0,0,0,0.24)",
+    boxSizing: 'border-box',
+    width: '75%',
+    maxWidth: '75%',
+    height: 30,
+    margin: 10,
+    borderRadius: 1,
+    boxShadow: "0 2px 6px rgba(0, 0, 0, 0.3)",
+    outline: 'none',
+    padding: '0px 10px',
+    textOverflow: 'ellipses',
+    textAlign: 'left'
+  }
+};

package/dist/components/UTMap/constants.js

@@ -1 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZOOM_INITIAL=exports.ZOOM_ADDRESS_VALID=exports.TEXTS=exports.MAP_PADDING=exports.LOCATION_TYPES=exports.GMAP_PARAMS=exports.ADDRESS_TYPES=void 0;const GMAP_PARAMS=exports.GMAP_PARAMS={latitude:"latitude",longitude:"longitude",formattedAddress:"formatted_address"},TEXTS=exports.TEXTS={retrievingLocation:"Estamos recuperando tu ubicación...",retrieveLocationError:"No pudimos determinar tu ubicación.",invalidConfig:"No se encuentran configuradas en el field las keys a utilizar para alguno de los siguientes campos: latitude, longitude y/o formatted_address",placeholder:"Ingresá una dirección"},LOCATION_TYPES=exports.LOCATION_TYPES={rooftop:"ROOFTOP",rangeInterpolated:"RANGE_INTERPOLATED",geometricCenter:"GEOMETRIC_CENTER"},ADDRESS_TYPES=exports.ADDRESS_TYPES={street:"street_address",route:"route"},ZOOM_INITIAL=exports.ZOOM_INITIAL=10,ZOOM_ADDRESS_VALID=exports.ZOOM_ADDRESS_VALID=15,MAP_PADDING=exports.MAP_PADDING=60;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZOOM_INITIAL = exports.ZOOM_ADDRESS_VALID = exports.TEXTS = exports.MAP_PADDING = exports.LOCATION_TYPES = exports.GMAP_PARAMS = exports.ADDRESS_TYPES = void 0;
+const GMAP_PARAMS = exports.GMAP_PARAMS = {
+  latitude: 'latitude',
+  longitude: 'longitude',
+  formattedAddress: 'formatted_address'
+};
+const TEXTS = exports.TEXTS = {
+  retrievingLocation: 'Estamos recuperando tu ubicación...',
+  retrieveLocationError: 'No pudimos determinar tu ubicación.',
+  invalidConfig: 'No se encuentran configuradas en el field las keys a utilizar para alguno de los siguientes campos: latitude, longitude y/o formatted_address',
+  placeholder: 'Ingresá una dirección'
+};
+const LOCATION_TYPES = exports.LOCATION_TYPES = {
+  rooftop: 'ROOFTOP',
+  rangeInterpolated: 'RANGE_INTERPOLATED',
+  geometricCenter: 'GEOMETRIC_CENTER'
+};
+const ADDRESS_TYPES = exports.ADDRESS_TYPES = {
+  street: 'street_address',
+  route: 'route'
+};
+const ZOOM_INITIAL = exports.ZOOM_INITIAL = 10;
+const ZOOM_ADDRESS_VALID = exports.ZOOM_ADDRESS_VALID = 15;
+const MAP_PADDING = exports.MAP_PADDING = 60;