@dfds-ui/google-places 2.0.29 → 2.2.0-alpha.4e495871
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.
- package/AddressSelect.d.ts +1 -1
- package/cjs/AddressSelect.d.ts +1 -1
- package/cjs/AddressSelect.js +37 -56
- package/cjs/GooglePlaces.js +11 -25
- package/cjs/index.js +4 -4
- package/package.json +6 -6
package/AddressSelect.d.ts
CHANGED
package/cjs/AddressSelect.d.ts
CHANGED
package/cjs/AddressSelect.js
CHANGED
|
@@ -9,65 +9,46 @@ var _reactComponents = require("@dfds-ui/react-components");
|
|
|
9
9
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
10
10
|
var _GooglePlaces = require("./GooglePlaces");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
const _excluded = ["name", "disabled", "error", "size", "types", "onFocus", "onBlur", "onChange", "location", "radius", "countries"];
|
|
13
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
+
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); }
|
|
15
14
|
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; }
|
|
16
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
location
|
|
38
|
-
radius
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
setPredictions
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}),
|
|
54
|
-
available = _useAddressPrediction.available,
|
|
55
|
-
getPlacePredictions = _useAddressPrediction.getPlacePredictions;
|
|
56
|
-
const loadOptions = /*#__PURE__*/function () {
|
|
57
|
-
var _ref2 = _asyncToGenerator(function* (input, callback) {
|
|
58
|
-
const placePredictions = yield getPlacePredictions(input);
|
|
59
|
-
setPredictions(placePredictions);
|
|
60
|
-
const options = placePredictions.map(prediction => ({
|
|
61
|
-
value: prediction.description,
|
|
62
|
-
label: prediction.description,
|
|
63
|
-
prediction
|
|
64
|
-
}));
|
|
65
|
-
callback(options);
|
|
66
|
-
});
|
|
67
|
-
return function loadOptions(_x, _x2) {
|
|
68
|
-
return _ref2.apply(this, arguments);
|
|
69
|
-
};
|
|
70
|
-
}();
|
|
16
|
+
const AddressSelect = ({
|
|
17
|
+
name,
|
|
18
|
+
disabled,
|
|
19
|
+
error,
|
|
20
|
+
size = 'medium',
|
|
21
|
+
types,
|
|
22
|
+
onFocus,
|
|
23
|
+
onBlur,
|
|
24
|
+
onChange,
|
|
25
|
+
location,
|
|
26
|
+
radius,
|
|
27
|
+
countries = [],
|
|
28
|
+
...rest
|
|
29
|
+
}) => {
|
|
30
|
+
const [predictions, setPredictions] = (0, _react.useState)([]);
|
|
31
|
+
const {
|
|
32
|
+
available,
|
|
33
|
+
getPlacePredictions
|
|
34
|
+
} = (0, _GooglePlaces.useAddressPredictions)('', {
|
|
35
|
+
types,
|
|
36
|
+
location,
|
|
37
|
+
radius,
|
|
38
|
+
components: {
|
|
39
|
+
countries
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const loadOptions = async (input, callback) => {
|
|
43
|
+
const placePredictions = await getPlacePredictions(input);
|
|
44
|
+
setPredictions(placePredictions);
|
|
45
|
+
const options = placePredictions.map(prediction => ({
|
|
46
|
+
value: prediction.description,
|
|
47
|
+
label: prediction.description,
|
|
48
|
+
prediction
|
|
49
|
+
}));
|
|
50
|
+
callback(options);
|
|
51
|
+
};
|
|
71
52
|
const handleChange = value => {
|
|
72
53
|
if (onChange) {
|
|
73
54
|
onChange(value, predictions);
|
package/cjs/GooglePlaces.js
CHANGED
|
@@ -7,14 +7,10 @@ exports.useGooglePlacesAPI = exports.useAddressPredictions = exports.GooglePlace
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _hooks = require("@dfds-ui/hooks");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
10
|
+
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); }
|
|
11
11
|
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; }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /// <reference types="@types/googlemaps" />
|
|
12
|
+
/// <reference types="@types/googlemaps" />
|
|
13
|
+
|
|
18
14
|
const GooglePlacesAPIContext = /*#__PURE__*/(0, _react.createContext)({
|
|
19
15
|
available: false
|
|
20
16
|
});
|
|
@@ -25,12 +21,11 @@ const GooglePlacesAPIProvider = ({
|
|
|
25
21
|
language,
|
|
26
22
|
libraries = 'places'
|
|
27
23
|
}) => {
|
|
28
|
-
var _window, _window$google;
|
|
29
24
|
// On SSR window does not exist.
|
|
30
25
|
const hasWindow = typeof window !== 'undefined';
|
|
31
26
|
|
|
32
27
|
// We want to prevent the google maps api to be loaded more than once
|
|
33
|
-
const isGoogleMapsDefined = hasWindow && Boolean(
|
|
28
|
+
const isGoogleMapsDefined = hasWindow && Boolean(window?.google?.maps);
|
|
34
29
|
const languageParam = language ? `&language=${language}` : '';
|
|
35
30
|
// NOTE: Google Maps API requires a callback when ran asynchronously. See https://developers.google.com/maps/documentation/javascript/url-params#required_parameters
|
|
36
31
|
// Dummy callback to satisfy Google Maps API.
|
|
@@ -41,14 +36,8 @@ const GooglePlacesAPIProvider = ({
|
|
|
41
36
|
if (hasWindow) window.dummyCallback = dummyCallback;
|
|
42
37
|
const callback = hasWindow ? `&callback=dummyCallback` : '';
|
|
43
38
|
const scriptUrl = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${libraries}${languageParam}${callback}`;
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
loaded = _useScript2[0],
|
|
47
|
-
error = _useScript2[1];
|
|
48
|
-
const _useState = (0, _react.useState)(false),
|
|
49
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
50
|
-
available = _useState2[0],
|
|
51
|
-
setAvailable = _useState2[1];
|
|
39
|
+
const [loaded, error] = (0, _hooks.useScript)(scriptUrl, isGoogleMapsDefined);
|
|
40
|
+
const [available, setAvailable] = (0, _react.useState)(false);
|
|
52
41
|
(0, _react.useEffect)(() => {
|
|
53
42
|
setAvailable(loaded && !error);
|
|
54
43
|
if (error) {
|
|
@@ -76,12 +65,10 @@ const useAddressPredictions = (input, {
|
|
|
76
65
|
radius,
|
|
77
66
|
components
|
|
78
67
|
}) => {
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
const _useGooglePlacesAPI = useGooglePlacesAPI(),
|
|
84
|
-
available = _useGooglePlacesAPI.available;
|
|
68
|
+
const [predictions, setPredictions] = (0, _react.useState)([]);
|
|
69
|
+
const {
|
|
70
|
+
available
|
|
71
|
+
} = useGooglePlacesAPI();
|
|
85
72
|
const autocomplete = (0, _react.useRef)();
|
|
86
73
|
if (!autocomplete.current && available && typeof window !== 'undefined') {
|
|
87
74
|
autocomplete.current = new google.maps.places.AutocompleteService();
|
|
@@ -100,8 +87,7 @@ const useAddressPredictions = (input, {
|
|
|
100
87
|
country: components.countries
|
|
101
88
|
}
|
|
102
89
|
}, predictions => {
|
|
103
|
-
|
|
104
|
-
predictions = (_predictions = predictions) !== null && _predictions !== void 0 ? _predictions : [];
|
|
90
|
+
predictions = predictions ?? [];
|
|
105
91
|
setPredictions(predictions);
|
|
106
92
|
resolve(predictions);
|
|
107
93
|
});
|
package/cjs/index.js
CHANGED
|
@@ -8,7 +8,7 @@ var _exportNames = {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "AddressSelect", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function
|
|
11
|
+
get: function () {
|
|
12
12
|
return _AddressSelect.default;
|
|
13
13
|
}
|
|
14
14
|
});
|
|
@@ -19,7 +19,7 @@ Object.keys(_GooglePlaces).forEach(function (key) {
|
|
|
19
19
|
if (key in exports && exports[key] === _GooglePlaces[key]) return;
|
|
20
20
|
Object.defineProperty(exports, key, {
|
|
21
21
|
enumerable: true,
|
|
22
|
-
get: function
|
|
22
|
+
get: function () {
|
|
23
23
|
return _GooglePlaces[key];
|
|
24
24
|
}
|
|
25
25
|
});
|
|
@@ -31,10 +31,10 @@ Object.keys(_AddressSelect).forEach(function (key) {
|
|
|
31
31
|
if (key in exports && exports[key] === _AddressSelect[key]) return;
|
|
32
32
|
Object.defineProperty(exports, key, {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function
|
|
34
|
+
get: function () {
|
|
35
35
|
return _AddressSelect[key];
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
39
|
+
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); }
|
|
40
40
|
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; }
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Components using Google places",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.
|
|
6
|
+
"version": "2.2.0-alpha.4e495871",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"react-dom": ">= 17.0.2"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@dfds-ui/colors": "2.0.
|
|
18
|
-
"@dfds-ui/hooks": "2.0.
|
|
19
|
-
"@dfds-ui/icons": "2.0.
|
|
20
|
-
"@dfds-ui/react-components": "2.0.
|
|
17
|
+
"@dfds-ui/colors": "2.2.0-alpha.4e495871",
|
|
18
|
+
"@dfds-ui/hooks": "2.2.0-alpha.4e495871",
|
|
19
|
+
"@dfds-ui/icons": "2.2.0-alpha.4e495871",
|
|
20
|
+
"@dfds-ui/react-components": "2.2.0-alpha.4e495871",
|
|
21
21
|
"@types/googlemaps": "3.43.3",
|
|
22
22
|
"@types/lodash.debounce": "^4.0.7",
|
|
23
23
|
"lodash.debounce": "^4.0.8"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "4e4958718cdb23e314fd502618fa60c2613b0c6b",
|
|
26
26
|
"publishConfig": {
|
|
27
27
|
"access": "public"
|
|
28
28
|
}
|