@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.
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ILocation, IPrediction } from './GooglePlaces';
3
- export declare type AddressSelectProps = {
3
+ export type AddressSelectProps = {
4
4
  components?: any;
5
5
  name: string;
6
6
  disabled?: boolean;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ILocation, IPrediction } from './GooglePlaces';
3
- export declare type AddressSelectProps = {
3
+ export type AddressSelectProps = {
4
4
  components?: any;
5
5
  name: string;
6
6
  disabled?: boolean;
@@ -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 _getRequireWildcardCache(e) { return e ? t : r; })(e); }
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
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
18
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
19
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
- 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); }
22
- 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; }
23
- 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; } }
24
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
- const AddressSelect = _ref => {
28
- let name = _ref.name,
29
- disabled = _ref.disabled,
30
- error = _ref.error,
31
- _ref$size = _ref.size,
32
- size = _ref$size === void 0 ? 'medium' : _ref$size,
33
- types = _ref.types,
34
- onFocus = _ref.onFocus,
35
- onBlur = _ref.onBlur,
36
- onChange = _ref.onChange,
37
- location = _ref.location,
38
- radius = _ref.radius,
39
- _ref$countries = _ref.countries,
40
- countries = _ref$countries === void 0 ? [] : _ref$countries,
41
- rest = _objectWithoutProperties(_ref, _excluded);
42
- const _useState = (0, _react.useState)([]),
43
- _useState2 = _slicedToArray(_useState, 2),
44
- predictions = _useState2[0],
45
- setPredictions = _useState2[1];
46
- const _useAddressPrediction = (0, _GooglePlaces.useAddressPredictions)('', {
47
- types,
48
- location,
49
- radius,
50
- components: {
51
- countries
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);
@@ -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 _getRequireWildcardCache(e) { return e ? t : r; })(e); }
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
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
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((_window = window) === null || _window === void 0 ? void 0 : (_window$google = _window.google) === null || _window$google === void 0 ? void 0 : _window$google.maps);
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 _useScript = (0, _hooks.useScript)(scriptUrl, isGoogleMapsDefined),
45
- _useScript2 = _slicedToArray(_useScript, 2),
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 _useState3 = (0, _react.useState)([]),
80
- _useState4 = _slicedToArray(_useState3, 2),
81
- predictions = _useState4[0],
82
- setPredictions = _useState4[1];
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
- var _predictions;
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 get() {
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 get() {
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 get() {
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 _getRequireWildcardCache(e) { return e ? t : r; })(e); }
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.29",
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.29",
18
- "@dfds-ui/hooks": "2.0.29",
19
- "@dfds-ui/icons": "2.0.29",
20
- "@dfds-ui/react-components": "2.0.29",
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": "60bd70013cac7851ef2636948985f2ecdecc0729",
25
+ "gitHead": "4e4958718cdb23e314fd502618fa60c2613b0c6b",
26
26
  "publishConfig": {
27
27
  "access": "public"
28
28
  }