ordering-components-external 13.2.13 → 13.2.15

package/example/views/Login/index.js

@@ -1,84 +1,84 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-
-import { LoginFormUI } from '../../components/LoginFormUI'
-import { LoginForm } from '../../../src/components/LoginForm'
-import { TestComponent } from '../../components/TestComponent'
-
-export const Login = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: LoginFormUI,
-    /**
-     * Function to change default login behavior
-     * Uncomment to test
-     */
-    // handleButtonLoginClick: () => console.log('Your own login workflow')),
-    /**
-     * Function to get login success event
-     * @param {Object} user User with session data
-     */
-    handleSuccessLogin: (user) => console.log('Login success with use', user),
-    /**
-     * Function to continue as guest behavior
-     * Uncomment to test
-     */
-    handleContinueAsGuest: () => console.log('Continue as guest'),
-    /**
-     * Enable/Disable login by email
-     */
-    useLoginByEmail: true,
-    /**
-     * Enable/Disable login by cellphone
-     */
-    useLoginByCellphone: true,
-    /**
-     * Selected tab by default
-     * You can choose between 'email' or 'cellphone'
-     */
-    defaultLoginTab: 'cellphone',
-    /**
-     * Components types before login form
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after login form
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before login form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after login form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>],
-    /**
-     * Url to signup page
-     * Url to create element link to signup page
-     */
-    linkToSignup: '/signup',
-    /**
-     * Url to forgot password page
-     * Url to create element link to signup page
-     */
-    linkToForgetPassword: '/forgot_password',
-    /**
-     * Element to custom link to signup
-     * You can provide de link element as react router Link or your custom Anchor to signup page
-     */
-    elementLinkToSignup: <Link to='/signup'>Go to signup</Link>,
-    /**
-     * Element to custo link to forgot password
-     * You can provide de link element as react router Link or your custom Anchor to forgot password page
-     */
-    elementLinkToForgetPassword: <Link to='/forgot_password'>Go to forgot password</Link>
-  }
-  return <LoginForm {...props} />
-}
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import { LoginFormUI } from '../../components/LoginFormUI'
+import { LoginForm } from '../../../src/components/LoginForm'
+import { TestComponent } from '../../components/TestComponent'
+
+export const Login = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: LoginFormUI,
+    /**
+     * Function to change default login behavior
+     * Uncomment to test
+     */
+    // handleButtonLoginClick: () => console.log('Your own login workflow')),
+    /**
+     * Function to get login success event
+     * @param {Object} user User with session data
+     */
+    handleSuccessLogin: (user) => console.log('Login success with use', user),
+    /**
+     * Function to continue as guest behavior
+     * Uncomment to test
+     */
+    handleContinueAsGuest: () => console.log('Continue as guest'),
+    /**
+     * Enable/Disable login by email
+     */
+    useLoginByEmail: true,
+    /**
+     * Enable/Disable login by cellphone
+     */
+    useLoginByCellphone: true,
+    /**
+     * Selected tab by default
+     * You can choose between 'email' or 'cellphone'
+     */
+    defaultLoginTab: 'cellphone',
+    /**
+     * Components types before login form
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after login form
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before login form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after login form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>],
+    /**
+     * Url to signup page
+     * Url to create element link to signup page
+     */
+    linkToSignup: '/signup',
+    /**
+     * Url to forgot password page
+     * Url to create element link to signup page
+     */
+    linkToForgetPassword: '/forgot_password',
+    /**
+     * Element to custom link to signup
+     * You can provide de link element as react router Link or your custom Anchor to signup page
+     */
+    elementLinkToSignup: <Link to='/signup'>Go to signup</Link>,
+    /**
+     * Element to custo link to forgot password
+     * You can provide de link element as react router Link or your custom Anchor to forgot password page
+     */
+    elementLinkToForgetPassword: <Link to='/forgot_password'>Go to forgot password</Link>
+  }
+  return <LoginForm {...props} />
+}

package/example/views/MainSearchExample/index.js

@@ -1,43 +1,43 @@
-import React from 'react'
-
-import { MainSearchUI } from '../../components/MainSearchUI'
-import { MainSearch } from '../../../src/components/MainSearch'
-import { TestComponent } from '../../components/TestComponent'
-
-export const MainSearchExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: MainSearchUI,
-    /**
-     * searchByAddress is used to validate if use address list and address form or dropdown options
-     */
-    searchByAddress: true,
-    /**
-     * Method to find business from API
-     */
-    handlerFindBusiness: (e) => { console.log(e) },
-    /**
-     * Components types before main search
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after main search
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before main search
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after main search
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <MainSearch {...props} />
-}
+import React from 'react'
+
+import { MainSearchUI } from '../../components/MainSearchUI'
+import { MainSearch } from '../../../src/components/MainSearch'
+import { TestComponent } from '../../components/TestComponent'
+
+export const MainSearchExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: MainSearchUI,
+    /**
+     * searchByAddress is used to validate if use address list and address form or dropdown options
+     */
+    searchByAddress: true,
+    /**
+     * Method to find business from API
+     */
+    handlerFindBusiness: (e) => { console.log(e) },
+    /**
+     * Components types before main search
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after main search
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before main search
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after main search
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <MainSearch {...props} />
+}

package/example/views/MenuControlExample/index.js

@@ -1,68 +1,68 @@
-import React, { useEffect, useState } from 'react'
-
-import { MenuControlUI } from '../../components/MenuControlUI'
-import { MenuControl } from '../../../src/components/MenuControl'
-import { TestComponent } from '../../components/TestComponent'
-import { useApi } from '../../../src/contexts/ApiContext'
-
-export const MenuControlExample = () => {
-  const [ordering] = useApi()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: MenuControlUI,
-    /**
-     * maxPreoderDays, limit days to show
-     */
-    maxPreoderDays: 7,
-    /**
-     * Business, this must be containt all business information
-     */
-    business: {
-      name: 'McBonals',
-      logo: 'https://res.cloudinary.com/ordering2/image/upload/v1562277711/bk6kvzrnfkvqgav9qi7j.png'
-    },
-    /**
-     * Handle schedule and menu selected by user
-     */
-    handleMenuInfo: (e) => { console.log(e) },
-    /**
-     * handlerSelectDate, method to returns a day selected
-     */
-    handlerSelectDate: (e) => { console.log(e) },
-    /**
-     * Components types before menu control
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after menu control
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before menu control
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after menu control
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  const [menus, setMenus] = useState({})
-
-  const getBusiness = async () => {
-    const { content: { result } } = await ordering.businesses(41).menus().get()
-    setMenus(result)
-  }
-
-  useEffect(() => {
-    getBusiness()
-  }, [])
-
-  return <MenuControl {...props} business={{ ...props.business, menus }} />
-}
+import React, { useEffect, useState } from 'react'
+
+import { MenuControlUI } from '../../components/MenuControlUI'
+import { MenuControl } from '../../../src/components/MenuControl'
+import { TestComponent } from '../../components/TestComponent'
+import { useApi } from '../../../src/contexts/ApiContext'
+
+export const MenuControlExample = () => {
+  const [ordering] = useApi()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: MenuControlUI,
+    /**
+     * maxPreoderDays, limit days to show
+     */
+    maxPreoderDays: 7,
+    /**
+     * Business, this must be containt all business information
+     */
+    business: {
+      name: 'McBonals',
+      logo: 'https://res.cloudinary.com/ordering2/image/upload/v1562277711/bk6kvzrnfkvqgav9qi7j.png'
+    },
+    /**
+     * Handle schedule and menu selected by user
+     */
+    handleMenuInfo: (e) => { console.log(e) },
+    /**
+     * handlerSelectDate, method to returns a day selected
+     */
+    handlerSelectDate: (e) => { console.log(e) },
+    /**
+     * Components types before menu control
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after menu control
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before menu control
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after menu control
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  const [menus, setMenus] = useState({})
+
+  const getBusiness = async () => {
+    const { content: { result } } = await ordering.businesses(41).menus().get()
+    setMenus(result)
+  }
+
+  useEffect(() => {
+    getBusiness()
+  }, [])
+
+  return <MenuControl {...props} business={{ ...props.business, menus }} />
+}

package/example/views/MessagesExample/index.js

@@ -1,58 +1,58 @@
-import React, { useState } from 'react'
-
-import { MessagesUI } from '../../components/MessagesUI'
-import { Messages } from '../../../src/components/Messages'
-import { TestComponent } from '../../components/TestComponent'
-
-export const MessagesExample = () => {
-  const [messages, setMessages] = useState([])
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: MessagesUI,
-
-    /**
-     * Array of messages that must be provided form orderDetails
-     */
-    messages,
-    /**
-     * function for set new messages
-     */
-    setMessages,
-    /**
-     * order to change status
-     */
-    order: {},
-    /**
-     * Id of the order to connect messages
-     */
-    orderId: 33,
-    /**
-   * @param {object} message
-   * handleCustomClick, function to get click event and return message without default behavior
-   */
-    customHandleSend: (message) => console.log('message sent', message),
-    /**
-     * Components types before [PUT HERE COMPONENT NAME]
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after [PUT HERE COMPONENT NAME]
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before [PUT HERE COMPONENT NAME]
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after [PUT HERE COMPONENT NAME]
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <Messages {...props} />
-}
+import React, { useState } from 'react'
+
+import { MessagesUI } from '../../components/MessagesUI'
+import { Messages } from '../../../src/components/Messages'
+import { TestComponent } from '../../components/TestComponent'
+
+export const MessagesExample = () => {
+  const [messages, setMessages] = useState([])
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: MessagesUI,
+
+    /**
+     * Array of messages that must be provided form orderDetails
+     */
+    messages,
+    /**
+     * function for set new messages
+     */
+    setMessages,
+    /**
+     * order to change status
+     */
+    order: {},
+    /**
+     * Id of the order to connect messages
+     */
+    orderId: 33,
+    /**
+   * @param {object} message
+   * handleCustomClick, function to get click event and return message without default behavior
+   */
+    customHandleSend: (message) => console.log('message sent', message),
+    /**
+     * Components types before [PUT HERE COMPONENT NAME]
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after [PUT HERE COMPONENT NAME]
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before [PUT HERE COMPONENT NAME]
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after [PUT HERE COMPONENT NAME]
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <Messages {...props} />
+}

package/example/views/MomentOptionExample/index.js

@@ -1,52 +1,52 @@
-import React from 'react'
-import { MomentOptionUI } from '../../components/MomentOptionUI'
-import { MomentOption } from '../../../src/components/MomentOption'
-import { TestComponent } from '../../components/TestComponent'
-
-export const MomentOptionExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: MomentOptionUI,
-    /**
-     * currentDate, this must be contains a custom date selected
-     */
-    currentDate: null,
-    /**
-     * minDate, this must be contains a custom date selected
-     */
-    // minDate: new Date('2020-08-29 18:00'),
-    /**
-     * maxDate, this must be contains a custom date selected
-     */
-    maxDate: new Date('2020-11-10 09:59'),
-    /**
-     * Method to return moment selection
-     */
-    onChangeMoment: (moment) => {
-      console.log(moment)
-    },
-    /**
-     * Components types before moment option
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after moment option
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before moment option
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after moment option
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <MomentOption {...props} />
-}
+import React from 'react'
+import { MomentOptionUI } from '../../components/MomentOptionUI'
+import { MomentOption } from '../../../src/components/MomentOption'
+import { TestComponent } from '../../components/TestComponent'
+
+export const MomentOptionExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: MomentOptionUI,
+    /**
+     * currentDate, this must be contains a custom date selected
+     */
+    currentDate: null,
+    /**
+     * minDate, this must be contains a custom date selected
+     */
+    // minDate: new Date('2020-08-29 18:00'),
+    /**
+     * maxDate, this must be contains a custom date selected
+     */
+    maxDate: new Date('2020-11-10 09:59'),
+    /**
+     * Method to return moment selection
+     */
+    onChangeMoment: (moment) => {
+      console.log(moment)
+    },
+    /**
+     * Components types before moment option
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after moment option
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before moment option
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after moment option
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <MomentOption {...props} />
+}