ordering-components-external 13.1.2 → 13.1.3

package/src/components/GpsButton/index.js

@@ -1,127 +1,127 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { WrapperGoogleMaps } from '../WrapperGoogleMaps'
-import { useLanguage } from '../../contexts/LanguageContext'
-
-/**
- * Component to get information from GPS
- * @param {object} props Props of GpsButton component
- */
-export const GpsButton = (props) => {
-  const {
-    UIComponent,
-    googleReady,
-    onData,
-    onError,
-    onAddress
-  } = props
-
-  const [, t] = useLanguage()
-  const [isLoading, setIsLoading] = useState(false)
-  const isGoogleButton = typeof googleReady !== 'undefined'
-
-  /**
-   * Function to get location from GPS
-   */
-  const handleGPS = () => {
-    if ((isGoogleButton && !googleReady) || isLoading) {
-      return
-    }
-    setIsLoading(true)
-    navigator.geolocation.getCurrentPosition((geo) => {
-      const location = {
-        lat: geo.coords.latitude,
-        lng: geo.coords.longitude
-      }
-      if (isGoogleButton && onAddress) {
-        const geocoder = new window.google.maps.Geocoder()
-        geocoder.geocode({ location }, (results, status) => {
-          setIsLoading(false)
-          let postalCode = null
-          if (results?.[0]?.address_components) {
-            for (const component of results[0].address_components) {
-              const addressType = component.types[0]
-              if (addressType === 'postal_code') {
-                postalCode = component.short_name
-                break
-              }
-            }
-            if (status === 'OK') {
-              onAddress({
-                address: results[0].formatted_address,
-                location,
-                utc_offset: (new Date()).getTimezoneOffset(),
-                zipcode: postalCode,
-                map_data: {
-                  library: 'google',
-                  place_id: results[0].place_id
-                }
-              })
-            } else {
-              onError && onError(t('ERROR_GPS_BUTTON', 'Error to get result with gps button'))
-            }
-          } else {
-            onError && onError(t('ERROR_NOT_FOUND_ADDRESS', 'The Address was not found'))
-          }
-        })
-      } else {
-        setIsLoading(false)
-        onData && onData({
-          location,
-          utc_offset: (new Date()).getTimezoneOffset()
-        })
-      }
-    }, (err) => {
-      setIsLoading(false)
-      onError && onError(t('ERROR_GPS_BUTTON', err.message))
-    }, {
-      timeout: 5000,
-      enableHighAccuracy: true
-    })
-  }
-
-  return (
-    navigator.geolocation && (
-      <UIComponent
-        {...props}
-        handleGPS={handleGPS}
-        isGoogleButton={isGoogleButton}
-        googleReady={googleReady}
-        isLoading={isLoading}
-      />
-    )
-  )
-}
-
-GpsButton.propTypes = {
-  /**
-   * Function to get data from GPS
-   * @param {object} data New address
-   */
-  onData: PropTypes.func,
-  /**
-   * Function to get error from GPS
-   * @param {object} address New address
-   */
-  onError: PropTypes.func
-}
-
-export const GoogleGpsButton = WrapperGoogleMaps(GpsButton)
-
-GoogleGpsButton.propTypes = {
-  /**
-   * You Google Maps api key
-   * @see apiKey What is Api Key ? https://developers.google.com/maps/gmp-get-started
-   */
-  apiKey: PropTypes.string.isRequired,
-  /**
-   * Function to get address from GPS
-   * @param {object} address New address
-   */
-  onAddress: PropTypes.func,
-  /**
-   * Function to get error from GPS
-   * @param {object} address New address
-   */
-  onError: PropTypes.func
-}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { WrapperGoogleMaps } from '../WrapperGoogleMaps'
+import { useLanguage } from '../../contexts/LanguageContext'
+
+/**
+ * Component to get information from GPS
+ * @param {object} props Props of GpsButton component
+ */
+export const GpsButton = (props) => {
+  const {
+    UIComponent,
+    googleReady,
+    onData,
+    onError,
+    onAddress
+  } = props
+
+  const [, t] = useLanguage()
+  const [isLoading, setIsLoading] = useState(false)
+  const isGoogleButton = typeof googleReady !== 'undefined'
+
+  /**
+   * Function to get location from GPS
+   */
+  const handleGPS = () => {
+    if ((isGoogleButton && !googleReady) || isLoading) {
+      return
+    }
+    setIsLoading(true)
+    navigator.geolocation.getCurrentPosition((geo) => {
+      const location = {
+        lat: geo.coords.latitude,
+        lng: geo.coords.longitude
+      }
+      if (isGoogleButton && onAddress) {
+        const geocoder = new window.google.maps.Geocoder()
+        geocoder.geocode({ location }, (results, status) => {
+          setIsLoading(false)
+          let postalCode = null
+          if (results?.[0]?.address_components) {
+            for (const component of results[0].address_components) {
+              const addressType = component.types[0]
+              if (addressType === 'postal_code') {
+                postalCode = component.short_name
+                break
+              }
+            }
+            if (status === 'OK') {
+              onAddress({
+                address: results[0].formatted_address,
+                location,
+                utc_offset: (new Date()).getTimezoneOffset(),
+                zipcode: postalCode,
+                map_data: {
+                  library: 'google',
+                  place_id: results[0].place_id
+                }
+              })
+            } else {
+              onError && onError(t('ERROR_GPS_BUTTON', 'Error to get result with gps button'))
+            }
+          } else {
+            onError && onError(t('ERROR_NOT_FOUND_ADDRESS', 'The Address was not found'))
+          }
+        })
+      } else {
+        setIsLoading(false)
+        onData && onData({
+          location,
+          utc_offset: (new Date()).getTimezoneOffset()
+        })
+      }
+    }, (err) => {
+      setIsLoading(false)
+      onError && onError(t('ERROR_GPS_BUTTON', err.message))
+    }, {
+      timeout: 5000,
+      enableHighAccuracy: true
+    })
+  }
+
+  return (
+    navigator.geolocation && (
+      <UIComponent
+        {...props}
+        handleGPS={handleGPS}
+        isGoogleButton={isGoogleButton}
+        googleReady={googleReady}
+        isLoading={isLoading}
+      />
+    )
+  )
+}
+
+GpsButton.propTypes = {
+  /**
+   * Function to get data from GPS
+   * @param {object} data New address
+   */
+  onData: PropTypes.func,
+  /**
+   * Function to get error from GPS
+   * @param {object} address New address
+   */
+  onError: PropTypes.func
+}
+
+export const GoogleGpsButton = WrapperGoogleMaps(GpsButton)
+
+GoogleGpsButton.propTypes = {
+  /**
+   * You Google Maps api key
+   * @see apiKey What is Api Key ? https://developers.google.com/maps/gmp-get-started
+   */
+  apiKey: PropTypes.string.isRequired,
+  /**
+   * Function to get address from GPS
+   * @param {object} address New address
+   */
+  onAddress: PropTypes.func,
+  /**
+   * Function to get error from GPS
+   * @param {object} address New address
+   */
+  onError: PropTypes.func
+}

package/src/components/LanguageSelector/index.js

@@ -1,163 +1,163 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-
-import { useLanguage } from '../../contexts/LanguageContext'
-import { useApi } from '../../contexts/ApiContext'
-
-export const LanguageSelector = (props) => {
-  const {
-    currentLanguage,
-    languages,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [languagesState, setLanguageState] = useState({ loading: !languages, languages, error: null })
-  const [languageState, , setLanguage] = useLanguage()
-  const [languageSelected, setLanguageSelected] = useState(null)
-  const requestsState = {}
-
-  /**
-   * This method is used for change the current language
-   */
-  const onChangeLanguage = (code) => {
-    const language = languagesState.languages.find(language => language.code === code)
-    if (props.handlerCustomChangeLanguage) {
-      props.handlerCustomChangeLanguage(language)
-      setLanguageSelected(language)
-      return
-    }
-    props.onChangeLanguage && props.onChangeLanguage(language)
-    setLanguage(language)
-  }
-
-  /**
-   * this method is used for load languages from API
-   */
-  const loadLanguages = async () => {
-    try {
-      setLanguageState({ ...languagesState, loading: true })
-      const source = {}
-      requestsState.languages = source
-      const { content: { error, result } } = await ordering
-        .languages()
-        .where([{ attribute: 'enabled', value: true }])
-        .get({ cancelToken: source })
-
-      const language = !error && currentLanguage && result?.find(l => l.code === currentLanguage)
-      if (language) {
-        setLanguage(language)
-        setLanguageSelected(language)
-      }
-
-      setLanguageState({
-        ...languagesState,
-        loading: false,
-        languages: error ? [] : result
-      })
-    } catch (err) {
-      if (err.constructor.name !== 'Cancel') {
-        setLanguageState({ ...languagesState, loading: false, error: [err] })
-      }
-    }
-  }
-
-  useEffect(() => {
-    if (languages?.length > 0) {
-      setLanguageState({
-        ...languagesState,
-        loading: false,
-        languages
-      })
-    } else {
-      loadLanguages()
-    }
-    return () => {
-      if (requestsState.languages) {
-        requestsState.languages.cancel && requestsState.languages.cancel()
-      }
-    }
-  }, [])
-
-  /**
-   * Selecting default if exist and there is not one in local storage
-   */
-  useEffect(() => {
-    if (currentLanguage && languages?.length > 0) {
-      const language = languages.find(language => language.code === currentLanguage)
-      setLanguage(language)
-      setLanguageSelected(language)
-    } else if (!languageState?.language?.code || !languageSelected?.code) {
-      const language = languageState?.language?.code
-        ? languageState?.language
-        : languagesState?.languages?.find(language => language.default)
-      if (language) {
-        setLanguage(language)
-        setLanguageSelected(language)
-      }
-    }
-  }, [languages, languagesState])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          currentLanguage={props.handlerCustomChangeLanguage ? languageSelected?.code : languageState?.language?.code}
-          languagesState={languagesState}
-          handleChangeLanguage={onChangeLanguage}
-        />
-      )}
-    </>
-  )
-}
-
-LanguageSelector.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * currentLanguage, this must be containt current language to show in the app
-   */
-  currentLanguage: PropTypes.string,
-  /**
-   * languages, this array must be containt a list of available languages
-   */
-  languages: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Return language selected
-   */
-  onChangeLanguage: PropTypes.func,
-  /**
-   * handlerCustomChangeLanguage, handler change behavior
-   */
-  handlerCustomChangeLanguage: PropTypes.func,
-  /**
-   * Components types before language selector
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after language selector
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before language selector
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after language selector
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-LanguageSelector.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+
+import { useLanguage } from '../../contexts/LanguageContext'
+import { useApi } from '../../contexts/ApiContext'
+
+export const LanguageSelector = (props) => {
+  const {
+    currentLanguage,
+    languages,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [languagesState, setLanguageState] = useState({ loading: !languages, languages, error: null })
+  const [languageState, , setLanguage] = useLanguage()
+  const [languageSelected, setLanguageSelected] = useState(null)
+  const requestsState = {}
+
+  /**
+   * This method is used for change the current language
+   */
+  const onChangeLanguage = (code) => {
+    const language = languagesState.languages.find(language => language.code === code)
+    if (props.handlerCustomChangeLanguage) {
+      props.handlerCustomChangeLanguage(language)
+      setLanguageSelected(language)
+      return
+    }
+    props.onChangeLanguage && props.onChangeLanguage(language)
+    setLanguage(language)
+  }
+
+  /**
+   * this method is used for load languages from API
+   */
+  const loadLanguages = async () => {
+    try {
+      setLanguageState({ ...languagesState, loading: true })
+      const source = {}
+      requestsState.languages = source
+      const { content: { error, result } } = await ordering
+        .languages()
+        .where([{ attribute: 'enabled', value: true }])
+        .get({ cancelToken: source })
+
+      const language = !error && currentLanguage && result?.find(l => l.code === currentLanguage)
+      if (language) {
+        setLanguage(language)
+        setLanguageSelected(language)
+      }
+
+      setLanguageState({
+        ...languagesState,
+        loading: false,
+        languages: error ? [] : result
+      })
+    } catch (err) {
+      if (err.constructor.name !== 'Cancel') {
+        setLanguageState({ ...languagesState, loading: false, error: [err] })
+      }
+    }
+  }
+
+  useEffect(() => {
+    if (languages?.length > 0) {
+      setLanguageState({
+        ...languagesState,
+        loading: false,
+        languages
+      })
+    } else {
+      loadLanguages()
+    }
+    return () => {
+      if (requestsState.languages) {
+        requestsState.languages.cancel && requestsState.languages.cancel()
+      }
+    }
+  }, [])
+
+  /**
+   * Selecting default if exist and there is not one in local storage
+   */
+  useEffect(() => {
+    if (currentLanguage && languages?.length > 0) {
+      const language = languages.find(language => language.code === currentLanguage)
+      setLanguage(language)
+      setLanguageSelected(language)
+    } else if (!languageState?.language?.code || !languageSelected?.code) {
+      const language = languageState?.language?.code
+        ? languageState?.language
+        : languagesState?.languages?.find(language => language.default)
+      if (language) {
+        setLanguage(language)
+        setLanguageSelected(language)
+      }
+    }
+  }, [languages, languagesState])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          currentLanguage={props.handlerCustomChangeLanguage ? languageSelected?.code : languageState?.language?.code}
+          languagesState={languagesState}
+          handleChangeLanguage={onChangeLanguage}
+        />
+      )}
+    </>
+  )
+}
+
+LanguageSelector.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * currentLanguage, this must be containt current language to show in the app
+   */
+  currentLanguage: PropTypes.string,
+  /**
+   * languages, this array must be containt a list of available languages
+   */
+  languages: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * Return language selected
+   */
+  onChangeLanguage: PropTypes.func,
+  /**
+   * handlerCustomChangeLanguage, handler change behavior
+   */
+  handlerCustomChangeLanguage: PropTypes.func,
+  /**
+   * Components types before language selector
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after language selector
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before language selector
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after language selector
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+LanguageSelector.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}