# All files / context-menu context-menu.tsx

100% Statements 10/10
100% Branches 0/0
100% Functions 3/3
100% Lines 10/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    501x
    1x
    1x

    1x

    1x

    1x

    1x

    1x
    1x
    1x
     import * as React from "react";
    import Foundation, { HandledProps } from "../foundation";
    import { IContextMenuClassNameContract } from "@microsoft/fast-components-class-name-contracts";
    import {
        ContextMenuProps,
        IContextMenuHandledProps,
        IContextMenuManagedClasses,
        IContextMenuUnhandledProps,
    } from "./context-menu.props";

    /* tslint:disable-next-line */
    class ContextMenu extends Foundation<IContextMenuHandledProps & IContextMenuManagedClasses, IContextMenuUnhandledProps, {}> {
        public static defaultProps: IContextMenuHandledProps = {
            open: false
        };

        protected handledProps: HandledProps<IContextMenuHandledProps & IContextMenuManagedClasses> = {
            children: void 0,
            managedClasses: void 0,
            open: void 0
        };

        /**
         * Renders the component
         */
        public render(): React.ReactElement<HTMLUListElement> {
            return (
                <ul
                    aria-hidden={!this.props.open}
                    className={this.generateClassNames()}
                    tabIndex={0}
                >
                    {this.props.children}
                </ul>
            );
        }

        /**
         * Create class-names
         */
        protected generateClassNames(): string {
            return super.generateClassNames(this.props.managedClasses.contextMenu);
        }
    }

    export default ContextMenu;
    export * from "./context-menu.props";
    export {IContextMenuClassNameContract};