@workday/canvas-kit-preview-react 13.0.0-alpha.998-next.0 → 13.0.0

package/dist/commonjs/menu/lib/Menu.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeprecatedMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const card_1 = require("@workday/canvas-kit-react/card");
@@ -37,10 +38,9 @@ const List = (0, styled_1.default)('ul')({
     borderRadius: tokens_1.borderRadius.m,
     padding: 0,
     margin: `${tokens_1.space.xxs} 0`,
-    '&:focus': {
+    '&:focus-visible, &.focus': {
         outline: 'none',
     },
-    ...common_1.hideMouseFocus,
 });
 /**
  * `DeprecatedMenu` renders a styled `<ul role="menu">` element within a {@link Card} and follows
@@ -257,23 +257,21 @@ class DeprecatedMenu extends React.Component {
         const { selectedItemIndex } = this.state;
         const cardWidth = grow ? '100%' : width;
         let interactiveItemIndex = null;
-        return (React.createElement(card_1.Card, { display: "inline-block", padding: tokens_1.space.zero, width: cardWidth, depth: 3 },
-            React.createElement(card_1.Card.Body, null,
-                React.createElement(List, { role: "menu", tabIndex: 0, id: id, "aria-labelledby": ariaLabelledby, "aria-activedescendant": `${id}-${selectedItemIndex}`, onKeyDown: this.handleKeyboardShortcuts, ref: this.menuRef, ...elemProps }, React.Children.map(children, menuItem => {
-                    if (!React.isValidElement(menuItem)) {
-                        return;
-                    }
-                    let itemId;
-                    if (!menuItem.props.isHeader) {
-                        interactiveItemIndex = (interactiveItemIndex !== null && interactiveItemIndex !== void 0 ? interactiveItemIndex : -1) + 1;
-                        itemId = `${id}-${interactiveItemIndex}`;
-                    }
-                    return (React.createElement(React.Fragment, { key: itemId }, React.cloneElement(menuItem, {
-                        onClick: (event) => this.handleClick(event, menuItem.props),
-                        id: itemId,
-                        isFocused: selectedItemIndex === interactiveItemIndex && !menuItem.props.isHeader,
-                    })));
-                })))));
+        return ((0, jsx_runtime_1.jsx)(card_1.Card, { display: "inline-block", padding: tokens_1.space.zero, width: cardWidth, depth: 3, children: (0, jsx_runtime_1.jsx)(card_1.Card.Body, { children: (0, jsx_runtime_1.jsx)(List, { role: "menu", tabIndex: 0, id: id, "aria-labelledby": ariaLabelledby, "aria-activedescendant": `${id}-${selectedItemIndex}`, onKeyDown: this.handleKeyboardShortcuts, ref: this.menuRef, ...elemProps, children: React.Children.map(children, menuItem => {
+                        if (!React.isValidElement(menuItem)) {
+                            return;
+                        }
+                        let itemId;
+                        if (!menuItem.props.isHeader) {
+                            interactiveItemIndex = (interactiveItemIndex !== null && interactiveItemIndex !== void 0 ? interactiveItemIndex : -1) + 1;
+                            itemId = `${id}-${interactiveItemIndex}`;
+                        }
+                        return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: React.cloneElement(menuItem, {
+                                onClick: (event) => this.handleClick(event, menuItem.props),
+                                id: itemId,
+                                isFocused: selectedItemIndex === interactiveItemIndex && !menuItem.props.isHeader,
+                            }) }, itemId));
+                    }) }) }) }));
     }
 }
 exports.DeprecatedMenu = DeprecatedMenu;

package/dist/commonjs/menu/lib/MenuItem.d.ts

@@ -69,7 +69,7 @@ export declare class DeprecatedMenuItem extends React.Component<DeprecatedMenuIt
     ref: React.RefObject<HTMLLIElement>;
     componentDidMount(): void;
     componentDidUpdate: (prevProps: DeprecatedMenuItemProps) => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private handleClick;
 }
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/commonjs/menu/lib/MenuItem.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeprecatedMenuItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -231,12 +232,7 @@ class DeprecatedMenuItem extends React.Component {
         const { onClick, children, id, icon, secondaryIcon, hasDivider, isDisabled, isFocused, isHeader, role, ...elemProps } = this.props;
         iconProps = setIconProps(icon, isDisabled, isFocused);
         secondaryIconProps = setIconProps(secondaryIcon, isDisabled, isFocused);
-        return (React.createElement(React.Fragment, null,
-            hasDivider && React.createElement(Divider, { "aria-hidden": "true" }),
-            React.createElement(Item, { ref: this.ref, tabIndex: -1, id: id, role: isHeader ? 'presentation' : role, "aria-hidden": isHeader ? true : undefined, onClick: this.handleClick, "aria-disabled": isDisabled ? true : undefined, isDisabled: !!isDisabled, isFocused: !!isFocused, isHeader: !!isHeader, ...elemProps },
-                icon && iconProps && React.createElement(StyledSystemIcon, { ...iconProps }),
-                React.createElement(LabelContainer, null, children),
-                secondaryIcon && secondaryIconProps && (React.createElement(SecondaryStyledSystemIcon, { ...secondaryIconProps })))));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasDivider && (0, jsx_runtime_1.jsx)(Divider, { "aria-hidden": "true" }), (0, jsx_runtime_1.jsxs)(Item, { ref: this.ref, tabIndex: -1, id: id, role: isHeader ? 'presentation' : role, "aria-hidden": isHeader ? true : undefined, onClick: this.handleClick, "aria-disabled": isDisabled ? true : undefined, isDisabled: !!isDisabled, isFocused: !!isFocused, isHeader: !!isHeader, ...elemProps, children: [icon && iconProps && (0, jsx_runtime_1.jsx)(StyledSystemIcon, { ...iconProps }), (0, jsx_runtime_1.jsx)(LabelContainer, { children: children }), secondaryIcon && secondaryIconProps && ((0, jsx_runtime_1.jsx)(SecondaryStyledSystemIcon, { ...secondaryIconProps }))] })] }));
     }
 }
 exports.DeprecatedMenuItem = DeprecatedMenuItem;