@workday/canvas-kit-docs 12.5.4 → 12.6.0-1078-next.0

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "12.5.4",
-    "@workday/canvas-kit-preview-react": "12.5.4",
-    "@workday/canvas-kit-react": "12.5.4",
-    "@workday/canvas-kit-react-fonts": "^12.5.4",
-    "@workday/canvas-kit-styling": "12.5.4",
+    "@workday/canvas-kit-labs-react": "12.5.5",
+    "@workday/canvas-kit-preview-react": "12.5.5",
+    "@workday/canvas-kit-react": "12.5.5",
+    "@workday/canvas-kit-react-fonts": "^12.5.5",
+    "@workday/canvas-kit-styling": "12.5.5",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "12.5.4",
-    "@workday/canvas-kit-preview-react": "12.5.4",
-    "@workday/canvas-kit-react": "12.5.4",
-    "@workday/canvas-kit-react-fonts": "^12.5.4",
-    "@workday/canvas-kit-styling": "12.5.4",
+    "@workday/canvas-kit-labs-react": "12.5.5",
+    "@workday/canvas-kit-preview-react": "12.5.5",
+    "@workday/canvas-kit-react": "12.5.5",
+    "@workday/canvas-kit-react-fonts": "^12.5.5",
+    "@workday/canvas-kit-styling": "12.5.5",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

package/dist/mdx/react/menu/Menu.mdx

@@ -3,6 +3,7 @@ import Basic from './examples/Basic';
 import ContextMenu from './examples/ContextMenu';
 import Icons from './examples/Icons';
 import SelectableMenu from './examples/SelectableMenu';
+import Grouping from './examples/Grouping';
 
 # Canvas Kit Menu
 
@@ -69,6 +70,17 @@ behaviors depend on many other things. To see a full example of all these behavi
 
 <ExampleCodeBlock code={SelectableMenu} />
 
+### Grouping
+
+Grouping adds hierarchy and categorization to menu items. Group headers do not represent menu items
+and are not selectable with the keyboard or mouse.
+
+> **Note**: Grouping is not supported in virtual rendering. Menus by default have `shouldVirtualize`
+> set to `false`. Setting to `true` results in unspecified behavior. We use `react-virtual` which
+> doesn't support nested virtualization.
+
+<ExampleCodeBlock code={Grouping} />
+
 ## Component API
 
 <SymbolDoc name="Menu" fileName="/react/" />

package/dist/mdx/react/menu/examples/Grouping.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+import {Menu} from '@workday/canvas-kit-react/menu';
+import {BodyText} from '@workday/canvas-kit-react/text';
+
+export default () => {
+  const [selected, setSelected] = React.useState('');
+  return (
+    <>
+      <Menu onSelect={data => setSelected(data.id)}>
+        <Menu.Target>Open Menu</Menu.Target>
+        <Menu.Popper>
+          <Menu.Card>
+            <Menu.List>
+              <Menu.Group title="First Group">
+                <Menu.Item>First Item</Menu.Item>
+                <Menu.Item>Second Item</Menu.Item>
+              </Menu.Group>
+              <Menu.Group title="Second Group">
+                <Menu.Item>Third Item (with a really, really, really long label)</Menu.Item>
+                <Menu.Item aria-disabled>Fourth Item</Menu.Item>
+              </Menu.Group>
+            </Menu.List>
+          </Menu.Card>
+        </Menu.Popper>
+        <BodyText size="small" marginTop="s">
+          Selected: <span data-testid="output">{selected}</span>
+        </BodyText>
+      </Menu>
+    </>
+  );
+};

package/dist/mdx/react/select/examples/Basic.tsx

@@ -22,6 +22,7 @@ export default () => {
   const [value, setValue] = React.useState('');
 
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    console.log('change', event.currentTarget.value);
     setValue(event.target.value);
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "12.5.4",
+  "version": "12.6.0-1078-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^12.5.4",
-    "@workday/canvas-kit-preview-react": "^12.5.4",
-    "@workday/canvas-kit-react": "^12.5.4",
-    "@workday/canvas-kit-styling": "^12.5.4",
+    "@workday/canvas-kit-labs-react": "^12.6.0-1078-next.0",
+    "@workday/canvas-kit-preview-react": "^12.6.0-1078-next.0",
+    "@workday/canvas-kit-react": "^12.6.0-1078-next.0",
+    "@workday/canvas-kit-styling": "^12.6.0-1078-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.1",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "d7210e5f21aa41863be8d2fb33e2b60188f3803a"
+  "gitHead": "9b558c0f2e5d17b8f81e2e21a20361918ca2ad57"
 }