BREAKING-CHANGE: Deprecate ordering by file-prefix ##- (pattern-lab#1252)

* Remove pattern ordering by file prefix ##-
* pattern-lab#1252: Remove unused code
* pattern-lab#1252 Update pattern doc locations
* pattern-lab#1252 add possibility to disable deprecation warning
* pattern-lab#1252 Fix dev engine twig

Author: JosefBredereck

packages/uikit-workshop/src/html/partials/base-template.html

@@ -10,11 +10,11 @@
     <ul class="pl-c-breadcrumb">
       {{# patternBreadcrumb }}
 
-      <li class="pl-c-breadcrumb__item">{{ patternType }}</li>
+      <li class="pl-c-breadcrumb__item">{{ patternGroup }}</li>
 
-      {{# patternSubtype }}
-      <li class="pl-c-breadcrumb__item">{{ patternSubtype }}</li>
-      {{/ patternSubtype }} {{/ patternBreadcrumb }}
+      {{# patternSubgroup }}
+      <li class="pl-c-breadcrumb__item">{{ patternSubgroup }}</li>
+      {{/ patternSubgroup }} {{/ patternBreadcrumb }}
     </ul>
     <!--end pl-c-breadcrumb-->
 

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

@@ -245,33 +245,33 @@ class Nav extends BaseComponent {
   }
 
   render({ layoutMode }) {
-    const patternTypes = window.navItems.patternTypes;
+    const patternGroups = window.navItems.patternGroups;
 
     return (
       <ol class="pl-c-nav__list pl-js-pattern-nav-target">
-        {patternTypes.map((item, i) => {
+        {patternGroups.map((item, i) => {
           const patternItems = item.patternItems;
 
           return (
-            <NavItem className={`pl-c-nav__item--${item.patternTypeLC}`}>
+            <NavItem className={`pl-c-nav__item--${item.patternGroupLC}`}>
               <NavTitle
-                aria-controls={item.patternTypeLC}
+                aria-controls={item.patternGroupLC}
                 onClick={this.toggleNavPanel}
               >
-                {item.patternTypeUC}
+                {item.patternGroupUC}
               </NavTitle>
               <ol
-                id={item.patternSubtypeUC}
+                id={item.patternSubgroupUC}
                 className={`pl-c-nav__sublist pl-c-nav__sublist--dropdown pl-js-acc-panel`}
               >
-                {item.patternTypeItems.map((patternSubtype, i) => {
+                {item.patternGroupItems.map((patternSubgroup, i) => {
                   return (
                     <NavList
                       elem={this.elem}
-                      category={patternSubtype.patternSubtypeLC}
-                      categoryName={patternSubtype.patternSubtypeUC}
+                      category={patternSubgroup.patternSubgroupLC}
+                      categoryName={patternSubgroup.patternSubgroupUC}
                     >
-                      {patternSubtype.patternSubtypeItems}
+                      {patternSubgroup.patternSubgroupItems}
                     </NavList>
                   );
                 })}

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

@@ -22,12 +22,12 @@ export const NavList = props => {
   return (
     <NavItem className={`pl-c-nav__item--${category.toLowerCase()}`}>
       {viewAllItems.length > 0 ? (
-        viewAllItems.map(patternSubtypeItem => (
+        viewAllItems.map(patternSubgroupItem => (
           <div class="pl-c-nav__link--overview-wrapper">
             <NavLink
               category={category}
               categoryName={categoryName}
-              item={patternSubtypeItem}
+              item={patternSubgroupItem}
               elem={elem}
             />
 
@@ -53,12 +53,12 @@ export const NavList = props => {
           id={category}
           className={`pl-c-nav__subsublist pl-c-nav__subsublist--dropdown pl-js-acc-panel`}
         >
-          {nonViewAllItems.map(patternSubtypeItem => (
+          {nonViewAllItems.map(patternSubgroupItem => (
             <NavItem>
               <NavLink
                 category={category}
                 categoryName={categoryName}
-                item={patternSubtypeItem}
+                item={patternSubgroupItem}
                 elem={elem}
               />
             </NavItem>

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

@@ -45,13 +45,13 @@ class Search extends BaseComponent {
     super.connecting && super.connecting();
 
     this.items = [];
-    for (const patternType in window.patternPaths) {
-      if (window.patternPaths.hasOwnProperty(patternType)) {
-        for (const pattern in window.patternPaths[patternType]) {
-          if (window.patternPaths[patternType].hasOwnProperty(pattern)) {
+    for (const patternGroup in window.patternPaths) {
+      if (window.patternPaths.hasOwnProperty(patternGroup)) {
+        for (const pattern in window.patternPaths[patternGroup]) {
+          if (window.patternPaths[patternGroup].hasOwnProperty(pattern)) {
             const obj = {};
-            obj.label = patternType + '-' + pattern;
-            obj.id = window.patternPaths[patternType][pattern];
+            obj.label = patternGroup + '-' + pattern;
+            obj.id = window.patternPaths[patternGroup][pattern];
             this.items.push(obj);
           }
         }

packages/uikit-workshop/src/scripts/utils/url-handler.js

@@ -53,18 +53,18 @@ export const urlHandler = {
 
     // look at this as a regular pattern
     const bits = this.getPatternInfo(nameClean, paths);
-    const patternType = bits[0];
+    const patternGroup = bits[0];
     const pattern = bits[1];
 
     if (
-      paths[patternType] !== undefined &&
-      paths[patternType][pattern] !== undefined
+      paths[patternGroup] !== undefined &&
+      paths[patternGroup][pattern] !== undefined
     ) {
-      fileName = paths[patternType][pattern];
-    } else if (paths[patternType] !== undefined) {
-      for (const patternMatchKey in paths[patternType]) {
+      fileName = paths[patternGroup][pattern];
+    } else if (paths[patternGroup] !== undefined) {
+      for (const patternMatchKey in paths[patternGroup]) {
         if (patternMatchKey.indexOf(pattern) !== -1) {
-          fileName = paths[patternType][patternMatchKey];
+          fileName = paths[patternGroup][patternMatchKey];
           break;
         }
       }
@@ -114,15 +114,15 @@ export const urlHandler = {
     let i = 1;
     const c = patternBits.length;
 
-    let patternType = patternBits[0];
-    while (paths[patternType] === undefined && i < c) {
-      patternType += '-' + patternBits[i];
+    let patternGroup = patternBits[0];
+    while (paths[patternGroup] === undefined && i < c) {
+      patternGroup += '-' + patternBits[i];
       i++;
     }
 
-    const pattern = name.slice(patternType.length + 1, name.length);
+    const pattern = name.slice(patternGroup.length + 1, name.length);
 
-    return [patternType, pattern];
+    return [patternGroup, pattern];
   },
 
   /**

…twig/partials/patternSectionSubtype.twig …wig/partials/patternSectionSubgroup.twigpackages/uikit-workshop/views-twig/partials/patternSectionSubtype.twig renamed to packages/uikit-workshop/views-twig/partials/patternSectionSubgroup.twig packages/uikit-workshop/views-twig/partials/patternSectionSubtype.twig renamed to packages/uikit-workshop/views-twig/partials/patternSectionSubgroup.twig

@@ -3,8 +3,8 @@
   <!-- Index of Patterns -->
   <div class="pl-c-pattern-index">
     {% for partial in partials %}
-      {% if partial.patternSectionSubtype %}
-        {% include "@uikit/patternSectionSubtype.twig" %}
+      {% if partial.patternSectionSubgroup %}
+        {% include "@uikit/patternSectionSubgroup.twig" %}
       {% else %}
         {% include "@uikit/patternSection.twig" %}
       {% endif %}

packages/uikit-workshop/views-twig/viewall.twig

@@ -1,18 +1,20 @@
 <!-- View All Patterns in a Pattern Sub-Type -->
 <div class="pl-c-main">
-  
+
 	<!-- Index of Patterns -->
 	<div class="pl-c-pattern-index">
-	
+
 		{{# partials }}
-			{{# patternSectionSubtype }}
-			{{> patternSectionSubtype }}
-			{{/ patternSectionSubtype }}
-			{{^ patternSectionSubtype }}
-			{{> patternSection }}
-			{{/ patternSectionSubtype }}
+		{{# patternSectionSubgroup }}
+		{{> patternSectionSubgroup }}
+		{{/ patternSectionSubgroup }}
+		{{^ patternSectionSubgroup }}
+		{{> patternSection }}
+		{{/ patternSectionSubgroup }}
 		{{/ partials }}
 
-  </div><!--end pl-c-pattern-index-->
+	</div>
+	<!--end pl-c-pattern-index-->
 
-</div><!--end pl-c-main-->
+</div>
+<!--end pl-c-main-->