authscape 1.0.145 → 1.0.147

package/index.js

@@ -730,6 +730,7 @@ var _LocationOnRounded = _interopRequireDefault(require("@mui/icons-material/Loc
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _reactCoolOnclickoutside = _interopRequireDefault(require("react-cool-onclickoutside"));
 var _reactHookForm = require("react-hook-form");
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _usePlacesAutocomplete = _interopRequireWildcard(require("use-places-autocomplete"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -745,6 +746,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
   var placeholder = _ref.placeholder,
     onSelected = _ref.onSelected,
     defaultValue = _ref.defaultValue,
+    react_hook_form_Control = _ref.react_hook_form_Control,
     onChange = _ref.onChange;
   var txtAddressField = (0, _react.useRef)(null);
   var dismissSuggestions = function dismissSuggestions() {
@@ -976,15 +978,28 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
       })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement("strong", null, main_text), " ", /*#__PURE__*/_react["default"].createElement("small", null, secondary_text)));
     });
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    ref: txtAddressField,
+    name: "address",
+    autoComplete: "new-password",
+    label: placeholder,
+    variant: "outlined",
+    fullWidth: true,
+    value: value,
+    onChange: handleInput
+  }), errors.address && errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+    sx: {
+      color: "red"
+    }
+  }, "Address is required.")), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
     name: "address",
     render: function render(_ref3) {
       var field = _ref3.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         ref: txtAddressField,
         name: "address"
       }, field, {
@@ -1019,7 +1034,9 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     _ref4$_state = _ref4._state,
     _state = _ref4$_state === void 0 ? "" : _ref4$_state,
     _ref4$_postalCode = _ref4._postalCode,
-    _postalCode = _ref4$_postalCode === void 0 ? "" : _ref4$_postalCode;
+    _postalCode = _ref4$_postalCode === void 0 ? "" : _ref4$_postalCode,
+    _ref4$react_hook_form = _ref4.react_hook_form_Control,
+    react_hook_form_Control = _ref4$react_hook_form === void 0 ? null : _ref4$react_hook_form;
   var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
@@ -1046,6 +1063,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     setLng = _useState12[1];
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(AutoCompleteDialog, {
     placeholder: "Address",
+    react_hook_form_Control: react_hook_form_Control,
     defaultValue: address,
     onSelected: function onSelected(data) {
       setAddress(data.address);
@@ -1068,15 +1086,25 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
   }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "City",
+    name: "city",
+    variant: "outlined",
+    fullWidth: true,
+    value: city,
+    onChange: function onChange(val) {
+      setCity(val.currentTarget.value);
+    }
+  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
     name: "city",
     render: function render(_ref5) {
       var field = _ref5.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "City",
         name: "city",
@@ -1096,15 +1124,25 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
   }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "State",
+    name: "state",
+    variant: "outlined",
+    fullWidth: true,
+    value: state,
+    onChange: function onChange(val) {
+      setState(val.currentTarget.value);
+    }
+  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
     name: "state",
     render: function render(_ref6) {
       var field = _ref6.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "State"
       }, field, {
@@ -1125,15 +1163,25 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     sx: {
       marginTop: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+  }, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "Postal code",
+    name: "postalCode",
+    variant: "outlined",
+    fullWidth: true,
+    value: zip,
+    onChange: function onChange(val) {
+      setPostalcode(val.currentTarget.value);
+    }
+  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
     name: "postalCode",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "Postal code"
       }, field, {

package/package.json

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

package/src/components/GoogleMapsAutoComplete.js

@@ -10,6 +10,7 @@ import LocationOnRoundedIcon from '@mui/icons-material/LocationOnRounded';
 import ListItemText from '@mui/material/ListItemText';
 import useOnclickOutside from "react-cool-onclickoutside";
 import { useForm, Controller, useFieldArray } from "react-hook-form";
+import Stack from "@mui/material/Stack";
 
 import usePlacesAutocomplete, {
   getGeocode,
@@ -18,7 +19,7 @@ import usePlacesAutocomplete, {
   getLatLng,
 } from "use-places-autocomplete";
 
-const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) => {
+const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_form_Control, onChange}) => {
 
     const txtAddressField = useRef(null);
   
@@ -324,19 +325,30 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
     return (
       <>
 
-        <Controller
-            control={control}
-            rules={{ required: true }}
-            name="address"
-            render={({ field }) => (
+        {react_hook_form_Control == null &&
             <Stack>
-                <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
-                {errors.address && 
-            errors.address.type === 'required' 
-            && <Typography sx={{color: "red"}}>Address is required.</Typography>}
+                    <TextField ref={txtAddressField} name="address" autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
+                    {errors.address && 
+                errors.address.type === 'required' 
+                && <Typography sx={{color: "red"}}>Address is required.</Typography>}
             </Stack>
-            )}
-        />
+        }
+
+        {react_hook_form_Control != null &&
+            <Controller
+                control={react_hook_form_Control}
+                rules={{ required: true }}
+                name="address"
+                render={({ field }) => (
+                <Stack>
+                    <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
+                    {errors.address && 
+                errors.address.type === 'required' 
+                && <Typography sx={{color: "red"}}>Address is required.</Typography>}
+                </Stack>
+                )}
+            />
+        }
 
 
 
@@ -358,7 +370,8 @@ export const GooglePlacesModal = ({
   _address = "",
   _city = "",
   _state = "",
-  _postalCode = ""
+  _postalCode = "",
+  react_hook_form_Control = null
 }) => {
   const [address, setAddress] = useState(_address);
   const [city, setCity] = useState(_city);
@@ -373,6 +386,7 @@ export const GooglePlacesModal = ({
     <Box>
         <AutoCompleteDialog
         placeholder={"Address"}
+        react_hook_form_Control={react_hook_form_Control}
         defaultValue={address}
         onSelected={(data) => {
             setAddress(data.address);
@@ -393,32 +407,47 @@ export const GooglePlacesModal = ({
         <Grid item xs={6}>
             <Box>
 
+            {react_hook_form_Control == null &&
+                <TextField
+                    id="outlined-basic"
+                    label="City"
+                    name="city"
+                    variant="outlined"
+                    fullWidth={true}
+                    value={city}
+                    onChange={(val) => {
+                    setCity(val.currentTarget.value);
+                    }}
+                />
+            }
 
-            <Controller
-                control={control}
-                rules={{ required: true }}
-                name="city"
-                render={({ field }) => (
-                <Stack>
-                    <TextField
-                        id="outlined-basic"
-                        label="City"
-                        name="city"
-                        variant="outlined"
-                        {...field}
-                        fullWidth={true}
-                        value={city}
-                        onChange={(val) => {
-                        setCity(val.currentTarget.value);
-                        }}
-                    />
-
-                    {errors.city && 
-                errors.city.type === 'required' 
-                && <Typography sx={{color: "red"}}>City is required.</Typography>}
-                </Stack>
-                )}
-            />
+            {react_hook_form_Control != null &&
+                <Controller
+                    control={react_hook_form_Control}
+                    rules={{ required: true }}
+                    name="city"
+                    render={({ field }) => (
+                    <Stack>
+                        <TextField
+                            id="outlined-basic"
+                            label="City"
+                            name="city"
+                            variant="outlined"
+                            {...field}
+                            fullWidth={true}
+                            value={city}
+                            onChange={(val) => {
+                            setCity(val.currentTarget.value);
+                            }}
+                        />
+
+                        {errors.city && 
+                    errors.city.type === 'required' 
+                    && <Typography sx={{color: "red"}}>City is required.</Typography>}
+                    </Stack>
+                    )}
+                />
+            }
                 
             
             </Box>
@@ -427,85 +456,105 @@ export const GooglePlacesModal = ({
         <Grid item xs={6}>
             <Box>
 
-
-            <Controller
-                control={control}
-                rules={{ required: true }}
-                name="state"
-                render={({ field }) => (
-                <Stack>
-
-                    <TextField
-                        id="outlined-basic"
-                        label="State"
-                        {...field}
-                        name="state"
-                        variant="outlined"
-                        fullWidth={true}
-                        value={state}
-                        onChange={(val) => {
-                        setState(val.currentTarget.value);
-                        }}
-                    />
-                    
-                    
-                    {errors.state && 
-                errors.state.type === 'required' 
-                && <Typography sx={{color: "red"}}>State is required.</Typography>}
-                </Stack>
-                )}
-            />
-
-
-
-            
-            </Box>
-        </Grid>
-        </Grid>
-
-        <Box sx={{ marginTop: 2 }}>
-
-
-
-        <Controller
-            control={control}
-            rules={{ required: true }}
-            name="postalCode"
-            render={({ field }) => (
-            <Stack>
+            {react_hook_form_Control == null &&
 
                 <TextField
                     id="outlined-basic"
-                    label="Postal code"
-                    {...field}
-                    name="postalCode"
+                    label="State"
+                    name="state"
                     variant="outlined"
                     fullWidth={true}
-                    value={zip}
+                    value={state}
                     onChange={(val) => {
-                    setPostalcode(val.currentTarget.value);
+                    setState(val.currentTarget.value);
                     }}
                 />
+            }
 
-                {errors.postalCode && 
-            errors.postalCode.type === 'required' 
-            && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
-            </Stack>
-            )}
-        />
+            {react_hook_form_Control != null &&
+                <Controller
+                    control={react_hook_form_Control}
+                    rules={{ required: true }}
+                    name="state"
+                    render={({ field }) => (
+                    <Stack>
+
+                        <TextField
+                            id="outlined-basic"
+                            label="State"
+                            {...field}
+                            name="state"
+                            variant="outlined"
+                            fullWidth={true}
+                            value={state}
+                            onChange={(val) => {
+                            setState(val.currentTarget.value);
+                            }}
+                        />
+                        
+                        {errors.state && 
+                    errors.state.type === 'required' 
+                    && <Typography sx={{color: "red"}}>State is required.</Typography>}
+                    </Stack>
+                    )}
+                />
+            }
 
 
 
+            
+            </Box>
+        </Grid>
+        </Grid>
 
+        <Box sx={{ marginTop: 2 }}>
 
 
+        {react_hook_form_Control == null &&
 
+            <TextField
+                id="outlined-basic"
+                label="Postal code"
+                name="postalCode"
+                variant="outlined"
+                fullWidth={true}
+                value={zip}
+                onChange={(val) => {
+                    setPostalcode(val.currentTarget.value);
+                }}
+            />
+        }
 
+        {react_hook_form_Control != null &&
+            <Controller
+                control={react_hook_form_Control}
+                rules={{ required: true }}
+                name="postalCode"
+                render={({ field }) => (
+                <Stack>
 
+                    <TextField
+                        id="outlined-basic"
+                        label="Postal code"
+                        {...field}
+                        name="postalCode"
+                        variant="outlined"
+                        fullWidth={true}
+                        value={zip}
+                        onChange={(val) => {
+                        setPostalcode(val.currentTarget.value);
+                        }}
+                    />
 
+                    {errors.postalCode && 
+                errors.postalCode.type === 'required' 
+                && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
+                </Stack>
+                )}
+            />
+        }
 
 
-        
         </Box>
 
         {/* <Box sx={{ marginTop: 1, textAlign: "right" }}>