ordering-components-external 13.2.13 → 13.2.14

package/example/views/Home/index.js

@@ -1,200 +1,200 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-
-export const Home = () => {
-  return (
-    <>
-      <h1>
-        Examples
-      </h1>
-      <ol>
-        <h2>A</h2>
-        <li>
-          <Link to='/active_orders'>Active orders</Link>
-        </li>
-        <li>
-          <Link to='/address_details'>Address details</Link>
-        </li>
-        <li>
-          <Link to='/apple_login'>Apple Login</Link>
-        </li>
-        <h2>B</h2>
-        <li>
-          <Link to='/business_map'>Businesses Map</Link>
-        </li>
-        <li>
-          <Link to='/business_basic_information'>Business basic information</Link>
-        </li>
-        <li>
-          <Link to='/sort_options'>Business sort options</Link>
-        </li>
-        <li>
-          <Link to='/business_type_filter'>Business type filter</Link>
-        </li>
-        <li>
-          <Link to='/business_reviews'>Business reviews</Link>
-        </li>
-        <li>
-          <Link to='/business_products_search'>Business products search</Link>
-        </li>
-        <li>
-          <Link to='/business_products_categories'>Business products categories</Link>
-        </li>
-        <li>
-          <Link to='/business_controller'>Business Controller</Link>
-        </li>
-        <li>
-          <Link to='/business_information'>Business information</Link>
-        </li>
-        <h2>C</h2>
-        <li>
-          <Link to='/config_manager'>Configs examples</Link>
-        </li>
-        <li>
-          <Link to='/checkout'>Checkout</Link>
-        </li>
-        <h2>D</h2>
-        <li>
-          <Link to='/driver_tips'>Driver tips</Link>
-        </li>
-        <h2>E</h2>
-        <li>
-          <Link to='/events'>Events</Link>
-        </li>
-        <h2>F</h2>
-        <li>
-          <Link to='/forgot_password'>Forgot password</Link>
-        </li>
-        <li>
-          <Link to='/facebook_login'>Facebook login</Link>
-        </li>
-        <li>
-          <Link to='/floating_button'>Floating Button</Link>
-        </li>
-        <h2>G</h2>
-        <li>
-          <Link to='/google_login'>Google Login</Link>
-        </li>
-        <h2>H</h2>
-        <li>
-          <Link to='/'>Home</Link>
-        </li>
-        <h2>L</h2>
-        <li>
-          <Link to='/login'>Login Component</Link>
-        </li>
-        <li>
-          <Link to='/language_selector'>Language selector</Link>
-        </li>
-        <li>
-          <Link to='/languages_examples'>Languages examples</Link>
-        </li>
-        <h2>M</h2>
-        <li>
-          <Link to='/my_orders'>My Orders</Link>
-        </li>
-        <li>
-          <Link to='/my_orders_list'>My orders list</Link>
-        </li>
-        <li>
-          <Link to='/moment_option'>Moment option</Link>
-        </li>
-        <li>
-          <Link to='/menu_control'>Menu Control</Link>
-        </li>
-        <li>
-          <Link to='/main_search'>Main Search</Link>
-        </li>
-        <li>
-          <Link to='/messages'>Messages</Link>
-        </li>
-        <h2>O</h2>
-        <li>
-        <Link to='/order_change'>Order Change</Link>
-        </li>
-        <li>
-          <Link to='/order_context_advanced'>Order context advanced</Link>
-        </li>
-        <li>
-          <Link to='/order_details'>Order details</Link>
-        </li>
-        <h2>P</h2>
-        <li>
-          <Link to='/product_component'>Product component</Link>
-        </li>
-        <li>
-          <Link to='/places'>Places</Link>
-        </li>
-        <li>
-          <Link to='/product_images'>Product images</Link>
-        </li>
-        <li>
-          <Link to='/popup_example'>Popups example</Link>
-        </li>
-        <li>
-          <Link to='/product_option_example'>Product option example</Link>
-        </li>
-        <li>
-          <Link to='/products_list'>Product list</Link>
-        </li>
-        <li>
-          <Link to='/products_listing'>Product listing</Link>
-        </li>
-        <li>
-          <Link to='/payment_options'>Payment options</Link>
-        </li>
-        <li>
-          <Link to='/product_share'>Product Share</Link>
-        </li>
-        <li>
-          <Link to='/pages'>Pages</Link>
-        </li>
-        <li>
-          <Link to='/payment_option_paypal'>Payments Options Paypal</Link>
-        </li>
-        <li>
-          <Link to='/payment_option_cash'>Payments Options Cash</Link>
-        </li>
-        <li>
-          <Link to='/payment_option_stripe'>Payments Options Stripe</Link>
-        </li>
-        <li>
-          <Link to='/payment_option_stripe_direct'>Payments Options Stripe Direct</Link>
-        </li>
-        <li>
-          <Link to='/payment_option_stripe_redirect'>Payments Options Stripe Redirect</Link>
-        </li>
-        <li>
-          <Link to='/phone_autocomplete'>Phone Autocomplete</Link>
-        </li>
-        <h2>R</h2>
-        <li>
-          <Link to='/review_orders'>Review my Orders</Link>
-        </li>
-        <li>
-          <Link to='/password/reset'>Reset Password</Link>
-        </li>
-        <h2>S</h2>
-        <li>
-          <Link to='/signup'>Signup Component</Link>
-        </li>
-        <li>
-          <Link to='/session_manager'>Session manager</Link>
-        </li>
-        <li>
-          <Link to='/search_options'>Search options</Link>
-        </li>
-        <h2>U</h2>
-        <li>
-          <Link to='/profile'>User profile</Link>
-        </li>
-        <li>
-          <Link to='/user_details'>User details</Link>
-        </li>
-        <li>
-          <Link to='/upselling'>Upselling</Link>
-        </li>
-      </ol>
-    </>
-  )
-}
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+export const Home = () => {
+  return (
+    <>
+      <h1>
+        Examples
+      </h1>
+      <ol>
+        <h2>A</h2>
+        <li>
+          <Link to='/active_orders'>Active orders</Link>
+        </li>
+        <li>
+          <Link to='/address_details'>Address details</Link>
+        </li>
+        <li>
+          <Link to='/apple_login'>Apple Login</Link>
+        </li>
+        <h2>B</h2>
+        <li>
+          <Link to='/business_map'>Businesses Map</Link>
+        </li>
+        <li>
+          <Link to='/business_basic_information'>Business basic information</Link>
+        </li>
+        <li>
+          <Link to='/sort_options'>Business sort options</Link>
+        </li>
+        <li>
+          <Link to='/business_type_filter'>Business type filter</Link>
+        </li>
+        <li>
+          <Link to='/business_reviews'>Business reviews</Link>
+        </li>
+        <li>
+          <Link to='/business_products_search'>Business products search</Link>
+        </li>
+        <li>
+          <Link to='/business_products_categories'>Business products categories</Link>
+        </li>
+        <li>
+          <Link to='/business_controller'>Business Controller</Link>
+        </li>
+        <li>
+          <Link to='/business_information'>Business information</Link>
+        </li>
+        <h2>C</h2>
+        <li>
+          <Link to='/config_manager'>Configs examples</Link>
+        </li>
+        <li>
+          <Link to='/checkout'>Checkout</Link>
+        </li>
+        <h2>D</h2>
+        <li>
+          <Link to='/driver_tips'>Driver tips</Link>
+        </li>
+        <h2>E</h2>
+        <li>
+          <Link to='/events'>Events</Link>
+        </li>
+        <h2>F</h2>
+        <li>
+          <Link to='/forgot_password'>Forgot password</Link>
+        </li>
+        <li>
+          <Link to='/facebook_login'>Facebook login</Link>
+        </li>
+        <li>
+          <Link to='/floating_button'>Floating Button</Link>
+        </li>
+        <h2>G</h2>
+        <li>
+          <Link to='/google_login'>Google Login</Link>
+        </li>
+        <h2>H</h2>
+        <li>
+          <Link to='/'>Home</Link>
+        </li>
+        <h2>L</h2>
+        <li>
+          <Link to='/login'>Login Component</Link>
+        </li>
+        <li>
+          <Link to='/language_selector'>Language selector</Link>
+        </li>
+        <li>
+          <Link to='/languages_examples'>Languages examples</Link>
+        </li>
+        <h2>M</h2>
+        <li>
+          <Link to='/my_orders'>My Orders</Link>
+        </li>
+        <li>
+          <Link to='/my_orders_list'>My orders list</Link>
+        </li>
+        <li>
+          <Link to='/moment_option'>Moment option</Link>
+        </li>
+        <li>
+          <Link to='/menu_control'>Menu Control</Link>
+        </li>
+        <li>
+          <Link to='/main_search'>Main Search</Link>
+        </li>
+        <li>
+          <Link to='/messages'>Messages</Link>
+        </li>
+        <h2>O</h2>
+        <li>
+        <Link to='/order_change'>Order Change</Link>
+        </li>
+        <li>
+          <Link to='/order_context_advanced'>Order context advanced</Link>
+        </li>
+        <li>
+          <Link to='/order_details'>Order details</Link>
+        </li>
+        <h2>P</h2>
+        <li>
+          <Link to='/product_component'>Product component</Link>
+        </li>
+        <li>
+          <Link to='/places'>Places</Link>
+        </li>
+        <li>
+          <Link to='/product_images'>Product images</Link>
+        </li>
+        <li>
+          <Link to='/popup_example'>Popups example</Link>
+        </li>
+        <li>
+          <Link to='/product_option_example'>Product option example</Link>
+        </li>
+        <li>
+          <Link to='/products_list'>Product list</Link>
+        </li>
+        <li>
+          <Link to='/products_listing'>Product listing</Link>
+        </li>
+        <li>
+          <Link to='/payment_options'>Payment options</Link>
+        </li>
+        <li>
+          <Link to='/product_share'>Product Share</Link>
+        </li>
+        <li>
+          <Link to='/pages'>Pages</Link>
+        </li>
+        <li>
+          <Link to='/payment_option_paypal'>Payments Options Paypal</Link>
+        </li>
+        <li>
+          <Link to='/payment_option_cash'>Payments Options Cash</Link>
+        </li>
+        <li>
+          <Link to='/payment_option_stripe'>Payments Options Stripe</Link>
+        </li>
+        <li>
+          <Link to='/payment_option_stripe_direct'>Payments Options Stripe Direct</Link>
+        </li>
+        <li>
+          <Link to='/payment_option_stripe_redirect'>Payments Options Stripe Redirect</Link>
+        </li>
+        <li>
+          <Link to='/phone_autocomplete'>Phone Autocomplete</Link>
+        </li>
+        <h2>R</h2>
+        <li>
+          <Link to='/review_orders'>Review my Orders</Link>
+        </li>
+        <li>
+          <Link to='/password/reset'>Reset Password</Link>
+        </li>
+        <h2>S</h2>
+        <li>
+          <Link to='/signup'>Signup Component</Link>
+        </li>
+        <li>
+          <Link to='/session_manager'>Session manager</Link>
+        </li>
+        <li>
+          <Link to='/search_options'>Search options</Link>
+        </li>
+        <h2>U</h2>
+        <li>
+          <Link to='/profile'>User profile</Link>
+        </li>
+        <li>
+          <Link to='/user_details'>User details</Link>
+        </li>
+        <li>
+          <Link to='/upselling'>Upselling</Link>
+        </li>
+      </ol>
+    </>
+  )
+}

package/example/views/LanguageSelectorExample/index.js

@@ -1,55 +1,55 @@
-import React from 'react'
-
-import { LanguageSelectorUI } from '../../components/LanguageSelectorUI'
-import { LanguageSelector } from '../../../src/components/LanguageSelector'
-import { TestComponent } from '../../components/TestComponent'
-
-export const LanguageSelectorExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: LanguageSelectorUI,
-    /**
-     * currentLanguage, this must be containt current language to show in the app
-     */
-    currentLanguage: '',
-    /**
-     * languages, this array must be containt a list of available languages
-     */
-    languages: [
-      { code: 'EN', name: 'English' },
-      { code: 'FR', name: 'French' }
-    ],
-    /**
-     * Return language selected
-     */
-    onChangeLanguage: (e) => { console.log(e) },
-    /**
-     * handlerCustomChangeLanguage, handler change behavior
-     */
-    handlerCustomChangeLanguage: null,
-    /**
-     * Components types before language selector
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after language selector
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before language selector
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after language selector
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  return <LanguageSelector {...props} />
-}
+import React from 'react'
+
+import { LanguageSelectorUI } from '../../components/LanguageSelectorUI'
+import { LanguageSelector } from '../../../src/components/LanguageSelector'
+import { TestComponent } from '../../components/TestComponent'
+
+export const LanguageSelectorExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: LanguageSelectorUI,
+    /**
+     * currentLanguage, this must be containt current language to show in the app
+     */
+    currentLanguage: '',
+    /**
+     * languages, this array must be containt a list of available languages
+     */
+    languages: [
+      { code: 'EN', name: 'English' },
+      { code: 'FR', name: 'French' }
+    ],
+    /**
+     * Return language selected
+     */
+    onChangeLanguage: (e) => { console.log(e) },
+    /**
+     * handlerCustomChangeLanguage, handler change behavior
+     */
+    handlerCustomChangeLanguage: null,
+    /**
+     * Components types before language selector
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after language selector
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before language selector
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after language selector
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  return <LanguageSelector {...props} />
+}