#1143: Fix naming of view-all links

Author: JosefBredereck

packages/core/src/lib/ui_builder.js

@@ -175,7 +175,7 @@ const ui_builder = function() {
    */
   function addPatternType(patternlab, pattern) {
     patternlab.patternTypes.push({
-      patternTypeLC: pattern.patternGroup.toLowerCase(),
+      patternTypeLC: _.kebabCase(pattern.patternGroup),
       patternTypeUC: _.startCase(pattern.patternGroup),
       patternType: pattern.patternType,
       patternTypeDash: pattern.patternGroup, //todo verify
@@ -234,7 +234,7 @@ const ui_builder = function() {
    */
   function addPatternSubType(patternlab, pattern) {
     const newSubType = {
-      patternSubtypeLC: pattern.patternSubGroup.toLowerCase(),
+      patternSubtypeLC: _.kebabCase(pattern.patternSubGroup),
       patternSubtypeUC: _.startCase(pattern.patternSubGroup),
       patternSubtype: pattern.patternSubType,
       patternSubtypeDash: pattern.patternSubGroup, //todo verify

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

@@ -276,6 +276,7 @@ class Nav extends BaseComponent {
                     <NavList
                       elem={this.elem}
                       category={patternSubtype.patternSubtypeLC}
+                      categoryName={patternSubtype.patternSubtypeUC}
                     >
                       {patternSubtype.patternSubtypeItems}
                     </NavList>

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

@@ -16,7 +16,7 @@ export const NavLink = props => {
       data-patternpartial={props.item.patternPartial}
     >
       {props.item.isDocPattern && props.category
-        ? `${props.category}`
+        ? `${props.categoryName}`
         : props.item.patternName}
       {props.item.patternState && (
         <PatternState variant={props.item.patternState} />

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

@@ -4,7 +4,7 @@ import { NavLink } from './NavLink';
 import { NavItem } from './NavItem';
 
 export const NavList = props => {
-  const { children, category, elem } = props;
+  const { children, category, categoryName, elem } = props;
   const reorderedChildren = [];
 
   const nonViewAllItems = elem.noViewAll
@@ -25,6 +25,7 @@ export const NavList = props => {
           <div class="pl-c-nav__link--overview-wrapper">
             <NavLink
               category={category}
+              categoryName={categoryName}
               item={patternSubtypeItem}
               elem={elem}
             />
@@ -34,14 +35,14 @@ export const NavList = props => {
                 aria-controls={category}
                 onClick={elem.toggleSpecialNavPanel}
               >
-                {category}
+                {categoryName}
               </NavToggle>
             )}
           </div>
         ))
       ) : (
         <Button aria-controls={category} onClick={elem.toggleNavPanel}>
-          {category}
+          {categoryName}
         </Button>
       )}
 
@@ -55,6 +56,7 @@ export const NavList = props => {
             <NavItem>
               <NavLink
                 category={category}
+                categoryName={categoryName}
                 item={patternSubtypeItem}
                 elem={elem}
               />