SDK 2.1.0

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0",
+  "version": "2.1.0",
   "command": {
     "publish": {
       "ignoreChanges": [

package.json

@@ -53,44 +53,43 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.2.0",
+    "@babel/core": "^7.2.2",
     "@gen/rollup-plugin-generate-html": "^0.1.1",
-    "@mamba/configs": "file:packages/configs",
     "@mamba/app": "file:packages/components/App",
+    "@mamba/configs": "file:packages/configs",
     "@mamba/pos": "file:packages/pos",
+    "@mamba/styles": "file:packages/styles",
     "@mamba/switch": "file:packages/components/Switch",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.6.0",
-    "case": "^1.6.0",
     "cross-env": "^5.2.0",
     "deasync": "^0.1.14",
-    "eslint": "^5.10.0",
-    "globby": "^8.0.1",
+    "eslint": "^5.11.1",
     "html-minifier": "^3.5.21",
-    "husky": "^1.2.0",
+    "husky": "^1.3.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^23.6.0",
     "jest-canvas-mock": "^1.1.0",
-    "lerna": "^3.6.0",
-    "lerna-wizard": "^1.0.9",
+    "lerna": "^3.8.4",
     "lint-staged": "^8.1.0",
-    "postcss": "^7.0.6",
+    "postcss": "^7.0.7",
     "prettier": "^1.15.3",
     "quickenv": "^0.0.6",
-    "rollup": "^0.67.4",
+    "rollup": "^1.0.1",
     "rollup-plugin-alias": "^1.5.1",
-    "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-babel": "^4.2.0",
     "rollup-plugin-commonjs": "^9.2.0",
     "rollup-plugin-copy": "^0.2.3",
-    "rollup-plugin-filesize": "^5.0.1",
+    "rollup-plugin-filesize": "^6.0.0",
     "rollup-plugin-livereload": "^0.6.0",
     "rollup-plugin-node-resolve": "^4.0.0",
     "rollup-plugin-replace": "^2.1.0",
-    "rollup-plugin-serve": "^0.6.0",
-    "rollup-plugin-svelte": "^4.4.0",
+    "rollup-plugin-serve": "^1.0.0",
+    "rollup-plugin-svelte": "^5.0.1",
+    "rollup-plugin-url": "^2.1.0",
     "rollup-plugin-virtual": "^1.0.1",
     "stylelint": "^9.9.0",
-    "svelte": "^2.15.3",
+    "svelte": "^2.16.0",
     "svelte-preprocess": "^2.4.3"
   }
 }

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mamba/cli",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Mamba CLI",
   "author": "Stone Payments - Mamba Team",
   "contributors": [

packages/components/App/App.html

@@ -130,12 +130,11 @@
       /** Prevent default back/enter button behaviour */
       _onKeydown(e) {
         /* istanbul ignore next */
-        if (
-          !__TEST__ &&
-          __BROWSER__ &&
-          !e.path.find(node => node.id === 'app-root')
-        ) {
-          return;
+        if (!__TEST__ && __BROWSER__) {
+          const eventPath = e.path || (e.composedPath && e.composedPath());
+          if (eventPath && !eventPath.find(node => node.id === 'app-root')) {
+            return;
+          }
         }
 
         const keyName = Keyboard.getKeyName(e.keyCode);
@@ -158,14 +157,16 @@
          * allow it to pass through.
          * */
         /* istanbul ignore next */
-        if (
-          !__TEST__ &&
-          __BROWSER__ &&
-          !e.path.find(node => node.id === 'app-root') &&
-          (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') &&
-          !Keyboard.isActionKey(keyCode)
-        ) {
-          return;
+        if (!__TEST__ && __BROWSER__) {
+          const eventPath = e.path || (e.composedPath && e.composedPath());
+          if (
+            eventPath &&
+            !eventPath.find(node => node.id === 'app-root') &&
+            (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') &&
+            !Keyboard.isActionKey(keyCode)
+          ) {
+            return;
+          }
         }
 
         const keyName = Keyboard.getKeyName(keyCode);
@@ -200,7 +201,7 @@
           /** Guarantees that the 'back' button is enabled and navigable is enabled */
           if (Keyboard.isBackspaceEnabled() && this.get().navigable.back) {
             e.preventDefault();
-            if (this.root.router && this.root.router.get().path !== '/') {
+            if (this.root.router && this.root.router.get().context.path !== '/') {
               this.root.router.back();
             }
           }
@@ -257,8 +258,6 @@
 </script>
 
 <style type="text/postcss">
-  @import '@mamba/styles/theme.pcss';
-
   :global(#app-root) {
     background-color: $app-bg-color;
 

packages/components/App/README.md

@@ -71,9 +71,24 @@ O componente `Keystroke` associa um evento de tecla á uma tecla específica e o
 
 #### Parâmetros
 
-`<Keystroke ...props on:keystroke="..."/>`
+`<Keystroke ...props/>`
 
 | Parâmetro   | Descrição                                              | Tipo            | Padrão     |
 |-------------|--------------------------------------------------------|-----------------|------------|
 | key          | Define a tecla associada ao handler                   | `string`        | `null`     |
 | active       | Define ser o handler deve estar ativo ou não           | `boolean`      | `true`     |
+
+### Eventos
+
+`<Keystroke ... on:event="..."/>`
+
+| Eventos     | Disparado quando ...                 | Tipo                                                                          |
+|-------------|--------------------------------------|-------------------------------------------------------------------------------|
+| keystroke   | Uma das teclas do POS é pressionada  |`function`([keyup](https://developer.mozilla.org/pt-BR/docs/Web/Events/keyup)) |
+
+#### Exemplo:
+
+Chama `myMethod(keyup)` passando como parâmetro o evento de keyup quando a tecla especificada em `key` é pressionada.
+```html
+<Keystroke key="back" on:keystroke="myMethod(event)" />
+```

packages/components/App/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mamba/app",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "svelte": "App.html",
   "author": "Stone Payments - Mamba Team",
   "contributors": [
@@ -14,8 +14,8 @@
     "start": "rollup -c ../../../tools/rollup/config.component.watch.js -w"
   },
   "devDependencies": {
-    "@mamba/pos": "^2.0.0",
-    "@mamba/styles": "^2.0.0"
+    "@mamba/pos": "^2.1.0",
+    "@mamba/styles": "^2.1.0"
   },
   "peerDependencies": {
     "@mamba/pos": "^2.0.0"

packages/components/AppBar/AppBar.html

@@ -1,6 +1,6 @@
 <header class="appbar" {style}>
   {#if _showBack}
-    <div class="icon-left" on:click="goBack()">
+    <div class="icon-left" on:click="_goBack()">
       <Icon symbol="chevron-left" width="10px" color={textColor} />
     </div>
   {/if}
@@ -10,7 +10,7 @@
   {/if}
 
   {#if _showHome}
-    <div class="icon-right" on:click="goHome()">
+    <div class="icon-right" on:click="_goHome()">
       <Icon symbol={_isAtHome ? 'home' : 'app-home'} color={textColor}/>
     </div>
   {/if}
@@ -85,7 +85,7 @@
       }
     },
     methods: {
-      goHome() {
+      _goHome() {
         const { _isAtHome } = this.get();
         if (_isAtHome) {
           return this.root.close();
@@ -96,7 +96,7 @@
           this.root.router.go('/');
         }
       },
-      goBack() {
+      _goBack() {
         /* istanbul ignore else */
         if (this.root.router) {
           this.root.router.back();
@@ -108,7 +108,6 @@
 
 <style type="text/postcss">
   @import '@mamba/styles/settings.pcss';
-  @import '@mamba/styles/theme.pcss';
 
   $item-horizontal-margin: 8px;
 

packages/components/AppBar/example/Example.html

@@ -13,15 +13,13 @@ <h4>Colorida com Título</h4>
 </div>
 
 <script>
-  import MambaStore from '@mamba/store';
-
-  const store = MambaStore();
+  import { Store } from 'svelte/store.js';
 
   export default {
     components: {
       AppBar: '@mamba/appbar/AppBar.html',
     },
-    store: () => store,
+    store: () => new Store(),
   };
 </script>
 

packages/components/AppBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mamba/appbar",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "svelte": "AppBar.html",
   "author": "Stone Payments - Mamba Team",
   "contributors": [
@@ -15,14 +15,14 @@
     "start": "rollup -c ../../../tools/rollup/config.component.watch.js -w"
   },
   "dependencies": {
-    "@mamba/icon": "^2.0.0",
-    "@mamba/store": "^2.0.0"
+    "@mamba/icon": "^2.1.0"
   },
   "peerDependencies": {
-    "@mamba/styles": "^2.0.0"
+    "@mamba/styles": "^2.0.0",
+    "svelte": "^2.16.0"
   },
   "devDependencies": {
-    "@mamba/pos": "^2.0.0",
-    "@mamba/styles": "^2.0.0"
+    "@mamba/pos": "^2.1.0",
+    "@mamba/styles": "^2.1.0"
   }
 }

packages/components/Barcode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mamba/barcode",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "svelte": "Barcode.html",
   "author": "Stone Payments - Mamba Team",
   "contributors": [
@@ -15,11 +15,11 @@
     "start": "rollup -c ../../../tools/rollup/config.component.watch.js -w"
   },
   "dependencies": {
-    "@mamba/styles": "^2.0.0",
+    "@mamba/styles": "^2.1.0",
     "jsbarcode": "^3.11.0"
   },
   "gitHead": "7118f44e933d2f656166a80822c0b3c1001e6a33",
   "devDependencies": {
-    "@mamba/pos": "^2.0.0"
+    "@mamba/pos": "^2.1.0"
   }
 }