fk-react-ui-components/lib/NavigationHeader/index.js

Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should

import React from "react";
import { SectionHeader, SectionTitle } from "./styles/NavigationHeader";

const HeaderList = props => React.createElement(
    "li",
    null,
    React.createElement(
        "a",
        { className: "section-link", onClick: props.changeState },
        props.breadcrumb.label
    )
);

class NavigationHeader extends React.Component {
    changeState(breadcrumb) {
        if (breadcrumb.current) {
            return;
        }
        this.props.navigateToState && this.props.navigateToState(breadcrumb.state);
    }
    componentWillMount() {
        if (this.props.breadcrumbs) {
            this.props.breadcrumbs[this.props.breadcrumbs.length - 1]["current"] = true;
        }
    }
    render() {
        return React.createElement(
            SectionHeader,
            { className: "section-header" },
            this.props.breadcrumbs && React.createElement(
                "ul",
                null,
                this.props.breadcrumbs.map((breadcrumb, index) => React.createElement(HeaderList, { key: index, breadcrumb: breadcrumb, changeState: this.changeState.bind(this, breadcrumb) }))
            ),
            React.createElement(
                SectionTitle,
                null,
                this.props.title
            ),
            this.props.children
        );
    }
}

export default NavigationHeader;
//# sourceMappingURL=index.js.map