Merge fbec752 into a9a2a49

stone-payments · Dec 28, 2018 · aed2f22 · aed2f22
2 parents a9a2a49 + fbec752
commit aed2f22
Show file tree

Hide file tree

Showing 68 changed files with 11,163 additions and 14,573 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/sling-framework/src/framework/withEventDispatch.js b/packages/sling-framework/src/framework/withEventDispatch.js
@@ -8,15 +8,15 @@ export const withEventDispatch = (Base = HTMLElement) =>
       this.bubbleEvent = this.bubbleEvent.bind(this);
     }
 
-    dispatchEventAndMethod(evtName, detail) {
+    dispatchEventAndMethod(evtName, detail, target = this) {
       const event = new CustomEvent(evtName, {
         bubbles: true,
         detail,
       });
 
-      const method = this[`on${evtName}`];
+      const method = target[`on${evtName}`];
 
-      this.dispatchEvent(event);
+      target.dispatchEvent(event);
 
       if (isFunction(method)) {
         method(event);

diff --git a/packages/sling-framework/src/v1/src/basic/withEventDispatch.js b/packages/sling-framework/src/v1/src/basic/withEventDispatch.js
@@ -1,22 +1,22 @@
 import { isFunction } from 'sling-helpers';
 
-export const withEventDispatch = (Base = HTMLElement) =>
+export const withEventDispatch = (Base = HTMLElement, CusEvent = CustomEvent) =>
   class extends Base {
     constructor() {
       super();
 
       this.bubbleEvent = this.bubbleEvent.bind(this);
     }
 
-    dispatchEventAndMethod(evtName, detail) {
-      const event = new CustomEvent(evtName, {
+    dispatchEventAndMethod(evtName, detail, target = this) {
+      const event = new CusEvent(evtName, {
         bubbles: true,
         detail,
       });
 
-      const method = this[`on${evtName}`];
+      const method = target[`on${evtName}`];
 
-      this.dispatchEvent(event);
+      target.dispatchEvent(event);
 
       if (isFunction(method)) {
         method(event);

diff --git a/packages/sling-framework/src/v1/src/business/withLoadingAndErrorHandling.spec.js b/packages/sling-framework/src/v1/src/business/withLoadingAndErrorHandling.spec.js
@@ -8,7 +8,7 @@ const { expect } = chai;
 
 class Dummy extends withLoadingAndErrorHandling() {}
 
-describe('withLoading', () => {
+describe('withLoadingAndErrorHandling', () => {
   describe('#requestSingle()', () => {
     let dummy;
 

diff --git a/packages/sling-helpers/package-lock.json b/packages/sling-helpers/package-lock.json
diff --git a/packages/sling-helpers/src/global/globalHelper.js b/packages/sling-helpers/src/global/globalHelper.js
@@ -98,13 +98,18 @@ export const mapByKey = (collection = [], key, value) =>
 export const sleep = ms =>
   new Promise(resolve => setTimeout(resolve, ms));
 
-const toPath = str => str
+export const toPath = str => str
   .replace(/\]$/g, '')
   .replace(/(\[|\])/g, '.')
   .replace(/\.{2,}/g, '.')
   .split('.')
   .map(key => (!Number.isNaN(Number(key)) ? Number(key) : key));
 
+export const fromPath = path => path
+  .map(key => (!Number.isNaN(Number(key)) ? `[${String(key)}]` : String(key)))
+  .join('.')
+  .replace(/\.\[/g, '[');
+
 export const setIn = (obj, path, value) => {
   const normalizedPath = toPath(path);
   return timmSetIn(obj, normalizedPath, value);
@@ -132,6 +137,10 @@ export const isDeeplyEmpty = items => (items == null) ||
     .filter(hasError => !hasError)
     .length === 0;
 
+export const arraysEqual = (arrA, arrB) =>
+  arrA.length === arrB.length &&
+  arrA.every((item, index) => item === arrB[index]);
+
 export const mergeUnique = (...arrays) => [...new Set(arrays
   .reduce((result, arr) => [...result, ...arr], []))];
 

diff --git a/packages/sling-web-component-brand-icon/package-lock.json b/packages/sling-web-component-brand-icon/package-lock.json
diff --git a/packages/sling-web-component-calendar/package-lock.json b/packages/sling-web-component-calendar/package-lock.json
diff --git a/packages/sling-web-component-field-message/.npmignore b/packages/sling-web-component-field-message/.npmignore
@@ -0,0 +1,2 @@
+node_modules/
+dev/
diff --git a/packages/sling-web-component-field-message/README.md b/packages/sling-web-component-field-message/README.md
@@ -0,0 +1 @@
+# sling-web-component-field-message
diff --git a/packages/sling-web-component-field-message/package.json b/packages/sling-web-component-field-message/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "sling-web-component-field-message",
+  "version": "1.0.0",
+  "description": "Sling Field Message",
+  "module": "src/index.js",
+  "main": "dist/cjs/es5/index.js",
+  "jsnext:main": "dist/es/es6/index.js",
+  "author": "Stone Pagamentos",
+  "dependencies": {
+    "sling-framework": "^1.11.5",
+    "sling-helpers": "^1.11.5"
+  }
+}
diff --git a/packages/sling-web-component-field-message/public/index.html b/packages/sling-web-component-field-message/public/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <script src="../../../scripts/helpers/injectDependencies.js"></script>
+  <title>sling-field-message</title>
+</head>
+<body>
+  <sling-field-message message="Enter message here"></sling-field-message>
+</body>
+</html>
diff --git a/packages/sling-web-component-field-message/src/assets/host.css b/packages/sling-web-component-field-message/src/assets/host.css
@@ -0,0 +1,9 @@
+:host {
+  display: block;
+}
+
+/* for compatibility */
+
+sling-field-message {
+  display: block;
+}
diff --git a/packages/sling-web-component-field-message/src/component/FieldMessage.js b/packages/sling-web-component-field-message/src/component/FieldMessage.js
@@ -0,0 +1,45 @@
+import { setAttr } from 'sling-helpers';
+
+export const FieldMessage = Base => class extends Base {
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+
+    this.shadowRoot.innerHTML = `
+      <style>
+        @import url('sling-web-component-field-message/src/index.css');
+      </style>
+      <div></div>
+    `;
+  }
+
+  get textElement() {
+    return this.shadowRoot.querySelector('div');
+  }
+
+  get message() {
+    return this.getAttribute('message');
+  }
+
+  set message(value) {
+    setAttr(this, 'message', value);
+  }
+
+  get name() {
+    return this.getAttribute('name');
+  }
+
+  set name(value) {
+    setAttr(this, 'name', value);
+  }
+
+  static get observedAttributes() {
+    return ['message'];
+  }
+
+  attributeChangedCallback(attrName, previousValue, nextValue) {
+    if (attrName === 'message' && previousValue !== nextValue) {
+      this.textElement.innerHTML = nextValue;
+    }
+  }
+};
diff --git a/packages/sling-web-component-field-message/src/index.css b/packages/sling-web-component-field-message/src/index.css
@@ -0,0 +1 @@
+@import url('assets/host.css');
diff --git a/packages/sling-web-component-field-message/src/index.js b/packages/sling-web-component-field-message/src/index.js
@@ -0,0 +1,4 @@
+import { registerComponent } from 'sling-helpers';
+import { FieldMessage } from './component/FieldMessage.js';
+
+registerComponent('sling-field-message', FieldMessage(HTMLElement));
diff --git a/packages/sling-web-component-field/.npmignore b/packages/sling-web-component-field/.npmignore
@@ -0,0 +1,2 @@
+node_modules/
+dev/
diff --git a/packages/sling-web-component-field/README.md b/packages/sling-web-component-field/README.md
@@ -0,0 +1 @@
+# sling-web-component-field
diff --git a/packages/sling-web-component-field/package-lock.json b/packages/sling-web-component-field/package-lock.json
diff --git a/packages/sling-web-component-field/package.json b/packages/sling-web-component-field/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "sling-web-component-field",
+  "version": "1.0.0",
+  "description": "Sling Field",
+  "module": "src/index.js",
+  "main": "dist/cjs/es5/index.js",
+  "jsnext:main": "dist/es/es6/index.js",
+  "author": "Stone Pagamentos",
+  "dependencies": {
+    "imask": "^4.1.3",
+    "sling-framework": "^1.11.5",
+    "sling-helpers": "^1.11.5",
+    "sling-web-component-icon": "^1.11.7"
+  }
+}
diff --git a/packages/sling-web-component-field/public/index.css b/packages/sling-web-component-field/public/index.css
@@ -0,0 +1,9 @@
+@import url('https://fonts.googleapis.com/css?family=Heebo');
+
+body {
+  font-family: 'Heebo', sans-serif;
+}
+
+body > * {
+  margin: 20px;
+}
diff --git a/packages/sling-web-component-field/public/index.html b/packages/sling-web-component-field/public/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <script src="../../../scripts/helpers/injectDependencies.js"></script>
+  <title>Sling-Input</title>
+</head>
+<body>
+  <sling-field
+    required
+    validationstatus="success"
+    validation="function"
+    value=""
+    type="email"
+  ></sling-field>
+</body>
+</html>