authscape 1.0.146 → 1.0.147

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +52 -8
  2. package/package.json +1 -1
  3. package/src/components/GoogleMapsAutoComplete.js +141 -94
package/index.js CHANGED
@@ -730,6 +730,7 @@ var _LocationOnRounded = _interopRequireDefault(require("@mui/icons-material/Loc
730
730
  var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
731
731
  var _reactCoolOnclickoutside = _interopRequireDefault(require("react-cool-onclickoutside"));
732
732
  var _reactHookForm = require("react-hook-form");
733
+ var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
733
734
  var _usePlacesAutocomplete = _interopRequireWildcard(require("use-places-autocomplete"));
734
735
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
735
736
  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); }
@@ -977,7 +978,20 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
977
978
  })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement("strong", null, main_text), " ", /*#__PURE__*/_react["default"].createElement("small", null, secondary_text)));
978
979
  });
979
980
  };
980
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
981
+ 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"], {
982
+ ref: txtAddressField,
983
+ name: "address",
984
+ autoComplete: "new-password",
985
+ label: placeholder,
986
+ variant: "outlined",
987
+ fullWidth: true,
988
+ value: value,
989
+ onChange: handleInput
990
+ }), errors.address && errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
991
+ sx: {
992
+ color: "red"
993
+ }
994
+ }, "Address is required.")), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
981
995
  control: react_hook_form_Control,
982
996
  rules: {
983
997
  required: true
@@ -985,7 +999,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
985
999
  name: "address",
986
1000
  render: function render(_ref3) {
987
1001
  var field = _ref3.field;
988
- return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1002
+ return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
989
1003
  ref: txtAddressField,
990
1004
  name: "address"
991
1005
  }, field, {
@@ -1072,7 +1086,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1072
1086
  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
1073
1087
  item: true,
1074
1088
  xs: 6
1075
- }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1089
+ }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
1090
+ id: "outlined-basic",
1091
+ label: "City",
1092
+ name: "city",
1093
+ variant: "outlined",
1094
+ fullWidth: true,
1095
+ value: city,
1096
+ onChange: function onChange(val) {
1097
+ setCity(val.currentTarget.value);
1098
+ }
1099
+ }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1076
1100
  control: react_hook_form_Control,
1077
1101
  rules: {
1078
1102
  required: true
@@ -1080,7 +1104,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1080
1104
  name: "city",
1081
1105
  render: function render(_ref5) {
1082
1106
  var field = _ref5.field;
1083
- return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1107
+ return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1084
1108
  id: "outlined-basic",
1085
1109
  label: "City",
1086
1110
  name: "city",
@@ -1100,7 +1124,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1100
1124
  }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
1101
1125
  item: true,
1102
1126
  xs: 6
1103
- }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1127
+ }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
1128
+ id: "outlined-basic",
1129
+ label: "State",
1130
+ name: "state",
1131
+ variant: "outlined",
1132
+ fullWidth: true,
1133
+ value: state,
1134
+ onChange: function onChange(val) {
1135
+ setState(val.currentTarget.value);
1136
+ }
1137
+ }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1104
1138
  control: react_hook_form_Control,
1105
1139
  rules: {
1106
1140
  required: true
@@ -1108,7 +1142,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1108
1142
  name: "state",
1109
1143
  render: function render(_ref6) {
1110
1144
  var field = _ref6.field;
1111
- return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1145
+ return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1112
1146
  id: "outlined-basic",
1113
1147
  label: "State"
1114
1148
  }, field, {
@@ -1129,7 +1163,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1129
1163
  sx: {
1130
1164
  marginTop: 2
1131
1165
  }
1132
- }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1166
+ }, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
1167
+ id: "outlined-basic",
1168
+ label: "Postal code",
1169
+ name: "postalCode",
1170
+ variant: "outlined",
1171
+ fullWidth: true,
1172
+ value: zip,
1173
+ onChange: function onChange(val) {
1174
+ setPostalcode(val.currentTarget.value);
1175
+ }
1176
+ }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
1133
1177
  control: react_hook_form_Control,
1134
1178
  rules: {
1135
1179
  required: true
@@ -1137,7 +1181,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
1137
1181
  name: "postalCode",
1138
1182
  render: function render(_ref7) {
1139
1183
  var field = _ref7.field;
1140
- return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1184
+ return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
1141
1185
  id: "outlined-basic",
1142
1186
  label: "Postal code"
1143
1187
  }, field, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "authscape",
3
- "version": "1.0.146",
3
+ "version": "1.0.147",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/GoogleMapsAutoComplete.js CHANGED
@@ -10,6 +10,7 @@ import LocationOnRoundedIcon from '@mui/icons-material/LocationOnRounded';
10
10
  import ListItemText from '@mui/material/ListItemText';
11
11
  import useOnclickOutside from "react-cool-onclickoutside";
12
12
  import { useForm, Controller, useFieldArray } from "react-hook-form";
13
+ import Stack from "@mui/material/Stack";
13
14
 
14
15
  import usePlacesAutocomplete, {
15
16
  getGeocode,
@@ -324,19 +325,30 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_f
324
325
  return (
325
326
  <>
326
327
 
327
- <Controller
328
- control={react_hook_form_Control}
329
- rules={{ required: true }}
330
- name="address"
331
- render={({ field }) => (
328
+ {react_hook_form_Control == null &&
332
329
  <Stack>
333
- <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
334
- {errors.address &&
335
- errors.address.type === 'required'
336
- && <Typography sx={{color: "red"}}>Address is required.</Typography>}
330
+ <TextField ref={txtAddressField} name="address" autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
331
+ {errors.address &&
332
+ errors.address.type === 'required'
333
+ && <Typography sx={{color: "red"}}>Address is required.</Typography>}
337
334
  </Stack>
338
- )}
339
- />
335
+ }
336
+
337
+ {react_hook_form_Control != null &&
338
+ <Controller
339
+ control={react_hook_form_Control}
340
+ rules={{ required: true }}
341
+ name="address"
342
+ render={({ field }) => (
343
+ <Stack>
344
+ <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
345
+ {errors.address &&
346
+ errors.address.type === 'required'
347
+ && <Typography sx={{color: "red"}}>Address is required.</Typography>}
348
+ </Stack>
349
+ )}
350
+ />
351
+ }
340
352
 
341
353
 
342
354
 
@@ -395,32 +407,47 @@ export const GooglePlacesModal = ({
395
407
  <Grid item xs={6}>
396
408
  <Box>
397
409
 
410
+ {react_hook_form_Control == null &&
411
+ <TextField
412
+ id="outlined-basic"
413
+ label="City"
414
+ name="city"
415
+ variant="outlined"
416
+ fullWidth={true}
417
+ value={city}
418
+ onChange={(val) => {
419
+ setCity(val.currentTarget.value);
420
+ }}
421
+ />
422
+ }
398
423
 
399
- <Controller
400
- control={react_hook_form_Control}
401
- rules={{ required: true }}
402
- name="city"
403
- render={({ field }) => (
404
- <Stack>
405
- <TextField
406
- id="outlined-basic"
407
- label="City"
408
- name="city"
409
- variant="outlined"
410
- {...field}
411
- fullWidth={true}
412
- value={city}
413
- onChange={(val) => {
414
- setCity(val.currentTarget.value);
415
- }}
416
- />
417
-
418
- {errors.city &&
419
- errors.city.type === 'required'
420
- && <Typography sx={{color: "red"}}>City is required.</Typography>}
421
- </Stack>
422
- )}
423
- />
424
+ {react_hook_form_Control != null &&
425
+ <Controller
426
+ control={react_hook_form_Control}
427
+ rules={{ required: true }}
428
+ name="city"
429
+ render={({ field }) => (
430
+ <Stack>
431
+ <TextField
432
+ id="outlined-basic"
433
+ label="City"
434
+ name="city"
435
+ variant="outlined"
436
+ {...field}
437
+ fullWidth={true}
438
+ value={city}
439
+ onChange={(val) => {
440
+ setCity(val.currentTarget.value);
441
+ }}
442
+ />
443
+
444
+ {errors.city &&
445
+ errors.city.type === 'required'
446
+ && <Typography sx={{color: "red"}}>City is required.</Typography>}
447
+ </Stack>
448
+ )}
449
+ />
450
+ }
424
451
 
425
452
 
426
453
  </Box>
@@ -429,85 +456,105 @@ export const GooglePlacesModal = ({
429
456
  <Grid item xs={6}>
430
457
  <Box>
431
458
 
432
-
433
- <Controller
434
- control={react_hook_form_Control}
435
- rules={{ required: true }}
436
- name="state"
437
- render={({ field }) => (
438
- <Stack>
439
-
440
- <TextField
441
- id="outlined-basic"
442
- label="State"
443
- {...field}
444
- name="state"
445
- variant="outlined"
446
- fullWidth={true}
447
- value={state}
448
- onChange={(val) => {
449
- setState(val.currentTarget.value);
450
- }}
451
- />
452
-
453
-
454
- {errors.state &&
455
- errors.state.type === 'required'
456
- && <Typography sx={{color: "red"}}>State is required.</Typography>}
457
- </Stack>
458
- )}
459
- />
460
-
461
-
462
-
463
-
464
- </Box>
465
- </Grid>
466
- </Grid>
467
-
468
- <Box sx={{ marginTop: 2 }}>
469
-
470
-
471
-
472
- <Controller
473
- control={react_hook_form_Control}
474
- rules={{ required: true }}
475
- name="postalCode"
476
- render={({ field }) => (
477
- <Stack>
459
+ {react_hook_form_Control == null &&
478
460
 
479
461
  <TextField
480
462
  id="outlined-basic"
481
- label="Postal code"
482
- {...field}
483
- name="postalCode"
463
+ label="State"
464
+ name="state"
484
465
  variant="outlined"
485
466
  fullWidth={true}
486
- value={zip}
467
+ value={state}
487
468
  onChange={(val) => {
488
- setPostalcode(val.currentTarget.value);
469
+ setState(val.currentTarget.value);
489
470
  }}
490
471
  />
472
+ }
491
473
 
492
- {errors.postalCode &&
493
- errors.postalCode.type === 'required'
494
- && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
495
- </Stack>
496
- )}
497
- />
474
+ {react_hook_form_Control != null &&
475
+ <Controller
476
+ control={react_hook_form_Control}
477
+ rules={{ required: true }}
478
+ name="state"
479
+ render={({ field }) => (
480
+ <Stack>
481
+
482
+ <TextField
483
+ id="outlined-basic"
484
+ label="State"
485
+ {...field}
486
+ name="state"
487
+ variant="outlined"
488
+ fullWidth={true}
489
+ value={state}
490
+ onChange={(val) => {
491
+ setState(val.currentTarget.value);
492
+ }}
493
+ />
494
+
495
+ {errors.state &&
496
+ errors.state.type === 'required'
497
+ && <Typography sx={{color: "red"}}>State is required.</Typography>}
498
+ </Stack>
499
+ )}
500
+ />
501
+ }
498
502
 
499
503
 
500
504
 
505
+
506
+ </Box>
507
+ </Grid>
508
+ </Grid>
501
509
 
510
+ <Box sx={{ marginTop: 2 }}>
502
511
 
503
512
 
513
+ {react_hook_form_Control == null &&
504
514
 
515
+ <TextField
516
+ id="outlined-basic"
517
+ label="Postal code"
518
+ name="postalCode"
519
+ variant="outlined"
520
+ fullWidth={true}
521
+ value={zip}
522
+ onChange={(val) => {
523
+ setPostalcode(val.currentTarget.value);
524
+ }}
525
+ />
526
+ }
505
527
 
528
+ {react_hook_form_Control != null &&
529
+ <Controller
530
+ control={react_hook_form_Control}
531
+ rules={{ required: true }}
532
+ name="postalCode"
533
+ render={({ field }) => (
534
+ <Stack>
506
535
 
536
+ <TextField
537
+ id="outlined-basic"
538
+ label="Postal code"
539
+ {...field}
540
+ name="postalCode"
541
+ variant="outlined"
542
+ fullWidth={true}
543
+ value={zip}
544
+ onChange={(val) => {
545
+ setPostalcode(val.currentTarget.value);
546
+ }}
547
+ />
507
548
 
549
+ {errors.postalCode &&
550
+ errors.postalCode.type === 'required'
551
+ && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
552
+ </Stack>
553
+ )}
554
+ />
555
+ }
508
556
 
509
557
 
510
-
511
558
  </Box>
512
559
 
513
560
  {/* <Box sx={{ marginTop: 1, textAlign: "right" }}>