@widergy/energy-ui 3.11.0 → 3.12.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [3.12.1](https://github.com/widergy/energy-ui/compare/v3.12.0...v3.12.1) (2024-07-18)
+
+
+### Bug Fixes
+
+* update uticon ([#464](https://github.com/widergy/energy-ui/issues/464)) ([c5320e6](https://github.com/widergy/energy-ui/commit/c5320e69a02d0840cf690194341d52f2406e7ae5))
+
+# [3.12.0](https://github.com/widergy/energy-ui/compare/v3.11.0...v3.12.0) (2024-07-17)
+
+
+### Bug Fixes
+
+* fix pr ([986ef80](https://github.com/widergy/energy-ui/commit/986ef8095dac159a2ef2ea0013b82e4064ae50cd))
+
+
+### Features
+
+* autocomplete wip ([1c70075](https://github.com/widergy/energy-ui/commit/1c7007531476b07a078635d7f12052e7069b44ef))
+* handle errors + google logo + completed component ([1e93a1f](https://github.com/widergy/energy-ui/commit/1e93a1f5dc2e0a8315217c758af160b0233fd4e5))
+* moved the googlemaps script ([f1068d1](https://github.com/widergy/energy-ui/commit/f1068d1d068a112e3e8acf023a28ebcabd4db4aa))
+* updates wip ([c5a11fc](https://github.com/widergy/energy-ui/commit/c5a11fcf2d102d685eddc71b6efcc119594391ee))
+
 # [3.11.0](https://github.com/widergy/energy-ui/compare/v3.10.5...v3.11.0) (2024-07-04)
 
 

package/dist/components/UTBadge/theme.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.variantsColorTheme = exports.retrieveStyle = void 0;
 var _constants = require("./constants");
 const variantsColorTheme = (theme, colorTheme) => {
+  var _theme$Palette$action;
   const colorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
-  const paletteTheme = theme.Palette[colorName] || theme.Palette.actions[colorName];
+  const paletteTheme = theme.Palette[colorName] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorName]);
   const backgroundColorMapper = {
     alert: paletteTheme['04'],
     information: paletteTheme['05'],

package/dist/components/UTButton/constants.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VARIANTS = exports.SIZES = exports.SHADOW_MAPPER = exports.ICON_PLACEMENTS = exports.DEFAULT_PROPS = exports.COLORS_MAPPER = void 0;
+var _Palette = require("../../constants/Palette");
 const VARIANTS = exports.VARIANTS = {
   filled: 'contained',
   outlined: 'outlined',
@@ -30,11 +31,11 @@ const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
   variant: 'filled'
 };
 const COLORS_MAPPER = exports.COLORS_MAPPER = {
-  error: 'error',
-  negative: 'negative',
-  primary: 'accent',
-  secondary: 'neutral',
-  success: 'success'
+  error: _Palette.COLOR_THEMES.error,
+  negative: _Palette.COLOR_THEMES.negative,
+  primary: _Palette.COLOR_THEMES.accent,
+  secondary: _Palette.COLOR_THEMES.neutral,
+  success: _Palette.COLOR_THEMES.success
 };
 const SHADOW_MAPPER = exports.SHADOW_MAPPER = {
   [COLORS_MAPPER.error]: 'accentError',

package/dist/components/UTButton/theme.js

@@ -10,10 +10,11 @@ var _constants = require("./constants");
 const variantsColorTheme = (theme, colorTheme, variant) => {
   var _theme$Palette$shadow;
   const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
-  const actionTheme = theme.Palette.actions[actionColorName];
+  const actionPaletteColors = theme.Palette.actions || theme.Palette;
+  const actionTheme = actionPaletteColors[actionColorName];
   const shadowTheme = ((_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow[_constants.SHADOW_MAPPER[actionColorName]]) || 'transparent';
-  const negativeTheme = theme.Palette.actions[_constants.COLORS_MAPPER.negative];
-  const neutralTheme = theme.Palette.actions[_constants.COLORS_MAPPER.secondary];
+  const negativeTheme = actionPaletteColors[_constants.COLORS_MAPPER.negative];
+  const neutralTheme = actionPaletteColors[_constants.COLORS_MAPPER.secondary];
   const definition = {
     filled: {
       backgroundColor: actionTheme['04'],

package/dist/components/UTExternalLink/theme.js

@@ -7,8 +7,9 @@ exports.variantsColorTheme = exports.retrieveStyle = void 0;
 var _classesUtils = require("../../utils/classesUtils");
 var _constants = require("./constants");
 const variantsColorTheme = (colorTheme, theme) => {
+  var _theme$Palette$action;
   const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
-  const actionTheme = theme.Palette.actions[actionColorName];
+  const actionTheme = ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[actionColorName]) || theme.Palette[actionColorName];
   return actionTheme['05'];
 };
 exports.variantsColorTheme = variantsColorTheme;

package/dist/components/UTGoogleAutocomplete/README.md

@@ -0,0 +1,25 @@
+# UTGoogleAutocomplete
+
+Component used for searching for addresses and getting their details from Google Api.
+
+## Props
+
+
+| Name                  | Type   | Default                                                                        | Description                                                                                                                                                                                                                                                                                                                                                                                              |
+| ----------------------- | -------- | -------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| apiKey                | string |                                                                                | Google Api Key provided.                                                                                                                                                                                                                                                                                                                                                                                 |
+| classes               | string |                                                                                | Classes returned by UTGoogleAutocomplete's own [Theme](./theme.js#L40) `retrieveStyle`.                                                                                                                                                                                                                                                                                                                   |
+| detailErrorLabel      | string | "Hubo un error al intentar recuperar el detalle de la dirección seleccionada" | Message to show when the Google Api places detail service fails.                                                                                                                                                                                                                                                                                                                                         |
+| inputProps            | object |                                                                                | [UTTextInput](../UTTextInput/index.js) inputProps. This allows you to customize the autocomplete input.                                                                                                                                                                                                                                                                                                  |
+| minChar               | number | 3                                                                              | The component won´t call google predictions (Autocomplete service) until the user had entered at least the number indicated by minChar.                                                                                                                                                                                                                                                                 |
+| noResultsLabel        | string | 'No se encuentran resultados. Ingresa una dirección valida.'                  | Message to show to the user when google predictions don´t return anything.                                                                                                                                                                                                                                                                                                                              |
+| predictionsErrorLabel | string | "Hubo un error al intentar recuperar la dirección ingresada"                  | Message to show when the Google Api places autocomplete service fails.                                                                                                                                                                                                                                                                                                                                   |
+| retrieveError         | string | () => {}                                                                       | Func to execute when any google service fails. It retrieves the status code, since google doesn´t return the error message. Check[PlacesServiceStatus](https://developers.google.com/maps/documentation/javascript/reference/places-service?hl=es-419#PlacesServiceStatus) for status descriptions. <br />The ideal case is to use this function to log the error into rollbar so we can be aware of it. |
+| searchRestrictions    | object | {}                                                                             | Autocomplete service restrictions. Check [AutocompletionRequest](https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service?hl=es-419#AutocompletionRequest) for more information                                                                                                                                                                                  |
+| setSelectedPlace      | func   | () => {}                                                                       | Func to execute when a result from the predictions is selected.                                                                                                                                                                                                                                                                                                                                          |
+
+### Use
+
+```JSX
+<UTGoogleAutocomplete apiKey={apiKey} />
+```

package/dist/components/UTGoogleAutocomplete/index.js

@@ -5,64 +5,131 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _api = require("@react-google-maps/api");
+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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {
-    apikey
+    alert,
+    classes,
+    detailErrorLabel = 'Hubo un error al intentar recuperar el detalle de la dirección seleccionada',
+    inputProps,
+    minChar = 3,
+    noResultsLabel = 'No se encuentran resultados. Ingresa una dirección valida.',
+    predictionsErrorLabel = 'Hubo un error al intentar recuperar la dirección ingresada',
+    retrieveError = () => {},
+    searchRestrictions = {},
+    setSelectedPlace = () => {}
   } = _ref;
-  console.log(apikey);
-  const placesLibrary = ['places'];
-  const [searchResult, setSearchResult] = (0, _react.useState)('Result: none');
+  const [autoCompletePredictions, setAutoCompletePredictions] = (0, _react.useState)([]);
+  const [searchInputValue, setSearchInputValue] = (0, _react.useState)('');
+  const [predictionsNotFound, setPredictionsNotFound] = (0, _react.useState)(false);
+  const [showPredictions, setShowPredicitions] = (0, _react.useState)(false);
+  const placeDetailRef = (0, _react.useRef)();
   const {
-    isLoaded
-  } = (0, _api.useLoadScript)({
-    googleMapsApiKey: apikey,
-    libraries: placesLibrary
-  });
-  function onLoad(autocomplete) {
-    setSearchResult(autocomplete);
-  }
-  function onPlaceChanged() {
-    if (searchResult != null) {
-      const place = searchResult.getPlace();
-      console.log({
-        place
-      });
+    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 {
-      alert('Please enter text');
+      _AlertHandler.default.error(predictionsErrorLabel);
+      retrieveError(status);
     }
-  }
-  if (!isLoaded) {
-    return /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "App"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "searchColumn"
-  }, /*#__PURE__*/_react.default.createElement(_api.Autocomplete, {
-    onPlaceChanged: onPlaceChanged,
-    onLoad: onLoad
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "text",
-    placeholder: "Search for Tide Information",
-    style: {
-      boxSizing: "border-box",
-      border: "1px solid transparent",
-      width: "240px",
-      height: "32px",
-      padding: "0 12px",
-      borderRadius: "3px",
-      boxShadow: "0 2px 6px rgba(0, 0, 0, 0.3)",
-      fontSize: "14px",
-      outline: "none",
-      textOverflow: "ellipses"
+  };
+  const handleInputChange = value => {
+    setSearchInputValue(value);
+    if (value.length >= minChar) {
+      googleAutocompleteService.getPlacePredictions({
+        input: value,
+        sessionToken,
+        ...searchRestrictions
+      }, handlePredictions);
+    } else {
+      setAutoCompletePredictions([]);
     }
-  }))));
-};
-UTGoogleAutocomplete.propTypes = {
-  apikey: _propTypes.string
+  };
+  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({
+    input: {
+      value: searchInputValue,
+      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: () => {
+        setSearchInputValue(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)));
+  }), searchInputValue.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"
+  }));
 };
-var _default = exports.default = UTGoogleAutocomplete;
+UTGoogleAutocomplete.propTypes = _googleMapsTypes.UTGoogleAutocompletePropTypes;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)((0, _WithGoogleMaps.default)()(UTGoogleAutocomplete));

package/dist/components/UTGoogleAutocomplete/theme.js

@@ -0,0 +1,52 @@
+"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;

package/dist/components/UTIcon/README.md

@@ -10,12 +10,13 @@ The icon name must be with the first letter of each word in uppercase.
 
 ### Props
 
-| Name      | Description                         |
-| --------- | ----------------------------------- |
-| name      | The name of the icon in TablerIcons |
-| classname | The classname to aplied to the Icon |
-| color     | The icon color                      |
-| size      | The icon size in px                 |
+| Name        | Description                         |
+| ----------- | ----------------------------------- |
+| name        | The name of the icon in TablerIcons |
+| classname   | The classname to aplied to the Icon |
+| colorTheme  | The icon color                      |
+| shade       | The icon color shade                |
+| size        | The icon size in px                 |
 
 ### Usage
 
@@ -27,7 +28,7 @@ import styles from './styles.module.scss';
 const MyComponent = () => {
   return (
     <div>
-      <UTIcon name="IconArrowLeft" color="red" size={48} className={styles.iconClassname} />
+      <UTIcon name="IconArrowLeft" colorTheme="dark" size={48} className={styles.iconClassname} />
     </div>
   );
 };

package/dist/components/UTIcon/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FILLED_ICON_SUFIX = exports.FILLED_ICON_COLOR = void 0;
+const FILLED_ICON_COLOR = exports.FILLED_ICON_COLOR = 'transparent';
+const FILLED_ICON_SUFIX = exports.FILLED_ICON_SUFIX = 'Filled';

package/dist/components/UTIcon/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var TablerIcons = _interopRequireWildcard(require("@tabler/icons-react"));
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,21 +16,41 @@ const UTIcon = _ref => {
   let {
     className,
     color,
+    colorTheme,
     name,
-    size
+    shade,
+    size,
+    theme
   } = _ref;
+  const {
+    iconColor,
+    iconStyle
+  } = (0, _theme.retrieveColor)({
+    color,
+    colorTheme,
+    name,
+    shade,
+    theme
+  });
   const IconComponent = TablerIcons[name];
   if (!IconComponent) return null;
   return /*#__PURE__*/_react.default.createElement(IconComponent, {
     className: className,
-    color: color,
-    size: size
+    color: iconColor,
+    size: size,
+    style: iconStyle
   });
 };
 UTIcon.propTypes = {
   className: _propTypes.string,
+  /**
+   * @deprecated The "color" prop is deprecated and will be removed in a future release. Please use "colorTheme" instead.
+   */
   color: _propTypes.string,
+  colorTheme: _propTypes.string,
   name: _propTypes.string,
-  size: _propTypes.number
+  shade: _propTypes.string,
+  size: _propTypes.number,
+  theme: _propTypes.object
 };
-var _default = exports.default = UTIcon;
+var _default = exports.default = (0, _WithTheme.default)()(UTIcon);

package/dist/components/UTIcon/theme.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveColor = void 0;
+var _Palette = require("../../constants/Palette");
+var _constants = require("./constants");
+const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;
+const getIconColorDefinition = (color, iconName) => {
+  const filled = iconName.endsWith(_constants.FILLED_ICON_SUFIX);
+  return {
+    iconColor: filled ? _constants.FILLED_ICON_COLOR : color,
+    iconStyle: filled ? {
+      color
+    } : {}
+  };
+};
+const retrieveColor = _ref => {
+  var _theme$Palette$action;
+  let {
+    color,
+    colorTheme,
+    name,
+    shade,
+    theme
+  } = _ref;
+  if (color) return getIconColorDefinition(color, name);
+  if (!colorTheme) return {};
+  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]);
+  const colorShade = shade || getDefaultColorShade(colorTheme);
+  return getIconColorDefinition(colorThemeDefinition[colorShade], name);
+};
+exports.retrieveColor = retrieveColor;

package/dist/components/UTLabel/constants.js

@@ -3,18 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WEIGHTS = exports.VARIANTS_SIZES = exports.VARIANTS_LINE_HEIGHT = exports.VARIANTS = exports.SHADES = exports.MARKDOWN_RENDERERS = exports.DEFAULT_PROPS = exports.COLOR_THEMES = void 0;
+exports.WEIGHTS = exports.VARIANTS_SIZES = exports.VARIANTS_LINE_HEIGHT = exports.VARIANTS = exports.MARKDOWN_RENDERERS = exports.DEFAULT_PROPS = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _Palette = require("../../constants/Palette");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable react/prop-types */
 
-const SHADES = exports.SHADES = {
-  shade01: '01',
-  shade02: '02',
-  shade03: '03',
-  shade04: '04',
-  shade05: '05'
-};
 const VARIANTS = exports.VARIANTS = {
   title1: 'h1',
   title2: 'h2',
@@ -62,15 +56,6 @@ const WEIGHTS = exports.WEIGHTS = {
   extrabold: 800,
   black: 900
 };
-const COLOR_THEMES = exports.COLOR_THEMES = {
-  dark: 'dark',
-  gray: 'gray',
-  light: 'light',
-  success: 'success',
-  error: 'error',
-  warning: 'warning',
-  information: 'information'
-};
 const MARKDOWN_RENDERERS = exports.MARKDOWN_RENDERERS = {
   a: _ref => {
     let {
@@ -85,7 +70,7 @@ const MARKDOWN_RENDERERS = exports.MARKDOWN_RENDERERS = {
   }
 };
 const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  colorTheme: 'dark',
+  colorTheme: _Palette.COLOR_THEMES.dark,
   field: {},
   markdownRenderers: MARKDOWN_RENDERERS,
   variant: 'body',

package/dist/components/UTLabel/theme.js

@@ -5,16 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
+var _Palette = require("../../constants/Palette");
 var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getDefaultColorShade = colorTheme => colorTheme === _constants.COLOR_THEMES.gray ? _constants.SHADES.shade04 : colorTheme === _constants.COLOR_THEMES.light ? _constants.SHADES.shade01 : _constants.SHADES.shade05;
+const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;
 const variantsColorTheme = (colorTheme, shade, theme) => {
-  const colorThemeDefinition = theme.Palette[colorTheme] || theme.Palette.actions[colorTheme] || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
-  const colorShade = Object.values(_constants.SHADES).includes(shade) ? shade : getDefaultColorShade(colorTheme);
+  var _theme$Palette$action;
+  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]) || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
+  const colorShade = Object.values(_Palette.COLOR_SHADES).includes(shade) ? shade : getDefaultColorShade(colorTheme);
   return colorThemeDefinition[colorShade] || _colorsModule.default.black;
 };
 const linkColor = (theme, colorTheme) => {
-  const color = colorTheme === _constants.COLOR_THEMES.light ? theme.Palette.actions.negative[_constants.SHADES.shade05] : colorTheme === _constants.COLOR_THEMES.error ? theme.Palette.actions.error[_constants.SHADES.shade05] : theme.Palette.actions.neutral[_constants.SHADES.shade05];
+  const actionPaletteColors = theme.Palette.actions || theme.Palette;
+  const color = colorTheme === _Palette.COLOR_THEMES.light ? actionPaletteColors.negative[_Palette.COLOR_SHADES.shade05] : colorTheme === _Palette.COLOR_THEMES.error ? actionPaletteColors.error[_Palette.COLOR_SHADES.shade05] : actionPaletteColors.neutral[_Palette.COLOR_SHADES.shade05];
   return color;
 };
 const retrieveStyle = _ref => {

package/dist/components/UTMap/index.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _array = require("@widergy/web-utils/lib/array");
 var _form = require("@widergy/web-utils/lib/form");
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _googleMapsTypes = require("../../types/googleMapsTypes");
+var _WithGoogleMaps = _interopRequireDefault(require("../WithGoogleMaps"));
 var _GoogleMaps = _interopRequireDefault(require("./components/GoogleMaps"));
 var _utils = require("./utils");
-var _types = require("./types");
-var _withGoogleMapScript = _interopRequireDefault(require("./withGoogleMapScript"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -239,7 +239,7 @@ class UTMap extends _react.PureComponent {
     }, (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : ''));
   }
 }
-UTMap.propTypes = _types.UTMapPropTypes;
+UTMap.propTypes = _googleMapsTypes.UTMapPropTypes;
 UTMap.defaultProps = {
   errors: {
     retrievingLocation: _constants.TEXTS.retrievingLocation,
@@ -253,4 +253,4 @@ UTMap.defaultProps = {
     }
   }
 };
-var _default = exports.default = (0, _withGoogleMapScript.default)()(UTMap);
+var _default = exports.default = (0, _WithGoogleMaps.default)()(UTMap);

package/dist/components/UTMap/types.js

@@ -3,40 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UTMapPropTypes = exports.GoogleMapsPropTypes = void 0;
+exports.GoogleMapsPropTypes = void 0;
 var _propTypes = require("prop-types");
-var _formTypes = require("../../types/formTypes");
 const coordinatePropType = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.func]);
-const UTMapPropTypes = exports.UTMapPropTypes = {
-  onChange: _propTypes.func.isRequired,
-  singleMarker: _propTypes.bool,
-  startLocation: (0, _propTypes.shape)({
-    position: (0, _propTypes.shape)({
-      lat: coordinatePropType,
-      lng: coordinatePropType
-    }),
-    key: _propTypes.number,
-    defaultAnimation: _propTypes.number
-  }),
-  useGeolocation: _propTypes.bool,
-  usePolygon: _propTypes.bool,
-  placeholder: _propTypes.string,
-  polygonPath: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    lat: _propTypes.number,
-    lng: _propTypes.number
-  })),
-  onLocationOutOfBoundsCallback: _propTypes.func,
-  errors: (0, _propTypes.shape)({
-    retrievingLocation: _propTypes.string,
-    retrieveLocationError: _propTypes.string
-  }),
-  className: _propTypes.string,
-  field: _formTypes.fieldType,
-  meta: _formTypes.metaPropTypes,
-  input: _formTypes.inputPropTypes,
-  apiKey: _propTypes.string,
-  disabled: _propTypes.bool
-};
 const GoogleMapsPropTypes = exports.GoogleMapsPropTypes = {
   onMapClick: _propTypes.func.isRequired,
   onMarkerRightClick: _propTypes.func.isRequired,

package/dist/components/UTOnboarding/theme.js

@@ -24,17 +24,19 @@ const getLabelTheme = _ref2 => {
   }[variant];
 };
 const getButtonTheme = _ref3 => {
+  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3;
   let {
     theme,
     variant
   } = _ref3;
   return {
-    [_constants.VARIANTS.dark]: theme.Palette.actions.negative['04'],
-    [_constants.VARIANTS.information]: theme.Palette.actions.negative['04'],
-    [_constants.VARIANTS.light]: theme.Palette.actions.accent['04']
+    [_constants.VARIANTS.dark]: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.negative['04']) || theme.Palette.negative['04'],
+    [_constants.VARIANTS.information]: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.negative['04']) || theme.Palette.negative['04'],
+    [_constants.VARIANTS.light]: ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['04']) || theme.Palette.accent['04']
   }[variant];
 };
 const getButtonNextTextTheme = _ref4 => {
+  var _theme$Palette$action4;
   let {
     theme,
     variant
@@ -42,7 +44,7 @@ const getButtonNextTextTheme = _ref4 => {
   return {
     [_constants.VARIANTS.dark]: theme.Palette.dark['05'],
     [_constants.VARIANTS.information]: theme.Palette.dark['05'],
-    [_constants.VARIANTS.light]: theme.Palette.actions.negative['05']
+    [_constants.VARIANTS.light]: ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.negative['05']) || theme.Palette.negative['05']
   }[variant];
 };
 const validateProps = _ref5 => {

package/dist/components/UTProductItem/theme.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 const retrieveStyle = _ref => {
+  var _theme$Palette$action, _theme$Palette$action2;
   let {
     theme
   } = _ref;
@@ -26,7 +27,7 @@ const retrieveStyle = _ref => {
       paddingBottom: '24px'
     },
     discountChip: {
-      backgroundColor: theme.Palette.actions.accent['04'],
+      backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']) || theme.Palette.accent['04'],
       borderRadius: '4px',
       padding: '4px 8px'
     },
@@ -55,7 +56,7 @@ const retrieveStyle = _ref => {
       gridGap: '12px'
     },
     selectedQuantity: {
-      backgroundColor: theme.Palette.actions.neutral['04'],
+      backgroundColor: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.neutral['04']) || theme.Palette.neutral['04'],
       borderRadius: '4px',
       padding: '4px 8px'
     }

package/dist/components/UTSelectableCard/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _shadowUtils = require("../../utils/shadowUtils");
 const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
+  var _theme$Palette$shadow, _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$action4, _theme$Palette$action5, _theme$Palette$action6, _theme$Palette$action7, _theme$Palette$action8, _theme$Palette$action9, _theme$Palette$action10, _theme$Palette$action11, _theme$Palette$action12, _theme$Palette$action13;
   let {
     theme
   } = _ref;
@@ -113,20 +113,20 @@ const retrieveStyle = _ref => {
     },
     whiteSelectedContainer: {
       boxShadow: 'none',
-      outline: "2px solid ".concat(theme.Palette.actions.accent['05']),
+      outline: "2px solid ".concat(((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['05']) || theme.Palette.accent['05']),
       '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: theme.Palette.actions.accent['05']
+        color: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['05']) || theme.Palette.accent['05']
       },
       '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: theme.Palette.actions.accent['05']
+        fill: ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['05']) || theme.Palette.accent['05']
       },
       '&:hover': {
-        backgroundColor: theme.Palette.actions.accent['01'],
-        outline: "2px solid ".concat(theme.Palette.actions.accent['05'])
+        backgroundColor: ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['01']) || theme.Palette.accent['01'],
+        outline: "2px solid ".concat(((_theme$Palette$action5 = theme.Palette.actions) === null || _theme$Palette$action5 === void 0 ? void 0 : _theme$Palette$action5.accent['05']) || theme.Palette.accent['05'])
       },
       '&:active': {
-        backgroundColor: theme.Palette.actions.accent['02'],
-        outline: "2px solid ".concat(theme.Palette.actions.accent['05'])
+        backgroundColor: ((_theme$Palette$action6 = theme.Palette.actions) === null || _theme$Palette$action6 === void 0 ? void 0 : _theme$Palette$action6.accent['02']) || theme.Palette.accent['02'],
+        outline: "2px solid ".concat(((_theme$Palette$action7 = theme.Palette.actions) === null || _theme$Palette$action7 === void 0 ? void 0 : _theme$Palette$action7.accent['05']) || theme.Palette.accent['05'])
       }
     },
     whiteDisabledContainer: {
@@ -169,19 +169,19 @@ const retrieveStyle = _ref => {
       }
     },
     graySelectedContainer: {
-      backgroundColor: theme.Palette.actions.accent['01'],
-      outline: "2px solid ".concat(theme.Palette.actions.accent['03']),
+      backgroundColor: ((_theme$Palette$action8 = theme.Palette.actions) === null || _theme$Palette$action8 === void 0 ? void 0 : _theme$Palette$action8.accent['01']) || theme.Palette.accent['01'],
+      outline: "2px solid ".concat(((_theme$Palette$action9 = theme.Palette.actions) === null || _theme$Palette$action9 === void 0 ? void 0 : _theme$Palette$action9.accent['03']) || theme.Palette.accent['03']),
       '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: theme.Palette.actions.accent['05']
+        color: ((_theme$Palette$action10 = theme.Palette.actions) === null || _theme$Palette$action10 === void 0 ? void 0 : _theme$Palette$action10.accent['05']) || theme.Palette.accent['05']
       },
       '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: theme.Palette.actions.accent['05']
+        fill: ((_theme$Palette$action11 = theme.Palette.actions) === null || _theme$Palette$action11 === void 0 ? void 0 : _theme$Palette$action11.accent['05']) || theme.Palette.accent['05']
       },
       '&:hover': {
-        backgroundColor: theme.Palette.actions.accent['02']
+        backgroundColor: ((_theme$Palette$action12 = theme.Palette.actions) === null || _theme$Palette$action12 === void 0 ? void 0 : _theme$Palette$action12.accent['02']) || theme.Palette.accent['02']
       },
       '&:active': {
-        backgroundColor: theme.Palette.actions.accent['03'],
+        backgroundColor: ((_theme$Palette$action13 = theme.Palette.actions) === null || _theme$Palette$action13 === void 0 ? void 0 : _theme$Palette$action13.accent['03']) || theme.Palette.accent['03'],
         '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
           color: theme.Palette.light['01']
         },

package/dist/components/UTTable/theme.js

@@ -9,7 +9,7 @@ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
-  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$UTTable26, _theme$UTTable27;
+  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$UTTable26, _theme$UTTable27, _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3;
   let {
     theme
   } = _ref;
@@ -352,12 +352,12 @@ const retrieveStyle = _ref => {
       color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colorsModule.default.loadingBase)
     },
     actionIcon: {
-      color: theme.Palette.actions.neutral['05'],
-      fill: theme.Palette.actions.neutral['05']
+      color: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.neutral['05']) || theme.Palette.neutral['05'],
+      fill: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.neutral['05']) || theme.Palette.neutral['05']
     },
     actionIconButton: {
       '&:hover': {
-        backgroundColor: theme.Palette.actions.neutral['01']
+        backgroundColor: ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.neutral['01']) || theme.Palette.neutral['01']
       }
     }
   };

package/dist/components/{UTMap/withGoogleMapScript.js → WithGoogleMaps/index.js}

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _withScriptjs = _interopRequireDefault(require("react-google-maps/lib/withScriptjs"));
-var _types = require("./types");
+var _propTypes = require("prop-types");
+var _googleMapsTypes = require("../../types/googleMapsTypes");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 WithGoogleMapScript = () => WrappedComponent => {
@@ -25,7 +26,11 @@ const WithGoogleMapScript = () => WrappedComponent => {
       })
     }, props));
   };
-  WithGoogleMap.propTypes = _types.UTMapPropTypes.propTypes;
+  WithGoogleMap.propTypes = {
+    apiKey: _propTypes.string,
+    UTMapPropTypes: _googleMapsTypes.UTMapPropTypes,
+    UTGoogleAutocompletePropTypes: _googleMapsTypes.UTGoogleAutocompletePropTypes
+  };
   return WithGoogleMap;
 };
 var _default = exports.default = WithGoogleMapScript;

package/dist/components/WithTheme/layout.js

@@ -44,9 +44,11 @@ const ThemedComponent = _ref => {
   return muiThemeUpdated ? /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
     theme: muiThemeUpdated
   }, /*#__PURE__*/_react.default.createElement(Component, _extends({
-    classes: classes
+    classes: classes,
+    theme: theme
   }, props))) : /*#__PURE__*/_react.default.createElement(Component, _extends({
-    classes: classes
+    classes: classes,
+    theme: theme
   }, props));
 };
 ThemedComponent.propTypes = {

package/dist/constants/Palette.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COLOR_THEMES = exports.COLOR_SHADES = void 0;
+const COLOR_SHADES = exports.COLOR_SHADES = {
+  shade01: '01',
+  shade02: '02',
+  shade03: '03',
+  shade04: '04',
+  shade05: '05'
+};
+const COLOR_THEMES = exports.COLOR_THEMES = {
+  accent: 'accent',
+  dark: 'dark',
+  error: 'error',
+  gray: 'gray',
+  information: 'information',
+  light: 'light',
+  negative: 'negative',
+  neutral: 'neutral',
+  success: 'success',
+  warning: 'warning'
+};

package/dist/types/googleMapsTypes.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UTMapPropTypes = exports.UTGoogleAutocompletePropTypes = void 0;
+var _propTypes = require("prop-types");
+var _formTypes = require("./formTypes");
+const coordinatePropType = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.func]);
+const UTMapPropTypes = exports.UTMapPropTypes = {
+  onChange: _propTypes.func.isRequired,
+  singleMarker: _propTypes.bool,
+  startLocation: (0, _propTypes.shape)({
+    position: (0, _propTypes.shape)({
+      lat: coordinatePropType,
+      lng: coordinatePropType
+    }),
+    key: _propTypes.number,
+    defaultAnimation: _propTypes.number
+  }),
+  useGeolocation: _propTypes.bool,
+  usePolygon: _propTypes.bool,
+  placeholder: _propTypes.string,
+  polygonPath: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    lat: _propTypes.number,
+    lng: _propTypes.number
+  })),
+  onLocationOutOfBoundsCallback: _propTypes.func,
+  errors: (0, _propTypes.shape)({
+    retrievingLocation: _propTypes.string,
+    retrieveLocationError: _propTypes.string
+  }),
+  className: _propTypes.string,
+  field: _formTypes.fieldType,
+  meta: _formTypes.metaPropTypes,
+  input: _formTypes.inputPropTypes,
+  apiKey: _propTypes.string,
+  disabled: _propTypes.bool
+};
+const UTGoogleAutocompletePropTypes = exports.UTGoogleAutocompletePropTypes = {
+  alert: _propTypes.string,
+  apikey: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  detailErrorLabel: _propTypes.string,
+  inputProps: _propTypes.object,
+  minChar: _propTypes.number,
+  noResultsLabel: _propTypes.string,
+  predictionsErrorLabel: _propTypes.string,
+  retrieveError: _propTypes.func,
+  searchRestrictions: _propTypes.object,
+  setSelectedPlace: _propTypes.func
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.11.0",
+  "version": "3.12.1",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",