ordering-components-external 13.2.13 → 13.2.14

package/example/views/BusinessInformationExample/index.js

@@ -1,68 +1,68 @@
-import React, { useEffect, useState } from 'react'
-
-import { BusinessInformationUI } from '../../components/BusinessInformationUI'
-import { BusinessInformation } from '../../../src/components/BusinessInformation'
-import { TestComponent } from '../../components/TestComponent'
-import { useApi } from '../../../src/contexts/ApiContext'
-
-export const BusinessInformationExample = () => {
-  const [ordering] = useApi()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessInformationUI,
-    /**
-     * Business, object with all data to render
-     */
-    business: {},
-    /**
-     * google maps controls [zoomControl, streetViewControl, fullscreenControl, mapTypeControl, mapTypeId, mapTypeControlOptions]
-     */
-    googleMapsControls: {
-      defaultZoom: 17,
-      zoomControl: true,
-      streetViewControl: false,
-      fullscreenControl: false,
-      mapTypeId: 'roadmap', // 'roadmap', 'satellite', 'hybrid', 'terrain'
-      mapTypeControl: true,
-      mapTypeControlOptions: {
-        mapTypeIds: ['roadmap', 'satellite']
-      },
-      isMarkerDraggable: true
-    },
-    /**
-     * Components types before business information
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business information
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  const [result, setResult] = useState(props.business)
-
-  const getBusiness = async () => {
-    const { content: { result } } = await ordering.businesses(41).get()
-    setResult(result)
-  }
-
-  useEffect(() => {
-    getBusiness()
-  }, [])
-
-  return <BusinessInformation {...props} business={result} />
-}
+import React, { useEffect, useState } from 'react'
+
+import { BusinessInformationUI } from '../../components/BusinessInformationUI'
+import { BusinessInformation } from '../../../src/components/BusinessInformation'
+import { TestComponent } from '../../components/TestComponent'
+import { useApi } from '../../../src/contexts/ApiContext'
+
+export const BusinessInformationExample = () => {
+  const [ordering] = useApi()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessInformationUI,
+    /**
+     * Business, object with all data to render
+     */
+    business: {},
+    /**
+     * google maps controls [zoomControl, streetViewControl, fullscreenControl, mapTypeControl, mapTypeId, mapTypeControlOptions]
+     */
+    googleMapsControls: {
+      defaultZoom: 17,
+      zoomControl: true,
+      streetViewControl: false,
+      fullscreenControl: false,
+      mapTypeId: 'roadmap', // 'roadmap', 'satellite', 'hybrid', 'terrain'
+      mapTypeControl: true,
+      mapTypeControlOptions: {
+        mapTypeIds: ['roadmap', 'satellite']
+      },
+      isMarkerDraggable: true
+    },
+    /**
+     * Components types before business information
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business information
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  const [result, setResult] = useState(props.business)
+
+  const getBusiness = async () => {
+    const { content: { result } } = await ordering.businesses(41).get()
+    setResult(result)
+  }
+
+  useEffect(() => {
+    getBusiness()
+  }, [])
+
+  return <BusinessInformation {...props} business={result} />
+}

package/example/views/BusinessProductsCategoriesExample/index.js

@@ -1,50 +1,50 @@
-import React, { useEffect, useState } from 'react'
-
-import { BusinessProductsCategoriesUI } from '../../components/BusinessProductsCategoriesUI'
-import { BusinessProductsCategories } from '../../../src/components/BusinessProductsCategories'
-import { TestComponent } from '../../components/TestComponent'
-import { useApi } from '../../../src/contexts/ApiContext'
-
-export const BusinessProductsCategoriesExample = () => {
-  const [ordering] = useApi()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessProductsCategoriesUI,
-    onClickCategory: (e) => { console.log(e) },
-    /**
-     * Components types before business products categories
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business products categories
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business products categories
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business products categories
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  const [categories, setCategories] = useState([])
-
-  const getCategories = async () => {
-    const { content: { result } } = await ordering.businesses(41).categories().get()
-    setCategories(result)
-  }
-
-  useEffect(() => {
-    getCategories()
-  }, [])
-
-  return <BusinessProductsCategories {...props} categories={categories} />
-}
+import React, { useEffect, useState } from 'react'
+
+import { BusinessProductsCategoriesUI } from '../../components/BusinessProductsCategoriesUI'
+import { BusinessProductsCategories } from '../../../src/components/BusinessProductsCategories'
+import { TestComponent } from '../../components/TestComponent'
+import { useApi } from '../../../src/contexts/ApiContext'
+
+export const BusinessProductsCategoriesExample = () => {
+  const [ordering] = useApi()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessProductsCategoriesUI,
+    onClickCategory: (e) => { console.log(e) },
+    /**
+     * Components types before business products categories
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business products categories
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business products categories
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business products categories
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  const [categories, setCategories] = useState([])
+
+  const getCategories = async () => {
+    const { content: { result } } = await ordering.businesses(41).categories().get()
+    setCategories(result)
+  }
+
+  useEffect(() => {
+    getCategories()
+  }, [])
+
+  return <BusinessProductsCategories {...props} categories={categories} />
+}

package/example/views/BusinessProductsSearchExample/index.js

@@ -1,39 +1,39 @@
-import React from 'react'
-
-import { BusinessProductsSearchUI } from '../../components/BusinessProductsSearchUI'
-import { BusinessProductsSearch } from '../../../src/components/BusinessProductsSearch'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BusinessProductsSearchExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessProductsSearchUI,
-    /**
-     * Method to handle search value
-     */
-    onChangeSearch: (val) => { console.log(val) },
-    /**
-     * Components types before Business products search
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Business products search
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Business products search
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Business products search
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessProductsSearch {...props} />
-}
+import React from 'react'
+
+import { BusinessProductsSearchUI } from '../../components/BusinessProductsSearchUI'
+import { BusinessProductsSearch } from '../../../src/components/BusinessProductsSearch'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BusinessProductsSearchExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessProductsSearchUI,
+    /**
+     * Method to handle search value
+     */
+    onChangeSearch: (val) => { console.log(val) },
+    /**
+     * Components types before Business products search
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Business products search
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Business products search
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Business products search
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessProductsSearch {...props} />
+}

package/example/views/BusinessReviewsExample/index.js

@@ -1,43 +1,43 @@
-import React from 'react'
-
-import { BusinessReviewsUI } from '../../components/BusinessReviewsUI'
-import { BusinessReviews } from '../../../src/components/BusinessReviews'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BusinessReviewsExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessReviewsUI,
-    /**
-     * Reviews, this array must be containt all info about business reviews
-     */
-    reviews: null,
-    /**
-     * Id to get business from aPI
-     */
-    businessId: 41,
-    /**
-     * Components types before business reviews
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business reviews
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business reviews
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business reviews
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessReviews {...props} />
-}
+import React from 'react'
+
+import { BusinessReviewsUI } from '../../components/BusinessReviewsUI'
+import { BusinessReviews } from '../../../src/components/BusinessReviews'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BusinessReviewsExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessReviewsUI,
+    /**
+     * Reviews, this array must be containt all info about business reviews
+     */
+    reviews: null,
+    /**
+     * Id to get business from aPI
+     */
+    businessId: 41,
+    /**
+     * Components types before business reviews
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business reviews
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business reviews
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business reviews
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessReviews {...props} />
+}

package/example/views/BusinessSortControlExample/index.js

@@ -1,53 +1,53 @@
-import React from 'react'
-
-import { BusinessSortControlUI } from '../../components/BusinessSortControlUI'
-import { BusinessSortControl } from '../../../src/components/BusinessSortControl'
-import { TestComponent } from '../../components/TestComponent'
-import { useOrder } from '../../../src/contexts/OrderContext'
-
-export const BusinessSortControlExample = () => {
-  const [{ options }] = useOrder()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessSortControlUI,
-    /**
-     * Array that contains business sort options to filter
-     */
-    sortOptions: ['Distance', 'Rating', 'Newest', 'A-Z', 'Minimum order', 'Delivery time', 'Pickup time'],
-    /**
-     * Default business sort option to show
-     */
-    defaultSortOption: 'Distance',
-    /**
-     * Property to switch delivery or pickup time on sort options select
-     */
-    orderType: options.type || 1,
-    /**
-     * onChangeSortOption, get value from UI
-     */
-    onChangeSortOption: (e) => { console.log(e) },
-    /**
-     * Components types before business sort control
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business sort control
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business sort control
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business sort control
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessSortControl {...props} />
-}
+import React from 'react'
+
+import { BusinessSortControlUI } from '../../components/BusinessSortControlUI'
+import { BusinessSortControl } from '../../../src/components/BusinessSortControl'
+import { TestComponent } from '../../components/TestComponent'
+import { useOrder } from '../../../src/contexts/OrderContext'
+
+export const BusinessSortControlExample = () => {
+  const [{ options }] = useOrder()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessSortControlUI,
+    /**
+     * Array that contains business sort options to filter
+     */
+    sortOptions: ['Distance', 'Rating', 'Newest', 'A-Z', 'Minimum order', 'Delivery time', 'Pickup time'],
+    /**
+     * Default business sort option to show
+     */
+    defaultSortOption: 'Distance',
+    /**
+     * Property to switch delivery or pickup time on sort options select
+     */
+    orderType: options.type || 1,
+    /**
+     * onChangeSortOption, get value from UI
+     */
+    onChangeSortOption: (e) => { console.log(e) },
+    /**
+     * Components types before business sort control
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business sort control
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business sort control
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business sort control
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessSortControl {...props} />
+}

package/example/views/BusinessTypeFilterExample/index.js

@@ -1,53 +1,53 @@
-import React from 'react'
-
-import { BusinessTypeFilterUI } from '../../components/BusinessTypeFilterUI'
-import { BusinessTypeFilter } from '../../../src/components/BusinessTypeFilter'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BusinessTypeFilterExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessTypeFilterUI,
-    /**
-     * Array that contains business types to filter
-     */
-    businessTypes: [
-      { key: 'All', value: 0 },
-      { key: 'Food', value: 'food' },
-      { key: 'Alcohol', value: 'alcohol' },
-      { key: 'Groceries', value: 'groceries' },
-      { key: 'Laundry', value: 'laundry' }
-    ],
-    /**
-     * Default business type to show
-     */
-    defaultBusinessType: 'food',
-    /**
-     * onChangeBusinessType, method to get value selected
-     */
-    onChangeBusinessType: (e) => { console.log(e) },
-    /**
-     * Components types before business type filter
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business type filter
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business type filter
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business type filter
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessTypeFilter {...props} />
-}
+import React from 'react'
+
+import { BusinessTypeFilterUI } from '../../components/BusinessTypeFilterUI'
+import { BusinessTypeFilter } from '../../../src/components/BusinessTypeFilter'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BusinessTypeFilterExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessTypeFilterUI,
+    /**
+     * Array that contains business types to filter
+     */
+    businessTypes: [
+      { key: 'All', value: 0 },
+      { key: 'Food', value: 'food' },
+      { key: 'Alcohol', value: 'alcohol' },
+      { key: 'Groceries', value: 'groceries' },
+      { key: 'Laundry', value: 'laundry' }
+    ],
+    /**
+     * Default business type to show
+     */
+    defaultBusinessType: 'food',
+    /**
+     * onChangeBusinessType, method to get value selected
+     */
+    onChangeBusinessType: (e) => { console.log(e) },
+    /**
+     * Components types before business type filter
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business type filter
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business type filter
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business type filter
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessTypeFilter {...props} />
+}