@mikezimm/fps-library-v2/lib/banner/bannerX/VersionElement.js

Library of reusable typescript/javascript functions, interfaces and constants

import * as React from 'react';
import { getCertElement } from './getCertElement';
import { PackageVersionLabelFpsLv2 } from '../../PackageVersion';
import { PackageVersionLabelFpsCv7 } from '@mikezimm/fps-core-v7/lib/PackageVersion';
import { PackageVersionLabelFpsSty } from '../../PackageVersionStyles';
/**
 * Creates the WebPart Version block including npm packages
 *    https://github.com/mikezimm/drilldown7/issues/475
 *
 * @param bannerProps
 * @param styles
 * @returns
 */
export function getWebPartVersionElement(bannerProps, styles = {}) {
    const { fpsCert } = bannerProps;
    const certEle = getCertElement(bannerProps, fpsCert.warned === true || fpsCert.expired === true ? 'Page' : 'Bar', 'normal', { padding: '.25em', marginTop: '10px' });
    // const certEle = getCertElement( bannerProps, 'Page', 'normal' );
    const panelContent = React.createElement("div", { style: styles },
        React.createElement("div", null,
            "WebPart Version: ",
            bannerProps.versionInfo,
            " ",
            !certEle ? `Expires ${bannerProps.fpsCert.expirationDStr}` : ''),
        React.createElement("div", { style: { fontSize: 'x-small' } },
            "_FPSId: ",
            bannerProps._FPSId,
            "  __Packages: ",
            PackageVersionLabelFpsLv2,
            " - ",
            PackageVersionLabelFpsCv7,
            " - ",
            PackageVersionLabelFpsSty),
        !certEle ? undefined : React.createElement("div", null, certEle));
    return panelContent;
}
//# sourceMappingURL=VersionElement.js.map