@workday/canvas-kit-docs 9.1.0 → 9.1.2

package/dist/es6/lib/specs.js

@@ -516,6 +516,21 @@ module.exports = {specifications: [
                         ]
                       }
                     ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user types in a value not found",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user hits the enter key",
+                        "children": []
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not clear the input"
+                      }
+                    ]
                   }
                 ]
               }

package/dist/es6/lib/widgetUtils.js

@@ -235,7 +235,7 @@ export const SymbolDoc = ({ name, fileName, headingStart = 3, hideDescription =
     const contents = requiresCodeWrapper ? (React.createElement("code", { style: { display: 'block' } }, children)) : (children);
     const symbolDocContents = (React.createElement(StyledSymbolDoc, Object.assign({}, elemProps),
         React.createElement(HeadingLevelContext.Provider, { value: headingStart },
-            !hideHeading && React.createElement(Heading, null, name),
+            !hideHeading && React.createElement(Heading, { id: `${name.toLowerCase()}-api` }, name),
             !hideDescription && doc && (React.createElement(MdxJSToJSX, null, descriptionOverride || doc.description)),
             contents)));
     return symbolDocBreadcrumb === undefined ? (React.createElement(SymbolDocWrapper, null, symbolDocContents)) : (symbolDocContents);

package/dist/es6/lib/widgets/component.js

@@ -2,7 +2,8 @@ import React from 'react';
 import { PropertiesTable, registerWidget } from '../Value';
 import { Heading } from '../widgetUtils';
 registerWidget('component', ({ value, doc, meta }) => {
+    var _a;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Heading, { headingOffset: 1 }, "Props"),
+        React.createElement(Heading, { id: `${(_a = value.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-props-api`, headingOffset: 1 }, "Props"),
         React.createElement(PropertiesTable, { properties: value.props })));
 });

package/dist/es6/lib/widgets/enhancedComponent.js

@@ -34,6 +34,7 @@ const fileNameToCategoryMap = {
     Other: ['utils/other'],
 };
 registerWidget('enhancedComponent', ({ value, doc, meta }) => {
+    var _a, _b, _c;
     const groups = groupProps(value.props);
     const parentComponentName = React.useContext(ParentComponentNameContext);
     const headingLevel = React.useContext(HeadingLevelContext);
@@ -53,7 +54,9 @@ registerWidget('enhancedComponent', ({ value, doc, meta }) => {
     }
     return (React.createElement(React.Fragment, null,
         value.styleComponent ? (React.createElement(React.Fragment, null,
-            React.createElement(Heading, { headingOffset: 1 }, "Layout Component"),
+            React.createElement(Heading, { headingOffset: 1, id: parentComponentName
+                    ? `${parentComponentName.toLowerCase()}-layout-component-api`
+                    : `${(_a = value.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-layout-component-api` }, "Layout Component"),
             React.createElement(MDX, { as: "p" },
                 React.createElement("code", null, value.displayName || parentComponentName),
                 " supports all props from the",
@@ -61,7 +64,9 @@ registerWidget('enhancedComponent', ({ value, doc, meta }) => {
                     React.createElement(ParentComponentJSDocContext.Provider, { value: defaultJSDoc },
                         React.createElement(SymbolDialog, { value: value.styleComponent }))),
                 "layout component."))) : null,
-        React.createElement(Heading, { headingOffset: 1 }, "Props"),
+        React.createElement(Heading, { headingOffset: 1, id: parentComponentName
+                ? `${parentComponentName.toLowerCase()}-props-api`
+                : `${(_b = value.displayName) === null || _b === void 0 ? void 0 : _b.toLowerCase()}-props-api` }, "Props"),
         value.baseElement && (React.createElement(ParentComponentJSDocContext.Provider, { value: defaultJSDoc },
             React.createElement(MDX, { as: "p" },
                 "Props extend from ",
@@ -90,8 +95,9 @@ registerWidget('enhancedComponent', ({ value, doc, meta }) => {
         value.elemPropsHook ? (React.createElement(SymbolDoc, { name: value.elemPropsHook, headingStart: headingLevel + 1 })) : null,
         value.subComponents
             ? value.subComponents.map((c, i) => {
+                var _a;
                 return (React.createElement(React.Fragment, { key: i },
-                    React.createElement(Heading, null,
+                    React.createElement(Heading, { id: `${(_a = value.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}.${c.name.toLowerCase()}-api` },
                         parentComponentName ? parentComponentName : value.displayName,
                         ".",
                         c.name),
@@ -101,7 +107,7 @@ registerWidget('enhancedComponent', ({ value, doc, meta }) => {
             })
             : null,
         value.componentType === 'container' && value.model ? (React.createElement(React.Fragment, null,
-            React.createElement(Heading, { headingOffset: -1 }, "Model"),
+            React.createElement(Heading, { id: `${(_c = value.displayName) === null || _c === void 0 ? void 0 : _c.toLowerCase()}-model-api`, headingOffset: -1 }, "Model"),
             React.createElement(SymbolDoc, { name: `use${value.model}` }))) : null));
 });
 function groupProps(props) {

package/lib/widgetUtils.tsx

@@ -402,7 +402,7 @@ export const SymbolDoc = ({
   const symbolDocContents = (
     <StyledSymbolDoc {...elemProps}>
       <HeadingLevelContext.Provider value={headingStart}>
-        {!hideHeading && <Heading>{name}</Heading>}
+        {!hideHeading && <Heading id={`${name.toLowerCase()}-api`}>{name}</Heading>}
         {!hideDescription && doc && (
           <MdxJSToJSX>{descriptionOverride || doc.description}</MdxJSToJSX>
         )}

package/lib/widgets/component.tsx

@@ -7,7 +7,9 @@ import {Heading} from '../widgetUtils';
 registerWidget<ComponentValue>('component', ({value, doc, meta}) => {
   return (
     <>
-      <Heading headingOffset={1}>Props</Heading>
+      <Heading id={`${value.displayName?.toLowerCase()}-props-api`} headingOffset={1}>
+        Props
+      </Heading>
       <PropertiesTable properties={value.props}></PropertiesTable>
     </>
   );

package/lib/widgets/enhancedComponent.tsx

@@ -68,7 +68,16 @@ registerWidget<EnhancedComponentValue>('enhancedComponent', ({value, doc, meta})
     <>
       {value.styleComponent ? (
         <>
-          <Heading headingOffset={1}>Layout Component</Heading>
+          <Heading
+            headingOffset={1}
+            id={
+              parentComponentName
+                ? `${parentComponentName.toLowerCase()}-layout-component-api`
+                : `${value.displayName?.toLowerCase()}-layout-component-api`
+            }
+          >
+            Layout Component
+          </Heading>
           <MDX as="p">
             <code>{value.displayName || parentComponentName}</code> supports all props from the
             <code>
@@ -80,7 +89,16 @@ registerWidget<EnhancedComponentValue>('enhancedComponent', ({value, doc, meta})
           </MDX>
         </>
       ) : null}
-      <Heading headingOffset={1}>Props</Heading>
+      <Heading
+        headingOffset={1}
+        id={
+          parentComponentName
+            ? `${parentComponentName.toLowerCase()}-props-api`
+            : `${value.displayName?.toLowerCase()}-props-api`
+        }
+      >
+        Props
+      </Heading>
       {value.baseElement && (
         <ParentComponentJSDocContext.Provider value={defaultJSDoc}>
           <MDX as="p">
@@ -122,7 +140,7 @@ registerWidget<EnhancedComponentValue>('enhancedComponent', ({value, doc, meta})
         ? value.subComponents.map((c, i) => {
             return (
               <React.Fragment key={i}>
-                <Heading>
+                <Heading id={`${value.displayName?.toLowerCase()}.${c.name.toLowerCase()}-api`}>
                   {parentComponentName ? parentComponentName : value.displayName}.{c.name}
                 </Heading>
                 <ParentComponentNameContext.Provider
@@ -145,7 +163,9 @@ registerWidget<EnhancedComponentValue>('enhancedComponent', ({value, doc, meta})
         : null}
       {value.componentType === 'container' && value.model ? (
         <>
-          <Heading headingOffset={-1}>Model</Heading>
+          <Heading id={`${value.displayName?.toLowerCase()}-model-api`} headingOffset={-1}>
+            Model
+          </Heading>
           <SymbolDoc name={`use${value.model}`} />
         </>
       ) : null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "9.1.0",
+  "version": "9.1.2",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^9.1.0",
-    "@workday/canvas-kit-preview-react": "^9.1.0",
-    "@workday/canvas-kit-react": "^9.1.0",
+    "@workday/canvas-kit-labs-react": "^9.1.2",
+    "@workday/canvas-kit-preview-react": "^9.1.2",
+    "@workday/canvas-kit-react": "^9.1.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "markdown-to-jsx": "^6.10.3",
     "ts-node": "^10.9.1"
@@ -57,5 +57,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "f3f6aa1f967eaf6ae2d93cf7aa15e47c344fb456"
+  "gitHead": "a6373b653f90cdd16a25830ffbd34dff421940ac"
 }