ordering-components-external 13.2.33 → 13.2.34

package/src/components/BusinessInformation/BusinessOption/index.js

@@ -1,86 +1,86 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-export const BusinessOption = (props) => {
-  const {
-    optionToShow,
-    UIComponent
-  } = props
-
-  const handleClickOption = (option) => {
-    const val = option === optionToShow ? null : option
-    props.handleChangeOption(val)
-  }
-
-  const formatUrlVideo = (url) => {
-    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/
-    const match = url.match(regExp)
-    const id = (match && match[7].length === 11) ? match[7] : false
-    return `https://www.youtube-nocookie.com/embed/${id}`
-  }
-
-  const openingTime = ({ open, close }) => {
-    const checkTime = (val) => val < 10 ? `0${val}` : val
-    return `${checkTime(open?.hour)}:${checkTime(open?.minute)} - ${checkTime(close?.hour)}:${checkTime(close?.minute)}`
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          handleClickOption={handleClickOption}
-          formatUrlVideo={formatUrlVideo}
-          openingTime={openingTime}
-        />
-      )}
-    </>
-  )
-}
-
-BusinessOption.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Name to show in buttom
-   */
-  label: PropTypes.string,
-  /**
-   * Array of business schedule, photos or videos, depends of label type
-   */
-  contentData: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * This must be containt all location info
-   */
-  locationData: PropTypes.object,
-  /**
-   * Components types before business opening time
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after business opening time
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before business opening time
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after business opening time
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-BusinessOption.defaultProps = {
-  contentData: [],
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+export const BusinessOption = (props) => {
+  const {
+    optionToShow,
+    UIComponent
+  } = props
+
+  const handleClickOption = (option) => {
+    const val = option === optionToShow ? null : option
+    props.handleChangeOption(val)
+  }
+
+  const formatUrlVideo = (url) => {
+    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/
+    const match = url.match(regExp)
+    const id = (match && match[7].length === 11) ? match[7] : false
+    return `https://www.youtube-nocookie.com/embed/${id}`
+  }
+
+  const openingTime = ({ open, close }) => {
+    const checkTime = (val) => val < 10 ? `0${val}` : val
+    return `${checkTime(open?.hour)}:${checkTime(open?.minute)} - ${checkTime(close?.hour)}:${checkTime(close?.minute)}`
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          handleClickOption={handleClickOption}
+          formatUrlVideo={formatUrlVideo}
+          openingTime={openingTime}
+        />
+      )}
+    </>
+  )
+}
+
+BusinessOption.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Name to show in buttom
+   */
+  label: PropTypes.string,
+  /**
+   * Array of business schedule, photos or videos, depends of label type
+   */
+  contentData: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * This must be containt all location info
+   */
+  locationData: PropTypes.object,
+  /**
+   * Components types before business opening time
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after business opening time
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before business opening time
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after business opening time
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+BusinessOption.defaultProps = {
+  contentData: [],
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/BusinessInformation/index.js

@@ -1,93 +1,93 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-
-export const BusinessInformation = (props) => {
-  const {
-    googleMapsControls,
-    business,
-    optionToShow,
-    UIComponent
-  } = props
-
-  const [showOption, setShowOption] = useState(optionToShow)
-  const [photos, setPhotos] = useState([])
-  const [videos, setVideos] = useState([])
-  const [location, setLocation] = useState({})
-
-  const onChangeOption = (value) => {
-    setShowOption(value)
-  }
-
-  useEffect(() => {
-    const photos = business?.gallery?.filter(item => item.file)
-    const videos = business?.gallery?.filter(item => item.video)
-    const location = {
-      location: business?.location,
-      address: business?.address,
-      address_notes: business?.address_notes,
-      googleMapsControls
-    }
-    setPhotos(photos)
-    setVideos(videos)
-    setLocation(location)
-  }, [business])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          businessSchedule={business.schedule || []}
-          businessPhotos={photos || []}
-          businessVideos={videos || []}
-          businessLocation={location || {}}
-          optionToShow={showOption}
-          onChangeOption={onChangeOption}
-        />
-      )}
-    </>
-  )
-}
-
-BusinessInformation.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Business, object with all data to render
-   */
-  business: PropTypes.object,
-  /**
-   * enable/disable business option of accordeon
-   */
-  optionToShow: PropTypes.string,
-  /**
-   * Components types before Business information
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after Business information
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before Business information
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after Business information
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-BusinessInformation.defaultProps = {
-  business: {},
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+export const BusinessInformation = (props) => {
+  const {
+    googleMapsControls,
+    business,
+    optionToShow,
+    UIComponent
+  } = props
+
+  const [showOption, setShowOption] = useState(optionToShow)
+  const [photos, setPhotos] = useState([])
+  const [videos, setVideos] = useState([])
+  const [location, setLocation] = useState({})
+
+  const onChangeOption = (value) => {
+    setShowOption(value)
+  }
+
+  useEffect(() => {
+    const photos = business?.gallery?.filter(item => item.file)
+    const videos = business?.gallery?.filter(item => item.video)
+    const location = {
+      location: business?.location,
+      address: business?.address,
+      address_notes: business?.address_notes,
+      googleMapsControls
+    }
+    setPhotos(photos)
+    setVideos(videos)
+    setLocation(location)
+  }, [business])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          businessSchedule={business.schedule || []}
+          businessPhotos={photos || []}
+          businessVideos={videos || []}
+          businessLocation={location || {}}
+          optionToShow={showOption}
+          onChangeOption={onChangeOption}
+        />
+      )}
+    </>
+  )
+}
+
+BusinessInformation.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Business, object with all data to render
+   */
+  business: PropTypes.object,
+  /**
+   * enable/disable business option of accordeon
+   */
+  optionToShow: PropTypes.string,
+  /**
+   * Components types before Business information
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after Business information
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before Business information
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after Business information
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+BusinessInformation.defaultProps = {
+  business: {},
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}