@widergy/energy-ui 3.9.0 → 3.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.10.0](https://github.com/widergy/energy-ui/compare/v3.9.1...v3.10.0) (2024-06-07)
+
+
+### Features
+
+* google autocomplete field ([9c286e4](https://github.com/widergy/energy-ui/commit/9c286e4261439296c6e7815015358d53c13721f1))
+
+## [3.9.1](https://github.com/widergy/energy-ui/compare/v3.9.0...v3.9.1) (2024-06-06)
+
+
+### Bug Fixes
+
+* fix validation ([#457](https://github.com/widergy/energy-ui/issues/457)) ([b3726ef](https://github.com/widergy/energy-ui/commit/b3726efd16642f975aa7e6ef8d9eab9e6c956095))
+
 # [3.9.0](https://github.com/widergy/energy-ui/compare/v3.8.0...v3.9.0) (2024-06-06)
 
 

package/dist/components/UTGoogleAutocomplete/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _api = require("@react-google-maps/api");
+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; }
+const UTGoogleAutocomplete = _ref => {
+  let {
+    apikey
+  } = _ref;
+  console.log(apikey);
+  const placesLibrary = ['places'];
+  const [searchResult, setSearchResult] = (0, _react.useState)('Result: none');
+  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
+      });
+    } else {
+      alert('Please enter text');
+    }
+  }
+  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"
+    }
+  }))));
+};
+UTGoogleAutocomplete.propTypes = {
+  apikey: _propTypes.string
+};
+var _default = exports.default = UTGoogleAutocomplete;

package/dist/components/UTWizard/index.js

@@ -32,7 +32,7 @@ const UTWizard = _ref => {
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const stepEnabled = enabled && !!(description || image || title);
+  const stepEnabled = !!(enabled && title && description);
   return stepEnabled && (isOpen ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.container, " ").concat(_stylesModule.default.container)
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/index.js

@@ -153,6 +153,12 @@ Object.defineProperty(exports, "UTFileInput", {
     return _UTFileInput.default;
   }
 });
+Object.defineProperty(exports, "UTGoogleAutocomplete", {
+  enumerable: true,
+  get: function () {
+    return _UTGoogleAutocomplete.default;
+  }
+});
 Object.defineProperty(exports, "UTIcon", {
   enumerable: true,
   get: function () {
@@ -413,6 +419,7 @@ var _UTDotMenu = _interopRequireDefault(require("./components/UTDotMenu"));
 var _UTEmojiPicker = _interopRequireDefault(require("./components/UTEmojiPicker"));
 var _UTExternalLink = _interopRequireDefault(require("./components/UTExternalLink"));
 var _UTFileInput = _interopRequireDefault(require("./components/UTFileInput"));
+var _UTGoogleAutocomplete = _interopRequireDefault(require("./components/UTGoogleAutocomplete"));
 var _UTIcon = _interopRequireDefault(require("./components/UTIcon"));
 var _UTIconButton = _interopRequireDefault(require("./components/UTIconButton"));
 var _UTImageRadio = _interopRequireDefault(require("./components/UTImageRadio"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -28,6 +28,7 @@
     "@material-ui/icons": "^3.0.1",
     "@material-ui/lab": "^4.0.0-alpha.57",
     "@material-ui/pickers": "^3.3.10",
+    "@react-google-maps/api": "^2.19.3",
     "@tabler/icons-react": "^2.0.0",
     "@tippy.js/react": "^3.0.0",
     "@trainline/react-skeletor": "^1.0.2",