Merge pull request #331 from rackerlabs/surf-1356

fix(hx-file-tiles): SURF-1356 and bug fix Issue-322

Author: CITguy

docs/components/files/test-file-selectors.html

@@ -79,7 +79,7 @@ <h3>Tertiary with Label</h3>
   </section>
 
   <section>
-    <h3>Tertiary without Icon</h3>
+    <h3>Tertiary with Icon-Only</h3>
     <hx-file-input
       class="hxTertiary"
       icon="paperclip">

docs/components/files/test-file-tiles.html

@@ -99,14 +99,25 @@ <h3>Logically Truncated</h3>
       </div>
 
       <div class="hxCol">
-        <h3>Visually Truncated</h3>
+        <h3>Visually Truncated no Spaces</h3>
         <hx-file-tile
           details="3Kb"
           href="files/easteregg.txt"
           icon="paperclip"
           name="visually-truncated-filename-really-really-really-really-really-long-final-02.pptx"
         ></hx-file-tile>
-        <small>many characters, center truncation applied</small>
+        <small>many characters without spaces, center truncation applied</small>
+      </div>
+
+      <div class="hxCol">
+        <h3>Visually Truncated with Spaces</h3>
+        <hx-file-tile
+          details="3Kb"
+          href="files/easteregg.txt"
+          icon="paperclip"
+          name="visually truncated filename with spaces that is really-really-really-really-really-long-final-02.pptx"
+        ></hx-file-tile>
+        <small>many characters with spaces, center truncation applied</small>
       </div>
 
       <div class="hxCol">

src/helix-ui/elements/HXFileTileElement.js

@@ -319,7 +319,7 @@ export class HXFileTileElement extends HXElement {
 
     /** @private */
     _renderName () {
-        let _name = escape(this.name);
+        let _name = this.name;
         this._elName.innerHTML = `
             <span>${_name.slice(0, -PRE_TRUNC)}</span>
             <span>${_name.slice(-PRE_TRUNC)}</span>