From e5fdfbdfd1c80751f5b86f8d46f6658c53582034 Mon Sep 17 00:00:00 2001
From: Oleg Nosov <olegnosov1@gmail.com>
Date: Sat, 27 Jun 2020 19:34:00 +0300
Subject: [PATCH] Update example (#12)

* Example: import from root

* Remove babel-runtime

* Update demo and remove some deps
---
 examples/example1/app.js       | 18 +++++++++++-------
 package.json                   |  1 -
 webpack.config.example_prod.js | 10 +---------
 yarn.lock                      | 15 ---------------
 4 files changed, 12 insertions(+), 32 deletions(-)

diff --git a/examples/example1/app.js b/examples/example1/app.js
index 03cd73c..02cdaf6 100644
--- a/examples/example1/app.js
+++ b/examples/example1/app.js
@@ -5,13 +5,17 @@ import "font-awesome/css/font-awesome.css";
 import React, { PureComponent } from "react";
 import ReactDOM from "react-dom";
 import { Provider, connect } from "react-redux";
-import Product from "../../src/containers/Product";
-import Cart from "../../src/containers/Cart";
-import CheckoutButton from "../../src/containers/CheckoutButton";
-import { setCartCurrency } from "../../src/actions";
-import { getDefaultLocalization } from "../../src/localization";
+import {
+  Product,
+  Cart,
+  CheckoutButton,
+  setCartCurrency,
+  cartLocalization,
+} from "../..";
 import store from "./store";
 
+const { getDefaultLocalization } = cartLocalization;
+
 const enProductPropertiesWithAdditionalCostLocalization = {
   purple: "Purple (+{cost, number, CUR})",
   yellow: "Yellow (+{cost, number, CUR})",
@@ -229,7 +233,7 @@ class App extends PureComponent {
 
     const afterPriceNode = (
       <form className="d-flex flex-row justify-content-around">
-        <fieldset className="form-group text-center">
+        <fieldset className="form-group">
           <legend>{additionalLocalization[lang].selectLanguage}</legend>
           {Object.entries({ en: "english", fr: "french" }).map(
             ([short, full]) => (
@@ -248,7 +252,7 @@ class App extends PureComponent {
             ),
           )}
         </fieldset>
-        <fieldset className="form-group text-center">
+        <fieldset className="form-group">
           <legend>{additionalLocalization[lang].selectCurrency}</legend>
           {["GBP", "EUR", "USD"].map((name) => (
             <div key={name} className="form-check">
diff --git a/package.json b/package.json
index b3ccbe9..d9441b7 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,6 @@
   },
   "dependencies": {
     "animate.css": "^4.1.0",
-    "babel-runtime": "^6.26.0",
     "bootstrap": "^4.0.0",
     "classnames": "^2.2.5",
     "font-awesome": "^4.7.0",
diff --git a/webpack.config.example_prod.js b/webpack.config.example_prod.js
index e305e48..d0fbefd 100644
--- a/webpack.config.example_prod.js
+++ b/webpack.config.example_prod.js
@@ -8,15 +8,7 @@ module.exports = {
     rules: [
       {
         test: /\.js$/,
-        use: [
-          {
-            loader: "babel-loader",
-            options: {
-              presets: ["@babel/preset-env"],
-              plugins: ["@babel/plugin-transform-runtime"],
-            },
-          },
-        ],
+        use: ["babel-loader"],
         exclude: /node_modules/,
       },
       {
diff --git a/yarn.lock b/yarn.lock
index f7be084..ad843fb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1965,13 +1965,6 @@ babel-preset-jest@^26.1.0:
     babel-plugin-jest-hoist "^26.1.0"
     babel-preset-current-node-syntax "^0.1.2"
 
-babel-runtime@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
-  dependencies:
-    core-js "^2.4.0"
-    regenerator-runtime "^0.11.0"
-
 babelify@^10.0.0:
   version "10.0.0"
   resolved "https://registry.yarnpkg.com/babelify/-/babelify-10.0.0.tgz#fe73b1a22583f06680d8d072e25a1e0d1d1d7fb5"
@@ -2782,10 +2775,6 @@ core-js-pure@^3.0.0:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.5.tgz#c79e75f5e38dbc85a662d91eea52b8256d53b813"
 
-core-js@^2.4.0:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
-
 core-js@^3.1.4:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
@@ -7968,10 +7957,6 @@ regenerate@^1.4.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
 
-regenerator-runtime@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
-
 regenerator-runtime@^0.13.4:
   version "0.13.5"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz#d878a1d094b4306d10b9096484b33ebd55e26697"