Merge branch 'testing'

* testing:
  Updated changelog and readme
  Strike 0.3.0 deployment

CHANGELOG.md

@@ -1,10 +1,29 @@
 # Strike by Appiphony
 
+### Release 0.3.0 — March 31, 2017
+
+#### Improvements
+* **Strike Lookup:** Added new dropdown menu styles for mobile devices
+* **Strike Lookup:** Events have been modified to utilize a single event bundle in order to minimize component dependencies (see documentation for updated `name` and `type` values)
+* **Strike Modal:** Events have been modified to utilize a single event bundle in order to minimize component dependencies (see documentation for updated `name` and `type` values)
+* **Strike Multi Select Picklist:** Added new dropdown menu styles for mobile devices
+* **Strike Multi Select Picklist:** Events have been modified to utilize a single event bundle in order to minimize component dependencies (see documentation for updated `name` and `type` values)
+* **Strike Select:** Added new dropdown menu styles for mobile devices
+* **Strike Select:** Events have been modified to utilize a single event bundle in order to minimize component dependencies (see documentation for updated `name` and `type` values)
+* **Strike Tooltip:** Tooltips that extend past the left or right window bounds when `placement` is set to `top` or `bottom` now have their positioning adjusted to be fully visible in the window
+#### Bug Fixes
+* **Strike Select:** Fixed an issue where users were unable to open the select's dropdown when `searchable` is set to `true`
+* **Strike Lookup:** Fixed an issue where the `showRecentRecords` attribute was unable to retrieve recent records in the org
+* **Strike Lookup:** Fixed an issue where the search icon was incorrectly placed when viewed on mobile devices
+* **Strike Lookup:** Fixed an issue where an empty dropdown menu would sometimes appear over the "Searching..." message
+
+---
+
 ### Release 0.2.0 — March 21, 2017
 
 #### New Features
-* **Strike Input (Beta):** Similar to `lightning:input`, Strike Input comes with support for `helpText` functionality and custom error handling (fiddler and documentation coming soon)</li>
-* **Strike Pill (Beta):** Formerly part of Strike Multi Select Picklist, Strike Pill has been abstracted so it can be used in other upcoming Components (fiddler and documentation coming soon)</li>
+* **Strike Input (Beta):** Similar to `lightning:input`, Strike Input comes with support for `helpText` functionality and custom error handling (fiddler and documentation coming soon)
+* **Strike Pill (Beta):** Formerly part of Strike Multi Select Picklist, Strike Pill has been abstracted so it can be used in other upcoming Components (fiddler and documentation coming soon)
 #### Improvements
 * **Strike Datepicker:** Added the `helpText` attribute for descriptive tooltips (appears after the form label)
 * **Strike Lookup:** Added the `helpText` attribute for descriptive tooltips (appears after the form label)

README.md

@@ -1,6 +1,6 @@
 # Strike by Appiphony
 ### Work smarter (not harder) with Salesforce Lightning Components
-Current release: 0.2.0  
+Current release: 0.3.0  
 See it in action here: <a href="http://www.lightningstrike.io" target="_blank">http://www.lightningstrike.io</a>
 
 ---
@@ -9,9 +9,12 @@ See it in action here: <a href="http://www.lightningstrike.io" target="_blank">h
 * Badges
 * Charts
 * Datepickers
+* Inputs
 * Lookups
 * Modals
 * Multi Select Picklists
+* Options
+* Pills
 * Selects
 * Textareas
 * Tooltips

aura/defaultTokens/defaultTokens.tokens

@@ -8,4 +8,5 @@
     <aura:token name="fontSizeTextSmall" value="0.8125rem"/>
     <aura:token name="colorBorderInverse" value="#061c3f"/>
     <aura:token name="fontSizeTextXxSmall" value=".625rem"/>
+    <aura:token name="zIndexOverlay" value="8000"/>
 </aura:tokens>

aura/strike_evt/strike_evt.evt

@@ -1 +1,3 @@
-<aura:event type="COMPONENT" description="Event template" />
+<aura:event type="COMPONENT" description="Event template" >
+	<aura:attribute name="data" type="Object"/>
+</aura:event>

aura/strike_lookup/strike_lookup.cmp

@@ -53,6 +53,7 @@
     <aura:attribute name="searchTimeout" type="Object" description="Object that holds the search Timeout" access="private"/>
     <aura:attribute name="valueLabel" type="String" description="String value that holds the searchField of the selected record" access="private"/>
     <aura:attribute name="valueSublabel" type="String" description="String value that holds the subtitleField of the selected record" access="private"/>
+    <aura:attribute name="isMobile" type="Boolean" default="{!false}" description="Boolean value that determines if the user is in Salesforce1" access="private"/>
 
     <!-- Event registration and handlers -->
     <aura:handler name="init" value="{!this}" action="{!c.onInit}"/>
@@ -66,11 +67,11 @@
     <aura:handler name="change" value="{!v.order}" action="{!c.handleOrderChange}"/>
     <aura:handler name="change" value="{!v.limit}" action="{!c.handleLimitChange}"/>
 
-    <aura:registerEvent name="strike_evt_addNewRecord" type="c:strike_evt_addNewRecord" description="Fires an event that notifies when the strike_evt_addNewRecord button is pressed"/>
+    <aura:registerEvent name="strike_evt_addNewRecord" type="c:strike_evt" description="Fires an event that notifies when the strike_evt_addNewRecord button is pressed"/>
     <aura:dependency resource="force:createRecord" type="EVENT"/>
 
     <!-- Strike Lookup -->
-    <div class="{!'slds-form-element slds-lookup slds-is-open ' + if(v.error, 'slds-has-error ', '') + v.class}" data-select="single" data-scope="single">
+    <ui:scrollerWrapper aura:id="lookup" class="{!'slds-form-element slds-lookup slds-is-open ' + if(v.error, 'slds-has-error ', '') + if(v.isMobile, 'sl-lookup--mobile ', '') + if(v.openMenu, ' sl-lookup--open', '') + v.class}">
         <label class="slds-form-element__label" for="{!'strike-lookup-' + v.idNumber}">
             <aura:if isTrue="{!v.required}">
                 <abbr class="slds-required" title="required">*</abbr>
@@ -82,7 +83,7 @@
                 </c:strike_tooltip>
             </aura:if>
         </label>
-        <div class="{!'slds-form-element__control slds-input-has-icon slds-input-has-icon--right' + if(v.disabled, ' sl-disabled', '')}">
+        <div class="{!'slds-form-element__control slds-input-has-icon slds-input-has-icon--right' + if(v.disabled, ' sl-disabled', '')}" onclick="{!c.cancelLookup}">
             <div class="{!'slds-pill_container' + if(or(not(empty(v.value)), greaterthan(v.initCallsRunning, 0)), '', ' slds-hide')}">
                 <span class="{!'slds-pill slds-size--1-of-1' + if(greaterthan(v.initCallsRunning, 0), ' sl-pill--loading', '')}">
                     <aura:if isTrue="{!and(not(empty(v.iconName)), equals(v.initCallsRunning, 0))}">
@@ -101,26 +102,33 @@
                     </button>
                 </span>
             </div>
-            <div class="{!if(and(equals(v.initCallsRunning, 0), empty(v.value)), '', 'slds-hide')}">
-                <lightning:icon iconName="utility:search" size="x-small" class="sl-search-icon"/>
-                <input
-                    aura:id="lookupInput"
-                    id="{!'strike-lookup-' + v.idNumber}"
-                    name="{!'input-' + v.idNumber}"
-                    class="slds-lookup__search-input slds-input js-template-lookup"
-                    type="text"
-                    aria-autocomplete="list"
-                    role="combobox"
-                    aria-expanded="false"
-                    placeholder="{!v.placeholder}"
-                    onclick="{!c.handleInputClick}"
-                    onfocus="{!c.handleInputFocus}"
-                    onkeydown="{!c.handleInputKeyDown}"
-                    onkeyup="{!c.handleInputKeyUp}"
-                    onkeypress="{!c.handleInputKeyPress}"
-                    disabled='{!v.disabled}'/>
+            <div class="{!'sl-lookup__input_container slds-grid slds-grid--pull-padded-xx-small' + if(and(equals(v.initCallsRunning, 0), empty(v.value)), '', ' slds-hide')}">
+                <div class="sl-lookup__input slds-col slds-p-horizontal--xx-small">
+                    <lightning:icon iconName="utility:search" size="x-small" class="sl-search-icon"/>
+                    <input
+                        aura:id="lookupInput"
+                        id="{!'strike-lookup-' + v.idNumber}"
+                        name="{!'input-' + v.idNumber}"
+                        class="slds-lookup__search-input slds-input js-template-lookup"
+                        type="text"
+                        aria-autocomplete="list"
+                        role="combobox"
+                        aria-expanded="false"
+                        placeholder="{!v.placeholder}"
+                        onclick="{!c.handleInputClick}"
+                        onfocus="{!c.handleInputFocus}"
+                        onkeydown="{!c.handleInputKeyDown}"
+                        onkeyup="{!c.handleInputKeyUp}"
+                        onkeypress="{!c.handleInputKeyPress}"
+                        disabled='{!v.disabled}'/>
+                </div>
+                <aura:if isTrue="{!v.isMobile}">
+                    <div class="sl-lookup--mobile__cancel slds-col slds-no-flex slds-p-horizontal--xx-small">
+                        <button class="slds-button slds-button--neutral" onclick="{!c.cancelLookup}">Cancel</button>
+                    </div>
+                </aura:if>
             </div>
-            <div class="{!if(v.searching, 'slds-lookup__menu', 'slds-hide')}" role="listbox">
+            <div class="{!if(v.searching, 'slds-lookup__menu', 'slds-hide')}" role="listbox" onclick="{!c.handleSearchingClick}">
                 <ul class="slds-lookup__list" role="listbox">
                     <li role="presentation">
                         <span class="slds-lookup__item-action slds-media sl-searching" role="option">
@@ -131,7 +139,7 @@
                     </li>
                 </ul>
             </div>
-            <div class="{!if(v.openMenu, 'slds-lookup__menu', 'slds-hide')}" role="listbox" onclick="{!c.stopProp}">
+            <div class="{!if(and(v.searching == false, v.openMenu), 'slds-lookup__menu', 'slds-hide')}" role="listbox">
                 <div class="{!if(or(v.records == null, v.records.length == 0), '', 'slds-hide')}">
                     <ul class="slds-lookup__list" role="listbox">
                         <li role="presentation">
@@ -145,7 +153,7 @@
                         </li>
                     </ul>
                 </div>
-                <ul aura:id="lookupMenu" class="slds-lookup__list" role="listbox">
+                <ul aura:id="lookupMenu" class="{!if(v.searching, 'slds-hide', 'slds-lookup__list')}" role="listbox">
                     <aura:iteration items="{!v.records}" var="record" indexVar="index">
                         <li role="presentation" class="{!if(index == v.focusIndex, 'slds-has-focus', '')}" data-index="{!index}" onclick="{!c.handleRecordClick}">
                             <span class="slds-lookup__item-action slds-media" role="option">
@@ -165,9 +173,9 @@
                         </li>
                     </aura:iteration>
                     <aura:if isTrue="{!v.allowNewRecords}">
-                        <li role="presentation" class="{!if(index == -1, 'slds-has-focus', '')}" onclick="{!c.handleNewRecordClick}">
+                        <li role="presentation" class="{!'sl-lookup__new' + if(index == -1, ' slds-has-focus', '')}" onclick="{!c.handleNewRecordClick}">
                             <span class="slds-lookup__item-action slds-lookup__item-action--label" role="option">
-                                <lightning:icon class="slds-media__figure" iconName="utility:add" size="x-small"/>
+                                <lightning:icon iconName="utility:add" size="x-small"/>
                                 <span class="slds-truncate">Add New {!v.objectLabel}</span>
                             </span>
                         </li>
@@ -179,5 +187,5 @@
         <aura:if isTrue="{!and(v.error, not(empty(v.errorMessage)))}">
             <div class="slds-form-element__help">{!v.errorMessage}</div>
         </aura:if>
-    </div>
+    </ui:scrollerWrapper>
 </aura:component>