@dfds-ui/google-places 2.0.5 → 2.0.6-alpha.5572bc2f

package/package.json

@@ -3,7 +3,7 @@
   "description": "Components using Google places",
   "license": "MIT",
   "private": false,
-  "version": "2.0.5",
+  "version": "2.0.6-alpha.5572bc2f",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -14,15 +14,15 @@
     "react-dom": ">= 17.0.2"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.0.5",
-    "@dfds-ui/hooks": "2.0.5",
-    "@dfds-ui/icons": "2.0.5",
-    "@dfds-ui/react-components": "2.0.5",
+    "@dfds-ui/colors": "2.0.6-alpha.5572bc2f",
+    "@dfds-ui/hooks": "2.0.6-alpha.5572bc2f",
+    "@dfds-ui/icons": "2.0.6-alpha.5572bc2f",
+    "@dfds-ui/react-components": "2.0.6-alpha.5572bc2f",
     "@types/googlemaps": "3.43.3",
     "@types/lodash.debounce": "^4.0.7",
     "lodash.debounce": "^4.0.8"
   },
-  "gitHead": "73841e1d5fe8f2fe402bda924877e46379e8d75e",
+  "gitHead": "5572bc2fdf5f83fd37a9b0aa45508b7b834e5632",
   "publishConfig": {
     "access": "public"
   }

package/AddressSelect.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { ILocation, IPrediction } from './GooglePlaces';
-export declare type AddressSelectProps = {
-    name: string;
-    disabled?: boolean;
-    error?: string;
-    size?: 'small' | 'medium';
-    types?: string[];
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onChange?: (changed: {
-        value: string;
-        label: string;
-    }, predictions: IPrediction[]) => void;
-    location?: ILocation;
-    radius?: number;
-    countries?: string[] | string;
-    placeholder?: string;
-    assistiveText?: string;
-    autoFocus?: boolean;
-    isClearable?: boolean;
-    /**
-     * Class name to be assigned to the component
-     */
-    className?: string;
-};
-declare const AddressSelect: ({ name, disabled, error, size, types, onFocus, onBlur, onChange, location, radius, countries, ...rest }: AddressSelectProps) => JSX.Element;
-export default AddressSelect;

package/GooglePlaces.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-export declare const GooglePlacesAPIContext: React.Context<{
-    available: boolean;
-}>;
-export interface ILocation {
-    lat: number;
-    lng: number;
-}
-interface IPredictionsOptions {
-    types?: string[] | undefined;
-    location?: ILocation | undefined;
-    radius?: number | undefined;
-    components: {
-        countries: string | string[] | undefined;
-    };
-}
-interface IPredictionSubstring {
-    length: number;
-    offset: number;
-}
-interface IAutocompleteStructuredFormatting {
-    main_text: string;
-    main_text_matched_substrings: IPredictionSubstring[];
-    secondary_text: string;
-}
-interface IPredictionTerm {
-    offset: number;
-    value: string;
-}
-export interface IPrediction {
-    description: string;
-    matched_substrings: IPredictionSubstring[];
-    place_id: string;
-    reference: string;
-    structured_formatting: IAutocompleteStructuredFormatting;
-    terms: IPredictionTerm[];
-    types: string[];
-}
-export interface IGooglePlacesAPIProviderProps {
-    children: React.ReactNode;
-    apiKey: string;
-    language?: string;
-    libraries?: string;
-}
-export declare const GooglePlacesAPIProvider: ({ children, apiKey, language, libraries, }: IGooglePlacesAPIProviderProps) => JSX.Element;
-export declare const useGooglePlacesAPI: () => {
-    available: boolean;
-};
-export declare const useAddressPredictions: (input: string, { types, location, radius, components }: IPredictionsOptions) => {
-    available: boolean;
-    predictions: IPrediction[];
-    getPlacePredictions: (input: string) => Promise<IPrediction[]>;
-};
-export {};

package/GooglePlaces.js

@@ -1,111 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/// <reference types="@types/googlemaps" />
-import React, { createContext, useState, useContext, useRef, useEffect } from 'react';
-import { useScript } from '@dfds-ui/hooks';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var GooglePlacesAPIContext = /*#__PURE__*/createContext({
-  available: false
-});
-export var GooglePlacesAPIProvider = function GooglePlacesAPIProvider(_ref) {
-  var _window, _window$google;
-  var children = _ref.children,
-    apiKey = _ref.apiKey,
-    language = _ref.language,
-    _ref$libraries = _ref.libraries,
-    libraries = _ref$libraries === void 0 ? 'places' : _ref$libraries;
-  // We want to prevent the google maps api to be loaded more than once
-  var isGoogleMapsDefined = typeof window !== 'undefined' && Boolean((_window = window) === null || _window === void 0 ? void 0 : (_window$google = _window.google) === null || _window$google === void 0 ? void 0 : _window$google.maps);
-  var languageParam = language ? "&language=".concat(language) : '';
-  // NOTE: Google Maps API requires a callback when ran asynchronously. See https://developers.google.com/maps/documentation/javascript/url-params#required_parameters
-  // Dummy callback to satisfy Google Maps API.
-  var dummyCallback = function dummyCallback() {
-    return;
-  };
-  // @ts-expect-error dummyCallback does not exist on window. A callback is required by Google Maps API.
-  window.dummyCallback = dummyCallback;
-  var callback = "&callback=dummyCallback";
-  var scriptUrl = "https://maps.googleapis.com/maps/api/js?key=".concat(apiKey, "&libraries=").concat(libraries).concat(languageParam).concat(callback);
-  var _useScript = useScript(scriptUrl, isGoogleMapsDefined),
-    _useScript2 = _slicedToArray(_useScript, 2),
-    loaded = _useScript2[0],
-    error = _useScript2[1];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    available = _useState2[0],
-    setAvailable = _useState2[1];
-  useEffect(function () {
-    setAvailable(loaded && !error);
-    if (error) {
-      throw new Error('Google Places API script failed to load');
-    }
-  }, [loaded, error]);
-  return ___EmotionJSX(GooglePlacesAPIContext.Provider, {
-    value: {
-      available: available
-    }
-  }, children);
-};
-export var useGooglePlacesAPI = function useGooglePlacesAPI() {
-  var context = useContext(GooglePlacesAPIContext);
-  if (context === undefined) {
-    throw new Error('useGooglePlaces must be used inside of GooglePlacesAPIProvider');
-  }
-  return context;
-};
-export var useAddressPredictions = function useAddressPredictions(input, _ref2) {
-  var types = _ref2.types,
-    location = _ref2.location,
-    radius = _ref2.radius,
-    components = _ref2.components;
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    predictions = _useState4[0],
-    setPredictions = _useState4[1];
-  var _useGooglePlacesAPI = useGooglePlacesAPI(),
-    available = _useGooglePlacesAPI.available;
-  var autocomplete = useRef();
-  if (!autocomplete.current && available && typeof window !== 'undefined') {
-    autocomplete.current = new google.maps.places.AutocompleteService();
-  }
-  function getPlacePredictions(input) {
-    return new Promise(function (resolve) {
-      autocomplete.current.getPlacePredictions({
-        input: input,
-        types: types,
-        radius: radius,
-        location: location !== undefined ? {
-          lat: function lat() {
-            return location !== undefined ? location.lat : undefined;
-          },
-          lng: function lng() {
-            return location !== undefined ? location.lng : undefined;
-          }
-        } : undefined,
-        componentRestrictions: {
-          country: components.countries
-        }
-      }, function (predictions) {
-        var _predictions;
-        predictions = (_predictions = predictions) !== null && _predictions !== void 0 ? _predictions : [];
-        setPredictions(predictions);
-        resolve(predictions);
-      });
-    });
-  }
-  useEffect(function () {
-    if (input !== '') {
-      void getPlacePredictions(input);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [input]);
-  return {
-    available: available,
-    predictions: predictions,
-    getPlacePredictions: getPlacePredictions
-  };
-};

package/cjs/AddressSelect.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { ILocation, IPrediction } from './GooglePlaces';
-export declare type AddressSelectProps = {
-    name: string;
-    disabled?: boolean;
-    error?: string;
-    size?: 'small' | 'medium';
-    types?: string[];
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onChange?: (changed: {
-        value: string;
-        label: string;
-    }, predictions: IPrediction[]) => void;
-    location?: ILocation;
-    radius?: number;
-    countries?: string[] | string;
-    placeholder?: string;
-    assistiveText?: string;
-    autoFocus?: boolean;
-    isClearable?: boolean;
-    /**
-     * Class name to be assigned to the component
-     */
-    className?: string;
-};
-declare const AddressSelect: ({ name, disabled, error, size, types, onFocus, onBlur, onChange, location, radius, countries, ...rest }: AddressSelectProps) => JSX.Element;
-export default AddressSelect;

package/cjs/GooglePlaces.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-export declare const GooglePlacesAPIContext: React.Context<{
-    available: boolean;
-}>;
-export interface ILocation {
-    lat: number;
-    lng: number;
-}
-interface IPredictionsOptions {
-    types?: string[] | undefined;
-    location?: ILocation | undefined;
-    radius?: number | undefined;
-    components: {
-        countries: string | string[] | undefined;
-    };
-}
-interface IPredictionSubstring {
-    length: number;
-    offset: number;
-}
-interface IAutocompleteStructuredFormatting {
-    main_text: string;
-    main_text_matched_substrings: IPredictionSubstring[];
-    secondary_text: string;
-}
-interface IPredictionTerm {
-    offset: number;
-    value: string;
-}
-export interface IPrediction {
-    description: string;
-    matched_substrings: IPredictionSubstring[];
-    place_id: string;
-    reference: string;
-    structured_formatting: IAutocompleteStructuredFormatting;
-    terms: IPredictionTerm[];
-    types: string[];
-}
-export interface IGooglePlacesAPIProviderProps {
-    children: React.ReactNode;
-    apiKey: string;
-    language?: string;
-    libraries?: string;
-}
-export declare const GooglePlacesAPIProvider: ({ children, apiKey, language, libraries, }: IGooglePlacesAPIProviderProps) => JSX.Element;
-export declare const useGooglePlacesAPI: () => {
-    available: boolean;
-};
-export declare const useAddressPredictions: (input: string, { types, location, radius, components }: IPredictionsOptions) => {
-    available: boolean;
-    predictions: IPrediction[];
-    getPlacePredictions: (input: string) => Promise<IPrediction[]>;
-};
-export {};

package/cjs/GooglePlaces.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGooglePlacesAPI = exports.useAddressPredictions = exports.GooglePlacesAPIProvider = exports.GooglePlacesAPIContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@dfds-ui/hooks");
-var _react2 = require("@emotion/react");
-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); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const GooglePlacesAPIContext = /*#__PURE__*/(0, _react.createContext)({
-  available: false
-});
-exports.GooglePlacesAPIContext = GooglePlacesAPIContext;
-const GooglePlacesAPIProvider = ({
-  children,
-  apiKey,
-  language,
-  libraries = 'places'
-}) => {
-  var _window, _window$google;
-  // We want to prevent the google maps api to be loaded more than once
-  const isGoogleMapsDefined = typeof window !== 'undefined' && Boolean((_window = window) === null || _window === void 0 ? void 0 : (_window$google = _window.google) === null || _window$google === void 0 ? void 0 : _window$google.maps);
-  const languageParam = language ? `&language=${language}` : '';
-  // NOTE: Google Maps API requires a callback when ran asynchronously. See https://developers.google.com/maps/documentation/javascript/url-params#required_parameters
-  // Dummy callback to satisfy Google Maps API.
-  const dummyCallback = () => {
-    return;
-  };
-  // @ts-expect-error dummyCallback does not exist on window. A callback is required by Google Maps API.
-  window.dummyCallback = dummyCallback;
-  const callback = `&callback=dummyCallback`;
-  const scriptUrl = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${libraries}${languageParam}${callback}`;
-  const _useScript = (0, _hooks.useScript)(scriptUrl, isGoogleMapsDefined),
-    _useScript2 = _slicedToArray(_useScript, 2),
-    loaded = _useScript2[0],
-    error = _useScript2[1];
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    available = _useState2[0],
-    setAvailable = _useState2[1];
-  (0, _react.useEffect)(() => {
-    setAvailable(loaded && !error);
-    if (error) {
-      throw new Error('Google Places API script failed to load');
-    }
-  }, [loaded, error]);
-  return (0, _react2.jsx)(GooglePlacesAPIContext.Provider, {
-    value: {
-      available
-    }
-  }, children);
-};
-exports.GooglePlacesAPIProvider = GooglePlacesAPIProvider;
-const useGooglePlacesAPI = () => {
-  const context = (0, _react.useContext)(GooglePlacesAPIContext);
-  if (context === undefined) {
-    throw new Error('useGooglePlaces must be used inside of GooglePlacesAPIProvider');
-  }
-  return context;
-};
-exports.useGooglePlacesAPI = useGooglePlacesAPI;
-const useAddressPredictions = (input, {
-  types,
-  location,
-  radius,
-  components
-}) => {
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    predictions = _useState4[0],
-    setPredictions = _useState4[1];
-  const _useGooglePlacesAPI = useGooglePlacesAPI(),
-    available = _useGooglePlacesAPI.available;
-  const autocomplete = (0, _react.useRef)();
-  if (!autocomplete.current && available && typeof window !== 'undefined') {
-    autocomplete.current = new google.maps.places.AutocompleteService();
-  }
-  function getPlacePredictions(input) {
-    return new Promise(resolve => {
-      autocomplete.current.getPlacePredictions({
-        input,
-        types,
-        radius,
-        location: location !== undefined ? {
-          lat: () => location !== undefined ? location.lat : undefined,
-          lng: () => location !== undefined ? location.lng : undefined
-        } : undefined,
-        componentRestrictions: {
-          country: components.countries
-        }
-      }, predictions => {
-        var _predictions;
-        predictions = (_predictions = predictions) !== null && _predictions !== void 0 ? _predictions : [];
-        setPredictions(predictions);
-        resolve(predictions);
-      });
-    });
-  }
-  (0, _react.useEffect)(() => {
-    if (input !== '') {
-      void getPlacePredictions(input);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [input]);
-  return {
-    available,
-    predictions,
-    getPlacePredictions
-  };
-};
-exports.useAddressPredictions = useAddressPredictions;

package/cjs/index.d.ts

@@ -1,3 +0,0 @@
-export * from './GooglePlaces';
-export { default as AddressSelect } from './AddressSelect';
-export * from './AddressSelect';

package/cjs/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  AddressSelect: true
-};
-Object.defineProperty(exports, "AddressSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AddressSelect.default;
-  }
-});
-var _GooglePlaces = require("./GooglePlaces");
-Object.keys(_GooglePlaces).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GooglePlaces[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _GooglePlaces[key];
-    }
-  });
-});
-var _AddressSelect = _interopRequireWildcard(require("./AddressSelect"));
-Object.keys(_AddressSelect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AddressSelect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AddressSelect[key];
-    }
-  });
-});
-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); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";

package/index.d.ts

@@ -1,3 +0,0 @@
-export * from './GooglePlaces';
-export { default as AddressSelect } from './AddressSelect';
-export * from './AddressSelect';

package/index.js

@@ -1,3 +0,0 @@
-export * from './GooglePlaces';
-export { default as AddressSelect } from './AddressSelect';
-export * from './AddressSelect';