Version upgrade

Author: mbrn

demo/App.tsx

@@ -17,7 +17,7 @@ class App extends React.Component<AppProps, any> {
       <BasketProvider dataProvider={new PusherBasketDataProvider()}>
         <div className={classes.root}>
           <AppBar position="static" elevation={0}>
-            <Toolbar>
+            <Toolbar variant="dense">
               <Typography className={classes.title} variant="h6" color="inherit" noWrap>
                 react-basket demo
               </Typography>

demo/PusherBasketDataProvider.ts

@@ -46,6 +46,23 @@ export class PusherBasketDataProvider implements DataProvider {
     });
   }
 
+  onAllItemsDeleted = (): Promise<BasketItem[]> => {
+    return new Promise<BasketItem[]>((resolve, reject) => {
+      axios.delete("http://localhost:8080/cart", {
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          'Content-Type': 'application/json',
+        },
+      })
+        .then(response => {
+          resolve(response.data);
+        })
+        .catch(reason => {
+          reject(reason);
+        })
+    });
+  }
+
   onItemAdded = (id: string): Promise<BasketItem[]> => {
     return new Promise<BasketItem[]>((resolve, reject) => {
       axios.post<BasketItem[]>("http://localhost:8080/cart/item", { id }, {

demo/webpack.config.js

@@ -14,7 +14,7 @@ module.exports = {
     './index.tsx' // the entry point of our app
   ],
   devServer: {
-    hot: true, // enable HMR on the server
+    hot: true, // enable HMR on the server    
     headers: {
       'Access-Control-Allow-Origin': '*',
       'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept',

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-basket",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A shopping basket components library for React based on material-ui components.",
   "main": "./dist/index.js",
   "homepage": "https://github.com/mbrn/react-basket#readme",

package.json

@@ -3,6 +3,7 @@ import { BasketData, BasketItem } from '../';
 
 const BasketContext = React.createContext<BasketData>({
   items: [],
+  onAllItemsDeleted: () => {},
   onItemAdded: (id: string) => {},
   onItemDeleted: (id: string) => {}
 });

src/basket-context/index.tsx

@@ -2,6 +2,8 @@ export interface BasketData {
   isLoading?: boolean;
   items: BasketItem[];
 
+  
+  onAllItemsDeleted: () => void;
   onItemAdded: (id: string) => void;
   onItemDeleted: (id: string) => void;
 }

src/basket-data/index.ts

@@ -5,6 +5,7 @@ import { BasketData, BasketItem } from '../basket-data';
 
 export interface DataProvider {
   getInitialData(): Promise<BasketItem[]>;
+  onAllItemsDeleted(): Promise<BasketItem[]>;
   onItemAdded(id: string): Promise<BasketItem[]>;
   onItemDeleted(id: string): Promise<BasketItem[]>;
   registerToChanges(callback: (items: BasketItem[]) => void): any;
@@ -22,6 +23,7 @@ export class BasketProvider extends React.Component<BasketProviderProps, BasketD
     this.state = {
       isLoading: false,
       items: [],
+      onAllItemsDeleted: this.onAllItemsAdded,
       onItemAdded: this.onItemAdded,
       onItemDeleted: this.onItemDeleted,
     }
@@ -42,6 +44,15 @@ export class BasketProvider extends React.Component<BasketProviderProps, BasketD
     })
   }
 
+  onAllItemsAdded = () => {
+    this.setState({ isLoading: true }, () => {
+      this.props.dataProvider.onAllItemsDeleted()
+        .then(items => {
+          this.setState({ items, isLoading: false })
+        });
+    })
+  }
+
   onItemAdded = (id: string) => {
     this.setState({ isLoading: true }, () => {
       this.props.dataProvider.onItemAdded(id)

src/basket-provider/index.tsx

@@ -35,7 +35,7 @@ class BasketInner extends React.Component<BasketProps, any> {
                 icon: () => <DeleteOutline/>,
                 tooltip: 'Delete All Item',
                 onClick: () => {
-                  // this.props.basketData.onAllItemsDeleted();
+                  this.props.basketData.onAllItemsDeleted();
                 },
                 isFreeAction: true
               }