ordering-components-external 13.1.2 → 13.1.4

package/src/components/BusinessSortControl/index.js

@@ -1,100 +1,100 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-
-export const BusinessSortControl = (props) => {
-  const {
-    orderType,
-    sortOptions,
-    defaultSortOption,
-    onChangeSortOption,
-    UIComponent
-  } = props
-
-  /**
-   * This property is used to set in state the current value
-   */
-  const [optionSelected, setTypeSelected] = useState(defaultSortOption)
-  /**
-   * Filter new sort options array based in order type property
-   */
-  const [sortOptionsFiltered, setSortOptionsFiltered] = useState(sortOptions)
-
-  /**
-   * Handle when select value changes
-   */
-  const handleChangeSortOption = (val) => {
-    setTypeSelected(val)
-    if (onChangeSortOption) {
-      onChangeSortOption(val)
-    }
-  }
-
-  useEffect(() => {
-    const propToDelete = orderType === 'delivery_time' ? 'Pickup time' : 'Delivery time'
-    setSortOptionsFiltered(sortOptions.filter(option => option !== propToDelete))
-  }, [orderType])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orderType={orderType}
-          sortOptions={sortOptionsFiltered}
-          currentOptionSelected={optionSelected}
-          onChangeSortOption={handleChangeSortOption}
-        />
-      )}
-    </>
-  )
-}
-
-BusinessSortControl.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Array that contains business sort options to filter
-   */
-  sortOptions: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * Default business sort option to show
-   */
-  defaultSortOption: PropTypes.string,
-  /**
-   * Property to switch delivery or pickup time on sort options select
-   */
-  orderType: PropTypes.number,
-  /**
-   * onChangeSortOption, get value from UI
-   */
-  onChangeSortOption: PropTypes.func,
-  /**
-   * Components types before business sort control
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after business sort control
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before business sort control
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after business sort control
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-BusinessSortControl.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+export const BusinessSortControl = (props) => {
+  const {
+    orderType,
+    sortOptions,
+    defaultSortOption,
+    onChangeSortOption,
+    UIComponent
+  } = props
+
+  /**
+   * This property is used to set in state the current value
+   */
+  const [optionSelected, setTypeSelected] = useState(defaultSortOption)
+  /**
+   * Filter new sort options array based in order type property
+   */
+  const [sortOptionsFiltered, setSortOptionsFiltered] = useState(sortOptions)
+
+  /**
+   * Handle when select value changes
+   */
+  const handleChangeSortOption = (val) => {
+    setTypeSelected(val)
+    if (onChangeSortOption) {
+      onChangeSortOption(val)
+    }
+  }
+
+  useEffect(() => {
+    const propToDelete = orderType === 'delivery_time' ? 'Pickup time' : 'Delivery time'
+    setSortOptionsFiltered(sortOptions.filter(option => option !== propToDelete))
+  }, [orderType])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orderType={orderType}
+          sortOptions={sortOptionsFiltered}
+          currentOptionSelected={optionSelected}
+          onChangeSortOption={handleChangeSortOption}
+        />
+      )}
+    </>
+  )
+}
+
+BusinessSortControl.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Array that contains business sort options to filter
+   */
+  sortOptions: PropTypes.arrayOf(PropTypes.string),
+  /**
+   * Default business sort option to show
+   */
+  defaultSortOption: PropTypes.string,
+  /**
+   * Property to switch delivery or pickup time on sort options select
+   */
+  orderType: PropTypes.number,
+  /**
+   * onChangeSortOption, get value from UI
+   */
+  onChangeSortOption: PropTypes.func,
+  /**
+   * Components types before business sort control
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after business sort control
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before business sort control
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after business sort control
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+BusinessSortControl.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/BusinessTypeFilter/index.js

@@ -1,142 +1,142 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-export const BusinessTypeFilter = (props) => {
-  const {
-    businessTypes,
-    onChangeBusinessType,
-    defaultBusinessType,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-
-  /**
-   * This property is used to set in state the current value
-   */
-  const [typeSelected, setTypeSelected] = useState(defaultBusinessType)
-
-  /**
-   * This state save the business type info from API
-   */
-  const [typesState, setTypesState] = useState({ loading: true, error: null, types: [], pagination: null })
-
-  /**
-   * Handle when select value changes
-   */
-  const handleChangeBusinessType = (businessType) => {
-    setTypeSelected(businessType)
-    onChangeBusinessType(businessType)
-  }
-
-  /**
-   * Method to get business types from API
-   */
-  const getBusinessTypes = async () => {
-    try {
-      const response = await fetch(`${ordering.root}/business_types?where=[{"attribute":"enabled","value":true}]`, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      })
-      const { error, result, pagination } = await response.json()
-      if (!error) {
-        if (result.length > 0) {
-          result.unshift({ id: null, enabled: true, image: null, name: 'All' })
-        }
-        setTypesState({
-          ...typesState,
-          loading: false,
-          types: result,
-          pagination
-        })
-        return
-      }
-      setTypesState({
-        ...typesState,
-        loading: false,
-        error: result
-      })
-    } catch (error) {
-      setTypesState({
-        ...typesState,
-        loading: false,
-        error: [error || error?.toString() || error?.message]
-      })
-    }
-  }
-
-  useEffect(() => {
-    if (businessTypes) {
-      setTypesState({
-        ...typesState,
-        loading: false,
-        types: businessTypes
-      })
-    } else {
-      getBusinessTypes()
-    }
-  }, [businessTypes])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          typesState={typesState}
-          businessTypes={businessTypes}
-          currentTypeSelected={typeSelected}
-          handleChangeBusinessType={handleChangeBusinessType}
-        />
-      )}
-    </>
-  )
-}
-
-BusinessTypeFilter.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Array that contains business types to filter
-   */
-  businessTypes: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Default business type to show
-   */
-  defaultBusinessType: PropTypes.string,
-  /**
-   * Components types before business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-BusinessTypeFilter.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+export const BusinessTypeFilter = (props) => {
+  const {
+    businessTypes,
+    onChangeBusinessType,
+    defaultBusinessType,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+
+  /**
+   * This property is used to set in state the current value
+   */
+  const [typeSelected, setTypeSelected] = useState(defaultBusinessType)
+
+  /**
+   * This state save the business type info from API
+   */
+  const [typesState, setTypesState] = useState({ loading: true, error: null, types: [], pagination: null })
+
+  /**
+   * Handle when select value changes
+   */
+  const handleChangeBusinessType = (businessType) => {
+    setTypeSelected(businessType)
+    onChangeBusinessType(businessType)
+  }
+
+  /**
+   * Method to get business types from API
+   */
+  const getBusinessTypes = async () => {
+    try {
+      const response = await fetch(`${ordering.root}/business_types?where=[{"attribute":"enabled","value":true}]`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      })
+      const { error, result, pagination } = await response.json()
+      if (!error) {
+        if (result.length > 0) {
+          result.unshift({ id: null, enabled: true, image: null, name: 'All' })
+        }
+        setTypesState({
+          ...typesState,
+          loading: false,
+          types: result,
+          pagination
+        })
+        return
+      }
+      setTypesState({
+        ...typesState,
+        loading: false,
+        error: result
+      })
+    } catch (error) {
+      setTypesState({
+        ...typesState,
+        loading: false,
+        error: [error || error?.toString() || error?.message]
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (businessTypes) {
+      setTypesState({
+        ...typesState,
+        loading: false,
+        types: businessTypes
+      })
+    } else {
+      getBusinessTypes()
+    }
+  }, [businessTypes])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          typesState={typesState}
+          businessTypes={businessTypes}
+          currentTypeSelected={typeSelected}
+          handleChangeBusinessType={handleChangeBusinessType}
+        />
+      )}
+    </>
+  )
+}
+
+BusinessTypeFilter.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Array that contains business types to filter
+   */
+  businessTypes: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * Default business type to show
+   */
+  defaultBusinessType: PropTypes.string,
+  /**
+   * Components types before business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+BusinessTypeFilter.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}