Merge 8105289 into d1344d3

packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.js

@@ -572,16 +572,23 @@ class Nav extends BaseComponent {
           );
         })}
 
-        {/* <li class="pl-c-nav__item">
-          <a
-            href="styleguide/html/styleguide.html"
-            class="pl-c-nav__link pl-c-nav__link--pattern"
-            data-patternpartial="all"
-            tabindex="0"
-          >
-            All
-          </a>
-        </li> */}
+        {/* display the All link if window.ishControlsHide is undefined (for some reason) OR window.ishControls.ishControlsHide doesn't have `views-all` and/or `all` set to true */}
+        {(window.ishControls === undefined ||
+          window.ishControls.ishControlsHide === undefined ||
+          (window.ishControls.ishControlsHide['views-all'] !== true &&
+            window.ishControls.ishControlsHide.all !== true)) && (
+          <li class="pl-c-nav__item">
+            <a
+              onClick={e => this.handleClick(e, 'all')}
+              href="styleguide/html/styleguide.html"
+              class="pl-c-nav__link pl-c-nav__link--pattern"
+              data-patternpartial="all"
+              tabindex="0"
+            >
+              All
+            </a>
+          </li>
+        )}
       </ol>
     );
   }

packages/uikit-workshop/src/scripts/components/pl-viewport/pl-viewport.js

@@ -53,12 +53,15 @@ class IFrame extends BaseComponent {
 
   // update the currently active nav + add / update the page's query string
   handlePageLoad(e) {
-    var queryString = window.location.search;
+    const queryString = window.location.search;
     const urlParams = new URLSearchParams(queryString);
-    let patternParam = urlParams.get('p');
+    const patternParam = urlParams.get('p');
 
-    if (e.detail.pattern) {
-      document.title = 'Pattern Lab - ' + e.detail.pattern;
+    const currentPattern =
+      e.detail.pattern || window.config.defaultPattern || 'all';
+
+    if (currentPattern) {
+      document.title = 'Pattern Lab - ' + currentPattern;
 
       const addressReplacement =
         window.location.protocol === 'file:'
@@ -68,21 +71,21 @@ class IFrame extends BaseComponent {
             window.location.host +
             window.location.pathname.replace('index.html', '') +
             '?p=' +
-            e.detail.pattern;
+            currentPattern;
 
       // first time hitting a PL page -- no query string on the current page
       if (patternParam === null) {
         window.history.replaceState(
           {
-            currentPattern: e.detail.pattern,
+            currentPattern: currentPattern,
           },
           null,
           addressReplacement
         );
       } else {
         window.history.replaceState(
           {
-            currentPattern: e.detail.pattern,
+            currentPattern: currentPattern,
           },
           null,
           addressReplacement
@@ -348,7 +351,10 @@ class IFrame extends BaseComponent {
       if (window.patternData) {
         patternParam = window.patternData.patternPartial;
       } else {
-        patternParam = 'all'; // @todo: this should also be able to be dynamically set via PL config file
+        patternParam =
+          window.config && window.config.defaultPattern
+            ? window.config.defaultPattern
+            : 'all';
       }
     }