ordering-components-external 13.1.7 → 13.1.8

package/src/components/ProductsList/index.js

@@ -1,74 +1,74 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-
-export const ProductsList = (props) => {
-  const {
-    categories,
-    UIComponent
-  } = props
-
-  const [categoriesFiltered, setCategoriesFiltered] = useState(categories)
-
-  useEffect(() => {
-    setCategoriesFiltered(
-      categories.filter(category => category.id)
-    )
-  }, [categories])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          categories={categoriesFiltered}
-        />
-      )}
-    </>
-  )
-}
-
-ProductsList.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * productslist, this must be contains an object with products, loading and error data
-   */
-  productsList: PropTypes.object,
-  /**
-   * categories, this must be contains an array of products categories
-   */
-  categories: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * flag shows categories with products or only products
-   */
-  isAllCategory: PropTypes.bool,
-  /**
-   * Components types before products list
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after products list
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before products list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after products list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-ProductsList.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+export const ProductsList = (props) => {
+  const {
+    categories,
+    UIComponent
+  } = props
+
+  const [categoriesFiltered, setCategoriesFiltered] = useState(categories)
+
+  useEffect(() => {
+    setCategoriesFiltered(
+      categories.filter(category => category.id)
+    )
+  }, [categories])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          categories={categoriesFiltered}
+        />
+      )}
+    </>
+  )
+}
+
+ProductsList.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * productslist, this must be contains an object with products, loading and error data
+   */
+  productsList: PropTypes.object,
+  /**
+   * categories, this must be contains an array of products categories
+   */
+  categories: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * flag shows categories with products or only products
+   */
+  isAllCategory: PropTypes.bool,
+  /**
+   * Components types before products list
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after products list
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before products list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after products list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+ProductsList.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/ProductsListing/index.js

@@ -1,166 +1,166 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useOrder } from '../../contexts/OrderContext'
-
-export const ProductsListing = (props) => {
-  const {
-    isSearchByName,
-    isSearchByDescription,
-    businessId,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [orderState] = useOrder()
-
-  /**
-   * This must be contains search value from UI
-   */
-  const [searchValue, setSearchValue] = useState(null)
-  /**
-   * This must be contains category selected by user
-   */
-  const [categoryValue, setCategoryValue] = useState(null)
-  /**
-   * Object to save products, loading and error values
-   */
-  const [productsList, setProductsList] = useState({ products: [], loading: true, error: false })
-
-  /**
-   * List of business categories
-   */
-  const [categories, setCategories] = useState([])
-
-  /**
-   * Method to check if a product match with search value
-   * @param {string} name
-   * @param {*string} description
-   */
-  const isMatchSearch = (name, description) => {
-    if (!searchValue) return true
-    return (name.toLowerCase().includes(searchValue.toLowerCase()) && isSearchByName) ||
-      (description.toLowerCase().includes(searchValue.toLowerCase()) && isSearchByDescription)
-  }
-
-  /**
-   * Method to check if a product match with search value
-   * @param {number} category
-   */
-  const isMatchCategory = (categoryId) => {
-    if (!categoryValue) return true
-    return Number(categoryId) === Number(categoryValue)
-  }
-
-  /**
-   * Method to get products from API
-   */
-  const getProducts = async () => {
-    try {
-      setProductsList({
-        ...productsList,
-        loading: true
-      })
-      const { content: { result } } = await ordering
-        .businesses(businessId)
-        .products()
-        .parameters({ type: orderState.options?.type || 1 })
-        .get()
-
-      const productsFiltered = searchValue || categoryValue
-        ? result.filter(product => isMatchSearch(product.name, product.description) && isMatchCategory(product.category_id))
-        : result
-
-      setProductsList({
-        ...productsList,
-        loading: false,
-        products: productsFiltered
-      })
-    } catch (error) {
-      setProductsList({
-        ...productsList,
-        loading: false,
-        error
-      })
-    }
-  }
-
-  /**
-   * Method to get categories from api used business id
-   */
-  const getCategories = async () => {
-    const { content: { result } } = await ordering.businesses(businessId).categories().get()
-    setCategories(result)
-  }
-
-  useEffect(() => {
-    getProducts()
-  }, [searchValue, categoryValue])
-
-  useEffect(() => {
-    getCategories()
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          categoryValue={!!categoryValue}
-          categories={categories}
-          productsList={productsList}
-          handlerClickCategory={(val) => setCategoryValue(val)}
-          handlerChangeSearch={(val) => setSearchValue(val)}
-        />
-      )}
-    </>
-  )
-}
-
-ProductsListing.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Businessid, this must be contains an business id for get data from API
-   */
-  businessId: PropTypes.number,
-  /**
-   * Enable/disable search by name
-   */
-  isSearchByName: PropTypes.bool,
-  /**
-   * Enable/disable search by description
-   */
-  isSearchByDescription: PropTypes.bool,
-  /**
-   * Components types before products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-ProductsListing.defaultProps = {
-  isSearchByName: true,
-  isSearchByDescription: true,
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useOrder } from '../../contexts/OrderContext'
+
+export const ProductsListing = (props) => {
+  const {
+    isSearchByName,
+    isSearchByDescription,
+    businessId,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [orderState] = useOrder()
+
+  /**
+   * This must be contains search value from UI
+   */
+  const [searchValue, setSearchValue] = useState(null)
+  /**
+   * This must be contains category selected by user
+   */
+  const [categoryValue, setCategoryValue] = useState(null)
+  /**
+   * Object to save products, loading and error values
+   */
+  const [productsList, setProductsList] = useState({ products: [], loading: true, error: false })
+
+  /**
+   * List of business categories
+   */
+  const [categories, setCategories] = useState([])
+
+  /**
+   * Method to check if a product match with search value
+   * @param {string} name
+   * @param {*string} description
+   */
+  const isMatchSearch = (name, description) => {
+    if (!searchValue) return true
+    return (name.toLowerCase().includes(searchValue.toLowerCase()) && isSearchByName) ||
+      (description.toLowerCase().includes(searchValue.toLowerCase()) && isSearchByDescription)
+  }
+
+  /**
+   * Method to check if a product match with search value
+   * @param {number} category
+   */
+  const isMatchCategory = (categoryId) => {
+    if (!categoryValue) return true
+    return Number(categoryId) === Number(categoryValue)
+  }
+
+  /**
+   * Method to get products from API
+   */
+  const getProducts = async () => {
+    try {
+      setProductsList({
+        ...productsList,
+        loading: true
+      })
+      const { content: { result } } = await ordering
+        .businesses(businessId)
+        .products()
+        .parameters({ type: orderState.options?.type || 1 })
+        .get()
+
+      const productsFiltered = searchValue || categoryValue
+        ? result.filter(product => isMatchSearch(product.name, product.description) && isMatchCategory(product.category_id))
+        : result
+
+      setProductsList({
+        ...productsList,
+        loading: false,
+        products: productsFiltered
+      })
+    } catch (error) {
+      setProductsList({
+        ...productsList,
+        loading: false,
+        error
+      })
+    }
+  }
+
+  /**
+   * Method to get categories from api used business id
+   */
+  const getCategories = async () => {
+    const { content: { result } } = await ordering.businesses(businessId).categories().get()
+    setCategories(result)
+  }
+
+  useEffect(() => {
+    getProducts()
+  }, [searchValue, categoryValue])
+
+  useEffect(() => {
+    getCategories()
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          categoryValue={!!categoryValue}
+          categories={categories}
+          productsList={productsList}
+          handlerClickCategory={(val) => setCategoryValue(val)}
+          handlerChangeSearch={(val) => setSearchValue(val)}
+        />
+      )}
+    </>
+  )
+}
+
+ProductsListing.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Businessid, this must be contains an business id for get data from API
+   */
+  businessId: PropTypes.number,
+  /**
+   * Enable/disable search by name
+   */
+  isSearchByName: PropTypes.bool,
+  /**
+   * Enable/disable search by description
+   */
+  isSearchByDescription: PropTypes.bool,
+  /**
+   * Components types before products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+ProductsListing.defaultProps = {
+  isSearchByName: true,
+  isSearchByDescription: true,
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}