Created new toast notification component

jongpie · web-flow · commit 19b59284fceb · 2018-04-23T11:59:14.000+02:00
I also upgraded all component to API v42.0
diff --git a/src/aura/currentUser/currentUser.cmp-meta.xml b/src/aura/currentUser/currentUser.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>currentUser</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/environmentMetadata/environmentMetadata.cmp-meta.xml b/src/aura/environmentMetadata/environmentMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>environmentMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/fieldMetadata/fieldMetadata.cmp-meta.xml b/src/aura/fieldMetadata/fieldMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>fieldMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/fieldSetMetadata/fieldSetMetadata.cmp-meta.xml b/src/aura/fieldSetMetadata/fieldSetMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>fieldSetMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/inputField/inputField.cmp-meta.xml b/src/aura/inputField/inputField.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>inputField</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/listViewMetadata/listViewMetadata.cmp-meta.xml b/src/aura/listViewMetadata/listViewMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>listViewMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/lookup/lookup.cmp-meta.xml b/src/aura/lookup/lookup.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>lookup</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/modal/modal.cmp-meta.xml b/src/aura/modal/modal.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>Displays a modal, using the Lightning Design System</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/objectPropertyValue/objectPropertyValue.cmp-meta.xml b/src/aura/objectPropertyValue/objectPropertyValue.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>objectPropertyValue</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/outputField/outputField.cmp-meta.xml b/src/aura/outputField/outputField.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>outputField</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/queueMetadata/queueMetadata.cmp-meta.xml b/src/aura/queueMetadata/queueMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>queueMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/recordTypeMetadata/recordTypeMetadata.cmp-meta.xml b/src/aura/recordTypeMetadata/recordTypeMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>recordTypeMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/simpleAdmin/simpleAdmin.cmp-meta.xml b/src/aura/simpleAdmin/simpleAdmin.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>simpleAdmin</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/sobjectLabel/sobjectLabel.cmp-meta.xml b/src/aura/sobjectLabel/sobjectLabel.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>sobjectLabel</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/sobjectMetadata/sobjectMetadata.cmp-meta.xml b/src/aura/sobjectMetadata/sobjectMetadata.cmp-meta.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-    <apiVersion>41.0</apiVersion>
+    <apiVersion>42.0</apiVersion>
     <description>sobjectMetadata</description>
 </AuraDefinitionBundle>
diff --git a/src/aura/toastNotification/toastNotification.cmp b/src/aura/toastNotification/toastNotification.cmp
@@ -0,0 +1,37 @@
+<aura:component >
+
+    <!-- Public attributes -->
+    <aura:attribute name="type" type="String" description="Supported values are: error, warning, success, or info" />
+    <aura:attribute name="title" type="String" description="A short message to show the user" />
+    <aura:attribute name="details" type="String[]" description="(Optional) Detailed list of information to show to the user, using bullet points" />
+    <aura:attribute name="positioning" type="String" default="absolute" description="Determines the positioning of the toast notificaiton. Supported values are: absolute and relative" />
+
+    <aura:attribute name="render" type="Boolean" access="private" default="false" />
+
+    <!-- Handlers -->
+    <aura:handler event="c:toastNotificationEvent" action="{!c.handleNotificationEvent}" />
+
+    <!-- Markup -->
+    <aura:if isTrue="{!v.render}">
+        <div class="{! 'slds-notify_container slds-is-' + v.positioning }">
+            <div class="{! 'slds-notify slds-notify_toast slds-theme_' + v.type }" role="alert">
+                <span class="slds-assistive-text">{!v.type}</span>
+                <span class="{! 'slds-icon_container slds-icon-utility-' + v.type + 'slds-m-right_small slds-no-flex slds-align-top' }" title="Description of icon when needed">
+                    <lightning:icon iconName="{! 'utility:' + v.type }" variant="inverse" size="small" />
+                </span>
+                <div class="slds-notify__content">
+                    <h2 class="slds-text-heading_small">{!v.title}</h2>
+                    <ul>
+                        <aura:iteration items="{!v.details}" var="detail">
+                            <li>{!detail}</li>
+                        </aura:iteration>
+                    </ul>
+                </div>
+                <button class="slds-button slds-button_icon slds-notify__close slds-button_icon-inverse" title="Close" onclick="{!c.closeNotification}">
+                    <lightning:icon iconName="utility:close" variant="inverse" size="small" />
+                    <span class="slds-assistive-text">Close</span>
+                </button>
+            </div>
+        </div>
+    </aura:if>
+</aura:component>
diff --git a/src/aura/toastNotification/toastNotification.cmp-meta.xml b/src/aura/toastNotification/toastNotification.cmp-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>42.0</apiVersion>
+    <description>Displays a messsage and optional details in a toast notification component</description>
+</AuraDefinitionBundle>
diff --git a/src/aura/toastNotification/toastNotification.css b/src/aura/toastNotification/toastNotification.css
@@ -0,0 +1,8 @@
+.THIS .slds-icon_container {
+    margin-right: 10px;
+}
+
+.THIS .slds-notify__content ul {
+    list-style: disc;
+    margin-left: 10px;
+}
diff --git a/src/aura/toastNotification/toastNotificationController.js b/src/aura/toastNotification/toastNotificationController.js
@@ -0,0 +1,15 @@
+({
+    closeNotification : function(component, event, helper) {
+        component.set('v.render', false);
+        component.set('v.type', null);
+        component.set('v.title', null);
+        component.set('v.details', null);
+    },
+    handleNotificationEvent : function(component, event, helper) {
+        var hasType = event.getParam('type') !== null;
+        component.set('v.render', hasType);
+        component.set('v.type', event.getParam('type'));
+        component.set('v.title', event.getParam('title'));
+        component.set('v.details', event.getParam('details'));
+    }
+})
diff --git a/src/aura/toastNotificationEvent/toastNotificationEvent.evt b/src/aura/toastNotificationEvent/toastNotificationEvent.evt
@@ -0,0 +1,5 @@
+<aura:event type="APPLICATION" description="Event to trigger a toast notification">
+    <aura:attribute name="type" type="String" required="true" />
+    <aura:attribute name="title" type="String" required="true" />
+    <aura:attribute name="details" type="String[]" />
+</aura:event>
diff --git a/src/aura/toastNotificationEvent/toastNotificationEvent.evt-meta.xml b/src/aura/toastNotificationEvent/toastNotificationEvent.evt-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<AuraDefinitionBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>42.0</apiVersion>
+    <description>An event used to trigger displaying the toastNotification component</description>
+</AuraDefinitionBundle>
diff --git a/src/package.xml b/src/package.xml
@@ -8,5 +8,5 @@
         <members>*</members>
         <name>AuraDefinitionBundle</name>
     </types>
-    <version>41.0</version>
+    <version>42.0</version>
 </Package>
