@mikezimm/fps-library-v2 1.0.14 → 1.0.16

package/lib/logic/Links/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/logic/Links/Navigation.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,cAAc,CAAE,CAAM,EAAE,WAAiC;IACvE,sBAAsB;IACtB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAC,CAAC,CAAC,CAAC;IAEvC,IAAI,MAAM,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1E,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,CAAE,CAAC;IACrG,MAAM,CAAC,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,CAAC;AAEnC,CAAC;AAED,MAAM,UAAW,YAAY,CAAE,CAAM,EAAE,WAAiC;IACtE,sBAAsB;IACtB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAC,CAAC,CAAC,CAAC;IAEpC,IAAI,MAAM,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1E,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,CAAC;AAEnC,CAAC"}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/logic/Links/Navigation.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,cAAc,CAAE,WAAiC;IAC/D,sBAAsB;IACtB,0CAA0C;IAE1C,6EAA6E;IAC7E,IAAI,MAAM,GAAG,QAAQ,CAAC;IACtB,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,CAAE,CAAC;IACrG,MAAM,CAAC,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,CAAC;AAEnC,CAAC;AAED,MAAM,UAAW,YAAY,CAAE,WAAiC;IAC9D,sBAAsB;IACtB,uCAAuC;IAEvC,6EAA6E;IAC7E,IAAI,MAAM,GAAG,QAAQ,CAAC;IACtB,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,CAAC;AAEnC,CAAC"}

package/lib/pnpjs/SourceItems/getSourceItems.js

@@ -1,6 +1,6 @@
 import { convertHelpfullError } from '../../logic/indexes/HelpfullErrors';
 import { fetchSourceItems } from "@mikezimm/fps-pnp2/lib/services/sp/fetch/items/fetchSourceItems";
-import { check4Gulp } from '@mikezimm/fps-pnp2';
+import { check4Gulp } from '@mikezimm/fps-pnp2/lib/services/sp/CheckGulping';
 import { saveErrorToLog } from '../Logging';
 /**
  * getSourceItems calls the Pnp function to get the results which returns the raw error.

package/lib/pnpjs/SourceItems/getSourceItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSourceItems.js","sourceRoot":"","sources":["../../../src/pnpjs/SourceItems/getSourceItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAmC,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,iEAAiE,CAAC;AAEnG,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAAE,WAAyB,EAAE,OAA4B,EAAE,UAA+B;IAE5H,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAE,WAAW,EAAE,OAAO,EAAE,UAAU,CAAE,CAAC;IAEjF,MAAM,MAAM,GAAgB;QAC1B,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,SAAS,EAAE,IAAW;KACvB,CAAC;IAEF,2DAA2D;IAC3D,IAAK,aAAa,CAAC,CAAC,EAAG;QACrB,MAAM,UAAU,GAAmB,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAG,UAAU,EAAE,UAAU,EAAG,WAAW,EAAE,qBAAqB,EAAG,SAAS,EAAC,IAAI,EAAE,CAAC;QAC1J,MAAM,SAAS,GAAoB,oBAAoB,CAAE,UAAU,CAAE,CAAC;QACtE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;QAE7B,cAAc,CAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAE,CAAC;KAChD;IAED,IAAK,UAAU,EAAE,KAAK,IAAI,EAAG;QAAE,OAAO,CAAC,GAAG,CAAE,+CAA+C,EAAE,MAAM,CAAE,CAAA;KAAE;IAAA,CAAC;IAExG,OAAO,MAAM,CAAC;AAEhB,CAAC"}
+{"version":3,"file":"getSourceItems.js","sourceRoot":"","sources":["../../../src/pnpjs/SourceItems/getSourceItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAmC,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,iEAAiE,CAAC;AAEnG,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAAE,WAAyB,EAAE,OAA4B,EAAE,UAA+B;IAE5H,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAE,WAAW,EAAE,OAAO,EAAE,UAAU,CAAE,CAAC;IAEjF,MAAM,MAAM,GAAgB;QAC1B,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,SAAS,EAAE,IAAW;KACvB,CAAC;IAEF,2DAA2D;IAC3D,IAAK,aAAa,CAAC,CAAC,EAAG;QACrB,MAAM,UAAU,GAAmB,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAG,UAAU,EAAE,UAAU,EAAG,WAAW,EAAE,qBAAqB,EAAG,SAAS,EAAC,IAAI,EAAE,CAAC;QAC1J,MAAM,SAAS,GAAoB,oBAAoB,CAAE,UAAU,CAAE,CAAC;QACtE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;QAE7B,cAAc,CAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAE,CAAC;KAChD;IAED,IAAK,UAAU,EAAE,KAAK,IAAI,EAAG;QAAE,OAAO,CAAC,GAAG,CAAE,+CAA+C,EAAE,MAAM,CAAE,CAAA;KAAE;IAAA,CAAC;IAExG,OAAO,MAAM,CAAC;AAEhB,CAAC"}

package/lib/pnpjs/Users/logic/createIEnsureUserInfo.js

@@ -1,4 +1,4 @@
-import { convertHelpfullError } from '../../../logic/indexes';
+import { convertHelpfullError } from '../../../logic/indexes/HelpfullErrors';
 import { BaseErrorTrace } from '../../../PackageConst';
 import { saveErrorToLog } from '../../Logging';
 import { createIUserFromUser } from './createIUserFromUser';

package/lib/pnpjs/Users/logic/createIEnsureUserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"createIEnsureUserInfo.js","sourceRoot":"","sources":["../../../../src/pnpjs/Users/logic/createIEnsureUserInfo.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmC,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;;;GASG;AACH;;;GAGG;AAEH,MAAM,UAAU,qBAAqB,CAAC,MAAc,EAAE,UAA8B,EAAE,MAAc,EAAE,KAAa,EAAE,OAAgB,EAAG,UAAmB,EAAE,SAAkB;IAE7K,IAAI,eAAe,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAW,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvF,MAAM,UAAU,GAAmB,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAEjJ,MAAM,MAAM,GAAoB;QAC9B,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC,IAAW,EAAE,MAAM,EAAE,IAAI,CAAQ;QACtE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAW;QACxE,UAAU,EAAE,UAAU;QACtB,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAC;IAEF,cAAc,CAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,UAA4B,CAAE,CAAC;IAExE,OAAO,MAAM,CAAC;AAEhB,CAAC"}
+{"version":3,"file":"createIEnsureUserInfo.js","sourceRoot":"","sources":["../../../../src/pnpjs/Users/logic/createIEnsureUserInfo.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmC,MAAM,uCAAuC,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;;;GASG;AACH;;;GAGG;AAEH,MAAM,UAAU,qBAAqB,CAAC,MAAc,EAAE,UAA8B,EAAE,MAAc,EAAE,KAAa,EAAE,OAAgB,EAAG,UAAmB,EAAE,SAAkB;IAE7K,IAAI,eAAe,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAW,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvF,MAAM,UAAU,GAAmB,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAEjJ,MAAM,MAAM,GAAoB;QAC9B,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC,IAAW,EAAE,MAAM,EAAE,IAAI,CAAQ;QACtE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAW;QACxE,UAAU,EAAE,UAAU;QACtB,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAC;IAEF,cAAc,CAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,UAA4B,CAAE,CAAC;IAExE,OAAO,MAAM,CAAC;AAEhB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikezimm/fps-library-v2",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Library of reusable typescript/javascript functions, interfaces and constants",
   "license": "MIT",
   "main": "./lib/index.js",

package/lib/banner/banner/component.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { IWebpartBannerProps, IWebpartBannerState } from "../mainReact/IWebpartBannerProps";
-export default class WebpartBanner extends React.Component<IWebpartBannerProps, IWebpartBannerState> {
-    private getRandomTip;
-    private hoverEffect;
-    private dev;
-    private wideToggle;
-    private hasNear;
-    private hasFar;
-    private hasNearOrFar;
-    private nearElements;
-    private showSettings;
-    private showSettingsAsPivot;
-    private settingsContent;
-    private isShowTricks;
-    private isSiteAdmin;
-    private isSiteOwner;
-    private makeYellowStyles;
-    private PropPaneCmdStyles;
-    private createHistoryItem;
-    private jumpToParentSite;
-    private jumpToHomePage;
-    private updateNearElements;
-    constructor(props: IWebpartBannerProps);
-    componentDidUpdate(prevProps: IWebpartBannerProps): void;
-    render(): React.ReactElement<IWebpartBannerProps>;
-    _selectedIndex: (item: any) => void;
-    private _toggleExpando;
-    private _closePanel;
-    private _openPanel;
-    private _panelWidth;
-    private togglePropsHelp;
-    private sendFeedback;
-}
-//# sourceMappingURL=component.d.ts.map

package/lib/banner/banner/component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/banner/banner/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAoC5F,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAE;IAEpG,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW,CAAmD;IAEtE,OAAO,CAAC,GAAG,CAAmB;IAE9B,OAAO,CAAC,UAAU,CAAyG;IAE3H,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,MAAM,CAAoD;IAClE,OAAO,CAAC,YAAY,CAAgE;IAEpF,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,mBAAmB,CAAS;IAEpC,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,WAAW,CAAwD;IAC3E,OAAO,CAAC,WAAW,CAA2F;IAE9G,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,iBAAiB,CAA+E;IAExG,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAE,cAAc;IAKvB,OAAO,CAAC,kBAAkB;gBAyDX,KAAK,EAAE,mBAAmB;IAmDjC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAoCjD,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC;IAgWlD,cAAc,SAAU,GAAG,KAAI,IAAI,CAQzC;IAED,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,YAAY;CAgBpB"}

package/lib/banner/banner/component.js

@@ -1,537 +0,0 @@
-import * as React from "react";
-import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
-import { Pivot, PivotItem, PivotLinkFormat, PivotLinkSize, } from 'office-ui-fabric-react/lib/Pivot';
-import { MessageBar, MessageBarType } from 'office-ui-fabric-react/lib/MessageBar';
-import { DisplayMode, } from '@microsoft/sp-core-library';
-import { Icon, } from 'office-ui-fabric-react/lib/Icon';
-// import { getHelpfullErrorV2 } from "../../../Services/Logging/ErrorHandler";
-// import { createStyleFromString, } from "../../../Services/PropPane/StringToReactCSS";
-// import { IWebpartHistoryItem2, } from "../../../Services/PropPane/WebPartHistory_/Interface";
-// import { bannerSettingsContent } from './bannerGearFunctions_';
-// import { checkDeepProperty } from "../../../Services/Objects_/properties"; 
-// import { goToParentSite, goToHomePage } from "../../../Services/Navigation/site"; 
-// import { setExpandoRamicMode } from '../../../Services/DOM_/Expando_/FPSExpandoramic';
-// import { defaultBannerCommandStyles, } from "../../onNpm/defaults_";
-// import { IWebpartBannerProps, IWebpartBannerState, } from '../../../HelpPanelOnNPM/onNpm/bannerProps';
-// import { IKeySiteProps } from '../../onNpm/Moved_/interfaces_';
-import * as links from '../../components/atoms/Links/LinksRepos';
-import WebPartLinks from '../components/WebPartLinks/WebPartLinks';
-import SinglePage from '../components/SingleHelpPage/SinglePage';
-import ReactJson from "react-json-view";
-import { goToHomePage, goToParentSite } from "../../logic/Links/Navigation";
-import { checkDeepProperty } from "../../logic/indexes";
-import { createStyleFromString } from "../../logic/Strings/reactCSS";
-import { createPerformanceTableVisitor } from "../../components/indexes";
-import { createSpecialElement } from "../components/SpecialBanner/component";
-import { setExpandoRamicMode } from "../features/Expando/functions";
-import { bannerSettingsContent } from "../components/Gear/bannerGearFunctions";
-import { defaultBannerCommandStyles } from "../../common/commandStyles/defaults";
-require('./banner.css');
-const pivotStyles = {
-    root: {
-        whiteSpace: "normal",
-        //   textAlign: "center"
-    }
-};
-const pivotHeadingX = ''; //2022-01-31: Added Pivot Tiles
-const pivotHeading0 = 'Why'; //2022-01-31: Added Pivot Tiles
-const pivotHeading1 = 'Getting started'; //Templates
-const pivotHeading2 = 'Basics'; //Templates
-const pivotHeading3 = 'Advanced'; //Templates
-const pivotHeading4 = 'Future'; //Templates
-const pivotHeading5 = 'Dev'; //Templates
-const pivotHeading6 = 'Errors'; //Templates
-const pivotHeading7 = 'Tricks'; //Templates
-const pivotHeading8 = 'About'; //Templates
-const pivotHeading9 = 'Export'; //Templates
-const pivotHeadingA = 'History'; //Templates
-const pivotHeadingB = 'Health'; //Templates
-export default class WebpartBanner extends React.Component {
-    getRandomTip(webParTipsX) {
-        return webParTipsX[Math.floor(Math.random() * webParTipsX.length)];
-    }
-    showSettings() { this.setState({ showSettings: !this.state.showSettings }); }
-    makeYellowStyles(defStyles) {
-        if (!defStyles) {
-            return {};
-        }
-        else {
-            let newStyle = JSON.parse(JSON.stringify(defStyles));
-            newStyle.color = 'black';
-            newStyle.background = 'yellow';
-            newStyle.fontSize = '20px';
-            newStyle.fontWeight = 400;
-            newStyle.padding = '7px';
-            newStyle.marginLeft = '10px';
-            return newStyle;
-        }
-    }
-    createHistoryItem(item) {
-        if (item.changes.length === 0) {
-            return null;
-        }
-        const changes = item.changes.map((change, idx) => {
-            return React.createElement("tr", null,
-                React.createElement("td", null,
-                    change.prop,
-                    " : "),
-                React.createElement("td", { title: change.value }, change.value ? change.value : 'Empty'));
-        });
-        return React.createElement("div", { className: 'history-item' },
-            React.createElement("div", null,
-                item.user,
-                " : ",
-                new Date(item.time).toLocaleString()),
-            React.createElement("table", null, changes));
-    }
-    jumpToParentSite() {
-        let e = event;
-        goToParentSite(e, this.props.pageContext);
-    }
-    jumpToHomePage() {
-        let e = event;
-        goToHomePage(e, this.props.pageContext);
-    }
-    updateNearElements(keySiteProps) {
-        this.nearElements = [];
-        if (this.props.showBeAUserIcon === true && this.props.beAUserFunction) {
-            this.nearElements.push(React.createElement(Icon, { iconName: 'Glasses', onClick: this.props.beAUserFunction, style: this.props.bannerCmdReactCSS, title: "Simulate a typical visitor experience" }));
-            this.hasNear = true;
-            this.hasNearOrFar = true;
-        }
-        if (this.props.showBannerGear === true) {
-            this.nearElements.push(React.createElement(Icon, { iconName: 'PlayerSettings', onClick: this.showSettings.bind(this), style: this.props.bannerCmdReactCSS, title: "Show Settings quick links and info" }));
-            this.hasNear = true;
-            this.hasNearOrFar = true;
-            // (property) pageContext: PageContext
-            // Argument of type 'import("C:/Users/dev/Documents/GitHub/ALVFinMan7/node_modules/@mikezimm/npmfunctions/node_modules/@microsoft/sp-page-context/dist/index-internal").PageContext' is not assignable to parameter of type 'import("C:/Users/dev/Documents/GitHub/ALVFinMan7/node_modules/@microsoft/sp-page-context/dist/index-internal").PageContext'.
-            // Type 'PageContext' is missing the following properties from type 'PageContext': _searchData, _getUrlParser, _isQueryStringParamsKSActivatedts(2345)
-            //2022-04-19:  Had to add as any to pageContext due to error
-            let bannerContent = bannerSettingsContent(this.props.showTricks, this.props.pageContext, keySiteProps, defaultBannerCommandStyles, this.props.bannerWidth, this.props.forceNarrowStyles);
-            this.settingsContent = bannerContent.content;
-            // console.log('b4 showSettingsAsPivot, forceNarrowStyles', this.showSettingsAsPivot, this.props.forceNarrowStyles );
-            this.showSettingsAsPivot = this.props.forceNarrowStyles === true ? true : bannerContent.showSettingsAsPivot;
-            // console.log('af showSettingsAsPivot, forceNarrowStyles', this.showSettingsAsPivot, this.props.forceNarrowStyles );
-        }
-        if (this.props.enableExpandoramic === true) {
-            let thisIcon = this.props.expandoDefault === true ? 'BackToWindow' : 'ChromeFullScreen';
-            this.nearElements.push(React.createElement(Icon, { iconName: 'ChromeFullScreen', onClick: this._toggleExpando.bind(this), style: this.props.bannerCmdReactCSS, title: "Toggle Expandoramic Mode" }));
-            this.hasNear = true;
-            this.hasNearOrFar = true;
-        }
-        if (this.props.onHomePage !== true && this.props.showGoToHome === true) {
-            let titleHome = 'Go to Home Page of current site';
-            this.hasNear = true;
-            this.hasNearOrFar = true;
-            //This is the easy fix that assumes the page is not in a folder in site pages.
-            this.nearElements.push(React.createElement("div", { style: { paddingRight: undefined }, className: '', title: titleHome },
-                React.createElement(Icon, { iconName: 'Home', onClick: this.jumpToHomePage.bind(this), style: this.props.bannerCmdReactCSS })));
-        }
-        if (this.props.showGoToParent === true && this.props.pageContext.site.absoluteUrl !== this.props.pageContext.web.absoluteUrl) {
-            let title = 'Go to parent site';
-            this.hasNear = true;
-            this.hasNearOrFar = true;
-            this.nearElements.push(React.createElement("div", { style: { paddingRight: undefined }, className: '', title: title },
-                React.createElement(Icon, { iconName: 'Up', onClick: this.jumpToParentSite.bind(this), style: this.props.bannerCmdReactCSS })));
-        }
-        this.nearElements.push(...this.props.nearElements);
-    }
-    constructor(props) {
-        super(props);
-        this.hoverEffect = this.props.hoverEffect === false ? false : true;
-        this.dev = undefined; //devTable( );  https://github.com/mikezimm/ALVFinMan/issues/171
-        this.wideToggle = this.props.wideToggle === null || this.props.wideToggle === undefined ? true : this.props.wideToggle;
-        this.hasNear = this.props.nearElements.length > 0 ? true : false;
-        this.hasFar = this.props.farElements.length > 0 ? true : false;
-        this.hasNearOrFar = this.hasNear === true || this.hasFar === true ? true : false;
-        this.nearElements = [];
-        this.showSettingsAsPivot = false;
-        this.settingsContent = null;
-        this.isShowTricks = this.props.showTricks;
-        this.isSiteAdmin = this.props.pageContext.legacyPageContext.isSiteAdmin;
-        this.isSiteOwner = this.isSiteAdmin === true ? true : this.props.pageContext.legacyPageContext.isSiteOwner;
-        this.PropPaneCmdStyles = this.makeYellowStyles(this.props.bannerCmdReactCSS);
-        this._selectedIndex = (item) => {
-            //This sends back the correct pivot category which matches the category on the tile.
-            let e = event;
-            let itemKey = item.props.itemKey;
-            this.setState({ selectedKey: itemKey });
-        };
-        let pageContext = this.props.pageContext;
-        let LimtedDowload = null;
-        let spFeatures = pageContext.spFeatureInfo && pageContext.spFeatureInfo.features && pageContext.spFeatureInfo.features.length > 0 ? pageContext.spFeatureInfo.features : null;
-        if (spFeatures) {
-            spFeatures.map((feature) => {
-                if (feature.key === 'FollowingContent') {
-                    if (feature.value && feature.value.enabled === true) {
-                    }
-                    if (feature.value && feature.value.version === 2) {
-                    }
-                }
-            });
-        }
-        let keySiteProps = {
-            SiteLogoUrl: pageContext.web.logoUrl,
-            LimitedDownload: null,
-            WebTimezone: checkDeepProperty(pageContext, ['web', 'timeZoneInfo', 'description'], 'ShortError'),
-            WebLanguage: `${checkDeepProperty(pageContext, ['cultureInfo', 'currentCultureName'], 'ShortError')} - ${checkDeepProperty(pageContext, ['web', 'language'], 'ShortError')}`,
-            UserTimezone: checkDeepProperty(pageContext, ['user', 'timeZoneInfo', 'description'], 'ShortError'),
-            UserTimePref: checkDeepProperty(pageContext, ['user', 'preferUserTimeZone'], 'ShortError'),
-            BrokenPermissions: null, // TBD
-        };
-        this.updateNearElements(keySiteProps);
-        this.state = {
-            keySiteProps: keySiteProps,
-            showPanel: false,
-            selectedKey: this.props.replacePanelHTML ? pivotHeadingX : pivotHeading0,
-            panelType: PanelType.medium,
-            showSettings: false,
-            expandoramicMode: this.props.enableExpandoramic === true && this.props.expandoDefault === true ? true : false,
-            renderCount: 0,
-            showPropsHelp: false,
-        };
-    }
-    // Tried this to get it to update when prop pane was changed but it does
-    componentDidUpdate(prevProps) {
-        let rebuildNearElements = JSON.stringify(this.props.bannerCmdReactCSS) !== JSON.stringify(prevProps.bannerCmdReactCSS) ? true : false;
-        if (this.props.webpartHistory.thisInstance && (JSON.stringify(this.props.webpartHistory.thisInstance.changes) !==
-            JSON.stringify(prevProps.webpartHistory.thisInstance.changes))) {
-            rebuildNearElements = true;
-        }
-        if (this.props.beAUser != prevProps.beAUser) {
-            rebuildNearElements = true;
-        }
-        if (this.props.infoElement != prevProps.infoElement) {
-            rebuildNearElements = true;
-        }
-        if (this.props.hoverEffect != prevProps.hoverEffect) {
-            rebuildNearElements = true;
-            this.hoverEffect = this.props.hoverEffect === false ? false : true;
-        }
-        if (this.props.forceNarrowStyles != prevProps.forceNarrowStyles) {
-            rebuildNearElements = true;
-        }
-        //Check if cmd style props changed and update EditPropPane styles
-        if (JSON.stringify(this.props.bannerCmdReactCSS) != JSON.stringify(prevProps.bannerCmdReactCSS)) {
-            this.PropPaneCmdStyles = this.makeYellowStyles(this.props.bannerCmdReactCSS);
-            rebuildNearElements = true;
-        }
-        if (prevProps.refreshId !== this.props.refreshId) {
-            rebuildNearElements = true;
-        }
-        if (rebuildNearElements) {
-            this.updateNearElements(this.state.keySiteProps);
-            rebuildNearElements = true;
-            let renderCount = this.state.renderCount + 1;
-            this.setState({ renderCount: renderCount });
-        }
-    }
-    render() {
-        const { showBanner, showTricks, showRepoLinks } = this.props;
-        const showPanel = this.state.showPanel;
-        if (showBanner !== true) {
-            return (React.createElement("div", null));
-        }
-        else {
-            let propsHelp = null;
-            if (this.props.WebPartHelpElement) {
-                propsHelp = React.createElement("div", { className: this.state.showPropsHelp !== true ? 'fps-pph-hide' : 'fps-pph-show' }, this.props.WebPartHelpElement ? this.props.WebPartHelpElement : null);
-            }
-            //  Estimated width pixels used by banner.  Used to determine max size of the title component.
-            let usedWidth = 40; //20px padding on outside of all elements
-            usedWidth += this.nearElements.length * 43 + this.props.farElements.length * 43; //Add 45px per icon button
-            // usedWidth += 40; //Padding between near/far elements and the text part of heading
-            const remainingWidth = this.props.bannerWidth - usedWidth - 40;
-            let moreInfoText = this.props.infoElement ? this.props.infoElement : 'More Information';
-            let bannerTitleText = this.props.title && this.props.title.length > 0 ? this.props.title.trim() : 'FPS Webpart';
-            const textWidth = (moreInfoText.length + bannerTitleText.length) * 19 + 40; //characters * 19px + 40 padding
-            if (bannerTitleText && ['hide', 'ignore', 'empty'].indexOf(bannerTitleText.toLowerCase()) >= 0) {
-                bannerTitleText = '';
-            }
-            //  If space between < estimated space needed, apply ratio, else just leave large on both sides so the math works.
-            const moreInfoRatio = textWidth > remainingWidth ? moreInfoText.length / (moreInfoText.length + bannerTitleText.length) : .7;
-            const titleRatio = textWidth > remainingWidth ? 1 - moreInfoRatio : .7;
-            if (this.props.bannerWidth < 700 && moreInfoText.length > 5) {
-                moreInfoText = moreInfoText === 'More Information' ? 'Info' : moreInfoText.substring(0, 5) + '...';
-            }
-            // usedWidth += 18 * bannerTitleText.length; //Est 18px per character of title
-            let bannerStyle = {};
-            if (this.props.bannerReactCSS) {
-                bannerStyle = this.props.bannerReactCSS;
-            }
-            else if (this.props.styleString) {
-                bannerStyle = createStyleFromString(this.props.styleString, { background: 'green' }, 'bannerStyle in banner/component.tsx ~ 81');
-            }
-            if (!bannerStyle.height) {
-                bannerStyle.height = '35px';
-            }
-            if (!bannerStyle.paddingLeft) {
-                bannerStyle.paddingLeft = '20px';
-            }
-            if (!bannerStyle.paddingRight) {
-                bannerStyle.paddingRight = '20px';
-            }
-            if (this.hasNearOrFar === false) {
-                bannerStyle.cursor = 'pointer';
-            }
-            const classNames = ['container', this.hoverEffect === true ? 'opacity' : null, 'flex-container'].join(' ');
-            //  On clicks need to be defined like this and only put on specific elements in certain cases.
-            //  OR ELSE they will all get fired messing up panel open
-            const bannerOnClick = this.hasNearOrFar !== true ? this._openPanel.bind(this) : undefined;
-            const titleInfoOnClick = this.hasNearOrFar === true ? this._openPanel.bind(this) : undefined;
-            const titleInfoCursor = this.hasNearOrFar === true ? 'pointer' : undefined;
-            const styleFlexElements = { padding: '10px', cursor: titleInfoCursor };
-            //Added for https://github.com/mikezimm/PageInfo/issues/30
-            const isPinned = this.props.domElement && this.props.domElement.offsetParent && this.props.domElement.offsetParent.classList.contains('pinMeWebPartDefault') ? true : false;
-            const isPageInfo = this.props.gitHubRepo.desc === links.gitRepoPageInfoSmall.desc ? true : false;
-            const maxWidth = isPinned === true || isPageInfo === true ? '200px' : titleRatio * remainingWidth;
-            const styleLeftTitle = { padding: '10px', cursor: titleInfoCursor, maxWidth: maxWidth, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
-            const styleRightTitle = { padding: '10px', cursor: titleInfoCursor, maxWidth: moreInfoRatio * remainingWidth, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
-            const isMoreInfoButton = typeof this.props.infoElement === 'string' && this.props.infoElement.toLowerCase().indexOf('iconname=') === 0 ? true : false;
-            const infoElement = [];
-            if (this.props.feedbackEmail) {
-                infoElement.push(React.createElement(Icon, { title: 'Submit Feedback', iconName: 'Feedback', onClick: this.sendFeedback.bind(this), style: this.props.bannerCmdReactCSS }));
-            }
-            ;
-            if (isMoreInfoButton === true) {
-                let iconName = this.props.infoElement.split('=')[1];
-                infoElement.push(React.createElement(Icon, { iconName: iconName, onClick: titleInfoOnClick, style: this.props.bannerCmdReactCSS, title: "More Information on webpart" }));
-            }
-            else {
-                infoElement.push(React.createElement("div", { style: styleRightTitle, onClick: titleInfoOnClick, title: 'More Information on webpart' }, moreInfoText));
-            }
-            if (this.props.displayMode === DisplayMode.Edit && this.props.WebPartHelpElement) {
-                infoElement.push(
-                //Found I had to makeYellowStyles every render to make this work.
-                React.createElement(Icon, { iconName: 'OpenEnrollment', onClick: this.togglePropsHelp.bind(this), style: this.makeYellowStyles(this.props.bannerCmdReactCSS), title: 'Property Pane Help' }));
-            }
-            const appendTitle = this.props.appendTitle ? this.props.appendTitle : '';
-            const bannerLeft = this.nearElements.length === 0 ? React.createElement("div", { style: styleFlexElements, onClick: titleInfoOnClick },
-                " ",
-                bannerTitleText,
-                " ") :
-                React.createElement("div", { className: 'flex-left-nowrap-start' },
-                    this.nearElements,
-                    React.createElement("div", { style: styleLeftTitle, onClick: titleInfoOnClick, title: bannerTitleText },
-                        " ",
-                        bannerTitleText,
-                        " ",
-                        appendTitle,
-                        " "));
-            const bannerRight = this.props.farElements.length === 0 && infoElement.length === 0 ? React.createElement("div", { style: styleFlexElements, onClick: titleInfoOnClick }, moreInfoText) :
-                React.createElement("div", { className: 'flex-left-nowrap-start' }, [...this.props.farElements, ...infoElement,]);
-            let showSettingStyle = this.showSettingsAsPivot === true ? 'show-settings show-settings-pivot' : 'show-settings show-settings-flex';
-            console.log('showSettingStyle ~ 326', showSettingStyle);
-            let bannerContent = React.createElement("div", null,
-                React.createElement("div", { className: classNames, style: bannerStyle, onClick: bannerOnClick },
-                    bannerLeft,
-                    bannerRight),
-                React.createElement("div", { className: this.state.showSettings ? showSettingStyle : 'hide-settings', style: {} }, this.settingsContent));
-            let thisPage = null;
-            let panelContent = null;
-            if (showPanel === true && this.props.showFullPanel !== true) {
-                const bonusHTML1 = this.props.bonusHTML1 ? this.props.bonusHTML1 : null;
-                const panelPerformance = this.props.panelPerformance ? createPerformanceTableVisitor(this.props.panelPerformance, []) : null;
-                const bonusHTML2 = this.props.bonusHTML2 ? this.props.bonusHTML2 : null;
-                panelContent = React.createElement("div", null,
-                    this.props.replacePanelHTML,
-                    bonusHTML1 ? React.createElement("div", null, bonusHTML1) : null,
-                    panelPerformance ? React.createElement("div", null, panelPerformance) : null,
-                    bonusHTML2 ? React.createElement("div", null, bonusHTML2) : null);
-            }
-            else if (showPanel === true) {
-                const webPartLinks = React.createElement(WebPartLinks, { parentListURL: '', childListURL: '', parentListName: '', childListName: '', repoObject: this.props.gitHubRepo, showRepoLinks: this.props.showRepoLinks });
-                const thisWindow = window;
-                let content = null;
-                // let showMedical = this.isShowTricks && ( thisWindow.FPSUser || thisWindow.FPSOptions )  ? true : false;
-                let showMedical = this.isShowTricks === true && (thisWindow.FPSUser || thisWindow.FPSOptions) ? true : false;
-                const bonusHTML1 = this.props.bonusHTML1 ? this.props.bonusHTML1 : null;
-                const panelPerformance = this.props.panelPerformance ? createPerformanceTableVisitor(this.props.panelPerformance, []) : null;
-                const bonusHTML2 = this.props.bonusHTML2 ? this.props.bonusHTML2 : null;
-                if (this.state.selectedKey === pivotHeadingX) {
-                    console.log('Banner component -build content');
-                    content = React.createElement("div", null,
-                        React.createElement("div", { style: { padding: '10px 20px 20px 20px', background: 'yellow', marginTop: '20px' } }, this.props.replacePanelWarning),
-                        React.createElement("div", null, this.props.replacePanelHTML),
-                        bonusHTML1 ? React.createElement("div", null, bonusHTML1) : null,
-                        panelPerformance ? React.createElement("div", null, panelPerformance) : null,
-                        bonusHTML2 ? React.createElement("div", null, bonusHTML2) : null);
-                    // import { whyContent } from './HelpPanel/Content/Whyme';
-                    // import { aboutTable } from './HelpPanel/Content/About';
-                    // import { gettingStartedContent } from './HelpPanel/Content/GettingStarted';
-                    // import { errorsContent } from './HelpPanel/Content/Errors';
-                    // import { advancedContent } from './HelpPanel/Content/Advanced';
-                    // import { futureContent } from './HelpPanel/Content/FuturePlans';
-                    // import { basicsContent } from './HelpPanel/Content/Basics';
-                    // import { tricksTable } from './HelpPanel/Content/Tricks';
-                    // import { webParTips } from './HelpPanel/Content/Tips';
-                }
-                else if (this.state.selectedKey === pivotHeading1) {
-                    content = this.props.contentPages.gettingStartedContent;
-                }
-                else if (this.state.selectedKey === pivotHeading2) {
-                    content = this.props.contentPages.basicsContent;
-                }
-                else if (this.state.selectedKey === pivotHeading3) {
-                    content = this.props.contentPages.advancedContent;
-                }
-                else if (this.state.selectedKey === pivotHeading4) {
-                    content = this.props.contentPages.futureContent;
-                }
-                else if (this.state.selectedKey === pivotHeading5) {
-                    content = this.dev;
-                }
-                else if (this.state.selectedKey === pivotHeading6) {
-                    content = this.props.contentPages.errorsContent;
-                }
-                else if (this.state.selectedKey === pivotHeading7) {
-                    content = this.props.contentPages.tricksTable;
-                }
-                else if (this.state.selectedKey === pivotHeading8) {
-                    content = this.props.contentPages.aboutTable;
-                }
-                else if (this.state.selectedKey === pivotHeading0) { //2022-01-31: Added Pivot Tiles
-                    content = this.props.contentPages.whyContent;
-                }
-                else if (this.state.selectedKey === pivotHeading9) { //2022-01-31: Added Pivot Tiles
-                    content = React.createElement("div", { id: "CommandsJSONPanel", style: { paddingTop: '20px' } },
-                        React.createElement("h3", null, "Summary of Exportable Properties"),
-                        React.createElement(ReactJson, { src: this.props.exportProps, name: 'Export Properties', collapsed: false, displayDataTypes: true, displayObjectSize: true, enableClipboard: true, style: { padding: '10px 0px' } }),
-                        React.createElement(ReactJson, { src: this.props.webpartHistory, name: 'Webpart History', collapsed: true, displayDataTypes: true, displayObjectSize: true, enableClipboard: true, style: { padding: '10px 0px' } }));
-                }
-                else if (this.state.selectedKey === pivotHeadingA) { //2022-01-31: Added Pivot Tiles
-                    const thisInstance = this.createHistoryItem(this.props.webpartHistory.thisInstance);
-                    let thisInstanceChanges = this.props.webpartHistory.thisInstance.changes.length === 0 ? null : React.createElement("div", null,
-                        React.createElement("div", { style: { fontSize: 'large', textDecoration: 'underline' } }, "This edit session"),
-                        thisInstance);
-                    let priorHistoryChanges = null;
-                    if (this.props.webpartHistory.history && this.props.webpartHistory.history.length > 0) {
-                        let priorHistory = [];
-                        this.props.webpartHistory.history.map((item) => {
-                            if (this.props.webpartHistory.thisInstance.time !== item.time) {
-                                priorHistory.push(this.createHistoryItem(item));
-                            }
-                        });
-                        priorHistoryChanges = React.createElement("div", null,
-                            React.createElement("div", { style: { fontSize: 'large', textDecoration: 'underline' } }, "Previous edit sessions"),
-                            priorHistory);
-                    }
-                    content = React.createElement("div", { id: "HistoryPanel", style: { paddingTop: '20px' } },
-                        thisInstanceChanges,
-                        priorHistoryChanges);
-                }
-                else if (this.state.selectedKey === pivotHeadingB) { //2022-01-31: Added Pivot Tiles
-                    if (showMedical === true) {
-                        let medicalElements = [];
-                        if (thisWindow.FPSUser) {
-                            medicalElements.push(React.createElement(ReactJson, { src: thisWindow.FPSUser, name: 'FPSUser', collapsed: true, displayDataTypes: true, displayObjectSize: true, enableClipboard: false, style: { padding: '10px 0px' } }));
-                        }
-                        if (thisWindow.FPSUser) {
-                            medicalElements.push(React.createElement(ReactJson, { src: thisWindow.FPSOptions, name: 'FPSOptions', collapsed: false, displayDataTypes: true, displayObjectSize: true, enableClipboard: false, style: { padding: '10px 0px' } }));
-                        }
-                        content = React.createElement("div", { id: "MedicalPanel", style: { paddingTop: '20px' } }, medicalElements);
-                    }
-                }
-                if (this.state.selectedKey === pivotHeading9 || this.state.selectedKey === pivotHeadingA || this.state.selectedKey === pivotHeadingB || this.state.selectedKey === pivotHeadingX) {
-                    thisPage = content;
-                }
-                else {
-                    thisPage = content === undefined ? undefined : React.createElement(SinglePage, { allLoaded: true, showInfo: true, content: content });
-                }
-                const tipHeaderStyle = { paddingRight: '10px', textAlign: 'left' };
-                const tipsTable = React.createElement("table", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", { style: tipHeaderStyle }, "Do this"),
-                        React.createElement("th", { style: tipHeaderStyle }, "Where"),
-                        React.createElement("th", { style: { textAlign: 'left' } }, "Result")),
-                    this.getRandomTip(this.props.contentPages.webParTips));
-                const tips = this.props.contentPages.webParTips.length === 0 ? null :
-                    React.createElement(MessageBar, { messageBarType: MessageBarType.warning },
-                        React.createElement("div", { style: { fontWeight: 600, fontSize: 'large', marginBottom: '12px' } }, "Pro TIP:"),
-                        React.createElement("div", { style: { minHeight: '30px' } }, tipsTable));
-                const wideIcon = this.wideToggle !== true ? null : React.createElement(Icon, { iconName: this.state.panelType === PanelType.medium ? 'MaximumValue' : 'MinimumValue', style: { fontSize: 'xx-large', cursor: 'pointer' }, onClick: this._panelWidth.bind(this) });
-                const showExport = this.props.showExport === true && this.props.exportProps !== null ? true : false;
-                const showHistory = this.props.webpartHistory ? true : false;
-                let panelTitle = this.props.panelTitle;
-                if (panelTitle && ['hide', 'ignore', 'empty'].indexOf(panelTitle.toLowerCase()) >= 0) {
-                    panelTitle = this.props.gitHubRepo.desc;
-                }
-                panelContent = React.createElement("div", { style: { paddingBottom: '50px' } },
-                    tips,
-                    webPartLinks,
-                    React.createElement("div", { style: { display: 'flex', flexWrap: 'nowrap', justifyContent: 'space-between', alignItems: 'center' } },
-                        React.createElement("h3", null,
-                            " ",
-                            panelTitle),
-                        React.createElement("div", { title: this.state.panelType === PanelType.medium ? 'Make panel wider' : 'Make panel narrower' }, wideIcon)),
-                    React.createElement(Pivot, { linkFormat: PivotLinkFormat.links, linkSize: PivotLinkSize.normal, onLinkClick: this._selectedIndex.bind(this) },
-                        this.props.replacePanelHTML == '' ? undefined : React.createElement(PivotItem, { headerText: pivotHeadingX, ariaLabel: pivotHeadingX, title: pivotHeadingX, itemKey: pivotHeadingX, itemIcon: 'SunQuestionMark' }),
-                        this.props.contentPages.whyContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading0, ariaLabel: pivotHeading0, title: pivotHeading0, itemKey: pivotHeading0, itemIcon: 'QandA' }),
-                        this.props.contentPages.gettingStartedContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading1, ariaLabel: pivotHeading1, title: pivotHeading1, itemKey: pivotHeading1, itemIcon: undefined }),
-                        this.props.contentPages.basicsContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading2, ariaLabel: pivotHeading2, title: pivotHeading2, itemKey: pivotHeading2, itemIcon: undefined }),
-                        this.props.contentPages.advancedContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading3, ariaLabel: pivotHeading3, title: pivotHeading3, itemKey: pivotHeading3, itemIcon: undefined }),
-                        this.props.contentPages.futureContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading4, ariaLabel: pivotHeading4, title: pivotHeading4, itemKey: pivotHeading4, itemIcon: 'RenewalFuture' }),
-                        this.props.contentPages.errorsContent === undefined ? undefined : React.createElement(PivotItem, { headerText: pivotHeading6, ariaLabel: pivotHeading6, title: pivotHeading6, itemKey: pivotHeading6, itemIcon: 'Warning12' }),
-                        this.dev === undefined ? undefined : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeading5, title: pivotHeading5, itemKey: pivotHeading5, itemIcon: 'TestAutoSolid' }),
-                        showTricks !== true || this.props.contentPages.tricksTable === undefined ? undefined : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeading7, title: pivotHeading7, itemKey: pivotHeading7, itemIcon: 'AutoEnhanceOn' }),
-                        this.props.contentPages.aboutTable === undefined ? undefined : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeading8, title: pivotHeading8, itemKey: pivotHeading8, itemIcon: 'Info' }),
-                        showExport !== true ? null : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeading9, title: pivotHeading9, itemKey: pivotHeading9, itemIcon: 'Export' }),
-                        showHistory !== true ? null : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeadingA, title: pivotHeadingA, itemKey: pivotHeadingA, itemIcon: 'FullHistory' }),
-                        showMedical !== true ? null : React.createElement(PivotItem, { headerText: undefined, ariaLabel: pivotHeadingB, title: pivotHeadingB, itemKey: pivotHeadingB, itemIcon: 'Medical' })),
-                    thisPage);
-            }
-            const bannerPanel = React.createElement("div", null,
-                React.createElement(Panel, { isOpen: showPanel, 
-                    // this prop makes the panel non-modal
-                    isBlocking: true, onDismiss: this._closePanel.bind(this), closeButtonAriaLabel: "Close", type: this.state.panelType, isLightDismiss: true }, panelContent));
-            let SpecialElement = this.props.SpecialMessage ? createSpecialElement(this.props.SpecialMessage) : undefined;
-            return (React.createElement("div", { className: 'banner-component' },
-                SpecialElement,
-                bannerContent,
-                propsHelp,
-                bannerPanel));
-        }
-    }
-    _toggleExpando() {
-        const newMode = this.state.expandoramicMode === true ? false : true;
-        setExpandoRamicMode(this.props.domElement, newMode, this.props.expandoStyle, this.props.expandAlert, this.props.expandConsole, this.props.expandoPadding, this.props.pageLayout);
-        // if ( this.state.expandoramicMode === true ) {
-        this.setState({ expandoramicMode: newMode, });
-        // } else {
-        // this.setState({ showPanel: true,});
-        // }
-    }
-    _closePanel() {
-        this.setState({ showPanel: false, });
-    }
-    _openPanel(event) {
-        let textCallback = event.currentTarget.dataset.callback;
-        if (textCallback && textCallback.length > 0) {
-            //Do Nothing
-        }
-        else {
-            this.setState({ showPanel: true, });
-        }
-    }
-    _panelWidth() {
-        let newPanelType = this.state.panelType !== PanelType.medium ? PanelType.medium : PanelType.large;
-        this.setState({ panelType: newPanelType, });
-    }
-    togglePropsHelp() {
-        let newState = this.state.showPropsHelp === true ? false : true;
-        this.setState({ showPropsHelp: newState });
-    }
-    sendFeedback() {
-        const lbreak = '%0D%0A';
-        let pageName = window.location.pathname.substring(window.location.pathname.lastIndexOf("/") + 1);
-        let mailTemplate = `mailto:${this.props.feedbackEmail}`;
-        // let mailTemplate = `mailto:${`UpdateEmail@someday.com`}`;
-        mailTemplate += `?subject=${this.props.gitHubRepo.desc} Webpart Question or Issue on PAGE: ${pageName}`;
-        mailTemplate += `&body=Add your question or comment here: ${lbreak}${lbreak}${lbreak}`;
-        mailTemplate += `Page Name: ${pageName}${lbreak}${lbreak}`;
-        mailTemplate += `Link to page:${lbreak}${window.location.href}${lbreak}${lbreak}`;
-        mailTemplate += `Best Regards, ${lbreak}${lbreak}`;
-        window.open(mailTemplate);
-    }
-}
-//# sourceMappingURL=component.js.map