authscape 1.0.141 → 1.0.143

package/index.js

@@ -717,7 +717,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = GooglePlacesModal;
+exports.GooglePlacesModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _system = require("@mui/system");
@@ -988,29 +988,36 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     sx: {
       position: "absolute",
       zIndex: 9999,
-      top: 125,
       backgroundColor: "white",
       border: "1px solid black"
     }
   }, renderSuggestions()));
 };
-function GooglePlacesModal(_ref3) {
+var GooglePlacesModal = function GooglePlacesModal(_ref3) {
   var onSave = _ref3.onSave,
     _ref3$createButtonTex = _ref3.createButtonText,
-    createButtonText = _ref3$createButtonTex === void 0 ? "Save" : _ref3$createButtonTex;
-  var _useState = (0, _react.useState)(""),
+    createButtonText = _ref3$createButtonTex === void 0 ? "Save" : _ref3$createButtonTex,
+    _ref3$_address = _ref3._address,
+    _address = _ref3$_address === void 0 ? "" : _ref3$_address,
+    _ref3$_city = _ref3._city,
+    _city = _ref3$_city === void 0 ? "" : _ref3$_city,
+    _ref3$_state = _ref3._state,
+    _state = _ref3$_state === void 0 ? "" : _ref3$_state,
+    _ref3$_postalCode = _ref3._postalCode,
+    _postalCode = _ref3$_postalCode === void 0 ? "" : _ref3$_postalCode;
+  var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
     setAddress = _useState2[1];
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(_city),
     _useState4 = _slicedToArray(_useState3, 2),
     city = _useState4[0],
     setCity = _useState4[1];
-  var _useState5 = (0, _react.useState)(""),
+  var _useState5 = (0, _react.useState)(_state),
     _useState6 = _slicedToArray(_useState5, 2),
     state = _useState6[0],
     setState = _useState6[1];
-  var _useState7 = (0, _react.useState)(""),
+  var _useState7 = (0, _react.useState)(_postalCode),
     _useState8 = _slicedToArray(_useState7, 2),
     zip = _useState8[0],
     setPostalcode = _useState8[1];
@@ -1101,10 +1108,9 @@ function GooglePlacesModal(_ref3) {
       }
       onSave(address, city, state, zip, lat, lng);
     }
-  }, createButtonText))), /*#__PURE__*/_react["default"].createElement(_script["default"], {
-    src: "https://maps.googleapis.com/maps/api/js?key=" + process.env.googleMapsKey + "&libraries=places"
-  }));
-}
+  }, createButtonText))));
+};
+exports.GooglePlacesModal = GooglePlacesModal;
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.141",
+  "version": "1.0.143",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/GoogleMapsAutoComplete.js

@@ -325,7 +325,7 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
         <TextField ref={txtAddressField} autoFocus={true} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
   
         {status == "OK" &&
-          <MenuList ref={ref} sx={{position:"absolute", zIndex:9999, top:125, backgroundColor:"white", border:"1px solid black"}}>
+          <MenuList ref={ref} sx={{position:"absolute", zIndex:9999, backgroundColor:"white", border:"1px solid black"}}>
             {renderSuggestions()}
           </MenuList>
         }
@@ -333,14 +333,20 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
     );
   };
 
-export default function GooglePlacesModal({
+export const GooglePlacesModal = ({
   onSave,
-  createButtonText = "Save"
-}) {
-  const [address, setAddress] = useState("");
-  const [city, setCity] = useState("");
-  const [state, setState] = useState("");
-  const [zip, setPostalcode] = useState("");
+  createButtonText = "Save",
+
+  _address = "",
+  _city = "",
+  _state = "",
+  _postalCode = ""
+}) => {
+  const [address, setAddress] = useState(_address);
+  const [city, setCity] = useState(_city);
+  const [state, setState] = useState(_state);
+  const [zip, setPostalcode] = useState(_postalCode);
+
   const [lat, setLat] = useState(null);
   const [lng, setLng] = useState(null);
 
@@ -428,8 +434,6 @@ export default function GooglePlacesModal({
         </Button>
         </Box>
     </Box>
-
-    <Script src={"https://maps.googleapis.com/maps/api/js?key=" + process.env.googleMapsKey + "&libraries=places"}></Script>
     </>
   );
 }