@mikezimm/fps-library-v2 1.0.149 → 1.0.151

package/lib/components/molecules/ModernPages/ModernPages.js

@@ -0,0 +1,169 @@
+import * as React from 'react';
+// import styles from '../AlvFinMan.module.scss';
+// import stylesM from './ModernPages.module.scss';
+// import { IPagesContent } from "../../fpsReferences";
+import { ModernPageValues, } from './Interfaces/IModernPagesProps';
+import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
+// import { getMMMDDFromStr } from '@mikezimm/fps-library-v2/lib/logic/Time/monthLabels';
+// import { sortObjectArrayByNumberKey } from '../../fpsReferences';
+import { getDocWiki } from './SinglePage/getModernContent';
+import SingleModernPage from './SinglePage/SingleModernPage';
+import { sortObjectArrayByNumberKey } from '../../../logic/indexes/ArraySortingNumbers';
+import { getMMMDDFromStr } from '../../../logic/Time/monthLabels';
+require('@mikezimm/fps-styles/dist/ModernPage.css');
+//  NOTE:   linkNoLeadingTarget is used in Layouts1, Layouts2 and Modern Pages... maybe consolidate
+export const linkNoLeadingTarget = /<a[\s\S]*?href=/gim; //
+// const consoleLineItemBuild: boolean = false;
+/**
+ *
+  Never list these page titles in the list of pages:
+*/
+const ignoreThesePages = [
+    'Easy Contents',
+    'EasyContents', // 
+];
+export default class ModernPages extends React.Component {
+    constructor(props) {
+        super(props);
+        this.imageStyle = '';
+        console.log('constructor:');
+        this.state = {
+            showItemPanel: false,
+            showCanvasContent1: this.props.canvasOptions.pagePreference === 'canvasContent1' ? true : false,
+            showPanelJSON: false,
+            showThisItem: this.props.pages.length > 0 ? this.props.pages[0] : null,
+            refreshId: `${this.props.refreshId}`,
+            sort: {
+                prop: this.props.sort.prop,
+                order: this.props.sort.order,
+            },
+        };
+    }
+    async componentDidMount() {
+        console.log('MP: componentDidMount:');
+        await this.updateWebInfo('', false);
+    }
+    async updateWebInfo(webUrl, listChangeOnly) {
+        console.log('MP: updateWebInfo:');
+        if (this.state.showThisItem && this.state.showCanvasContent1 === true) {
+            await getDocWiki(this.state.showThisItem, this.props.source, this.props.canvasOptions, this.state.showCanvasContent1, this.updateModernState.bind(this));
+        }
+        // this.setState({ docs: docs, buckets: buckets, sups: sups });
+    }
+    //        
+    /***
+   *         d8888b. d888888b d8888b.      db    db d8888b. d8888b.  .d8b.  d888888b d88888b
+   *         88  `8D   `88'   88  `8D      88    88 88  `8D 88  `8D d8' `8b `~~88~~' 88'
+   *         88   88    88    88   88      88    88 88oodD' 88   88 88ooo88    88    88ooooo
+   *         88   88    88    88   88      88    88 88~~~   88   88 88~~~88    88    88~~~~~
+   *         88  .8D   .88.   88  .8D      88b  d88 88      88  .8D 88   88    88    88.
+   *         Y8888D' Y888888P Y8888D'      ~Y8888P' 88      Y8888D' YP   YP    YP    Y88888P
+   *
+   *
+   */
+    async componentDidUpdate(prevProps) {
+        //Just rebuild the component
+        const { showSearch, showPublishDate, pages, source, refreshId, canvasOptions } = this.props;
+        const hasNewPages = (pages === null || pages === void 0 ? void 0 : pages.length) && (pages === null || pages === void 0 ? void 0 : pages.length) > 0 && pages.length !== prevProps.pages.length ? true : false;
+        if (hasNewPages === true && this.state.showCanvasContent1 === true) {
+            // Get full page if it is required and first page is available
+            getDocWiki(pages[0], source, canvasOptions, this.state.showCanvasContent1, this.updateModernState.bind(this));
+        }
+        else if (hasNewPages === true || refreshId !== prevProps.refreshId) {
+            console.log('MP: componentDidUpdate: refreshId', prevProps.refreshId, refreshId);
+            let showThisItem = this.state.showThisItem;
+            if (!showThisItem && pages.length > 0)
+                showThisItem = pages[0];
+            this.setState({ refreshId: refreshId, showThisItem: showThisItem });
+        }
+        else if (JSON.stringify(canvasOptions) !== JSON.stringify(prevProps.canvasOptions)) {
+            console.log('MP: ModernPages style update: ', this.imageStyle);
+            this.setState({ refreshId: refreshId, });
+        }
+    }
+    render() {
+        if (ModernPageValues.indexOf(this.props.mainPivotKey) < 0) {
+            return (null);
+        }
+        else {
+            const { showSearch, showPublishDate, pages, source, refreshId, canvasOptions } = this.props;
+            console.log('ModernPages: ReactElement', refreshId);
+            const pagesList = [];
+            const SortedPages = sortObjectArrayByNumberKey(pages, this.state.sort.order, this.state.sort.prop);
+            SortedPages.map(item => {
+                const classNames = ['titleListItem', 'leftFilter'];
+                //Disabled lint on this line in case it was number vs text
+                if (this.state.showThisItem && (item.ID == this.state.showThisItem.ID)) {
+                    classNames.push('isSelected');
+                } // eslint-disable-line eqeqeq
+                //Make sure page has Title and is not a dud, also check it's not a common page that does not belong in this component
+                if (item.Title && ignoreThesePages.indexOf(item.Title) < 0) {
+                    pagesList.push(React.createElement("li", { className: classNames.join(' '), onClick: this.clickNewsItem.bind(this, item.ID, 'pages', item), style: null }, showPublishDate === true ?
+                        React.createElement("div", { style: { display: 'inline-block' } },
+                            React.createElement("div", null, getMMMDDFromStr(item.FirstPublishedDate)),
+                            React.createElement("div", null, item.Title))
+                        : item.Title));
+                }
+            });
+            const page = React.createElement("div", { className: ['modernPage', this.props.debugMode === true ? 'debugMode' : null].join(' '), style: {} },
+                React.createElement("div", { className: 'titleList' },
+                    React.createElement("h3", null, source.searchSource),
+                    React.createElement("div", { className: 'pageDescription' }, source.searchSourceDesc),
+                    pagesList),
+                React.createElement(SingleModernPage, { page: this.state.showThisItem, showCanvasContent1: this.state.showCanvasContent1, source: source, refreshId: refreshId, canvasOptions: canvasOptions, imageStyle: this.imageStyle, debugMode: this.props.debugMode }));
+            const userPanel = this.state.showItemPanel !== true ? null : React.createElement("div", null,
+                React.createElement(Panel, { isOpen: this.state.showItemPanel === true ? true : false, 
+                    // this prop makes the panel non-modal
+                    isBlocking: true, onDismiss: this._onClosePanel.bind(this), closeButtonAriaLabel: "Close", type: PanelType.large, isLightDismiss: true },
+                    React.createElement(SingleModernPage, { page: this.state.showThisItem, showCanvasContent1: true, source: source, refreshId: refreshId, canvasOptions: canvasOptions, imageStyle: this.imageStyle, debugMode: this.props.debugMode })));
+            const debugContent = this.props.debugMode !== true ? null : React.createElement("div", { style: { cursor: 'default', marginLeft: '20px' } },
+                "App in debugMode - Change in Web Part Properties - Page Preferences.  ",
+                React.createElement("b", null,
+                    React.createElement("em", null, "Currently in ModernPage")));
+            return (
+            // <div className={ styles.alvFinMan }>
+            React.createElement("div", { className: null },
+                React.createElement("div", { className: null },
+                    debugContent,
+                    page,
+                    userPanel)));
+        }
+    }
+    //getDocWiki( item: IPagesContent, source: ISourcePropsFM,  canvasOptions: ICanvasContentOptions, callBack: any )
+    updateModernState(item, showCanvasContent1) {
+        this.setState({
+            showItemPanel: showCanvasContent1 === false ? true : false,
+            showCanvasContent1: showCanvasContent1,
+            showThisItem: item
+        });
+    }
+    async clickNewsItem(ID, category, item, e) {
+        console.log('clickNewsItem:', ID, item);
+        // debugger;
+        const { showSearch, showPublishDate, pages, source, refreshId, canvasOptions } = this.props;
+        const newState = this.state.showItemPanel;
+        if (e.altKey === true) {
+            // newState = this.state.showItemPanel === true ? false : true;
+            const showCanvasContent1 = e.ctrlKey === true ? true : false;
+            await getDocWiki(item, source, canvasOptions, showCanvasContent1, this.updateModernState.bind(this));
+        }
+        else if (e.ctrlKey === true && item.File) {
+            window.open(item.File.ServerRelativeUrl, '_blank');
+            this.setState({ showThisItem: item, showItemPanel: newState });
+        }
+        else if (this.state.showCanvasContent1 === true) {
+            await getDocWiki(item, source, canvasOptions, true, this.updateModernState.bind(this));
+        }
+        else if (canvasOptions.pagePreference === 'tab' && item.File) {
+            window.open(item.File.ServerRelativeUrl, '_blank');
+            this.setState({ showThisItem: item, showItemPanel: newState });
+        }
+        else {
+            this.setState({ showThisItem: item, showItemPanel: newState });
+        }
+    }
+    _onClosePanel() {
+        this.setState({ showItemPanel: false });
+    }
+}
+//# sourceMappingURL=ModernPages.js.map

package/lib/components/molecules/ModernPages/ModernPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernPages.js","sourceRoot":"","sources":["../../../../src/components/molecules/ModernPages/ModernPages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,iDAAiD;AACjD,mDAAmD;AACnD,uDAAuD;AACvD,OAAO,EAAwC,gBAAgB,GAAG,MAAM,gCAAgC,CAAC;AAGzG,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEpE,yFAAyF;AAEzF,oEAAoE;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,CAAE,0CAA0C,CAAC,CAAC;AAErD,mGAAmG;AACnG,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,CAAG,EAAE;AAE7D,+CAA+C;AAE/C;;;EAGE;AACF,MAAM,gBAAgB,GAAa;IACjC,eAAe;IACf,cAAc,EAAE,GAAG;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA+C;IAI5F,YAAmB,KAAuB;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,eAAU,GAAG,EAAE,CAAC;QAItB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAK,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG;YACX,aAAa,EAAE,KAAK;YACpB,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,KAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YAC/F,aAAa,EAAE,KAAK;YACpB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAE,CAAC,CAAE,CAAC,CAAC,CAAC,IAAI;YACxE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACpC,IAAI,EAAE;gBACJ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;gBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;aAC7B;SACF,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,iBAAiB;QAC5B,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAK,CAAC;QAC1C,MAAM,IAAI,CAAC,aAAa,CAAE,EAAE,EAAE,KAAK,CAAE,CAAC;IACxC,CAAC;IAEM,KAAK,CAAC,aAAa,CAAG,MAAc,EAAE,cAAwB;QACnE,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAK,CAAC;QACtC,IAAK,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,EAAG;YACvE,MAAM,UAAU,CAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAE,IAAI,CAAE,CAAE,CAAC;SAC/J;QAED,+DAA+D;IAEjE,CAAC;IAED,UAAU;IACR;;;;;;;;;KASC;IAEI,KAAK,CAAC,kBAAkB,CAAC,SAA4B;QAC1D,4BAA4B;QAE5B,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5F,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAEjH,IAAK,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,EAAG;YACpE,8DAA8D;YAC9D,UAAU,CAAE,KAAK,CAAC,CAAC,CAAC,EAAG,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAE,IAAI,CAAE,CAAE,CAAC;SAEpH;aAAM,IAAK,WAAW,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,EAAG;YAEtE,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAG,CAAC;YACnF,IAAI,YAAY,GAAkB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAC1D,IAAK,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAG,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC;SAErE;aAAM,IAAK,IAAI,CAAC,SAAS,CAAE,aAAa,CAAC,KAAK,IAAI,CAAC,SAAS,CAAE,SAAS,CAAC,aAAa,CAAE,EAAG;YACzF,OAAO,CAAC,GAAG,CAAC,gCAAgC,EAAE,IAAI,CAAC,UAAU,CAAE,CAAC;YAChE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,CAAC;SAC1C;IACH,CAAC;IAEM,MAAM;QAEX,IAAK,gBAAgB,CAAC,OAAO,CAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAE,GAAE,CAAC,EAAI;YAC7D,OAAO,CAAE,IAAI,CAAE,CAAC;SAEjB;aAAM;YAEL,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE5F,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,SAAS,CAAG,CAAC;YAEtD,MAAM,SAAS,GAAW,EAAE,CAAC;YAE7B,MAAM,WAAW,GAAoB,0BAA0B,CAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC;YAItH,WAAW,CAAC,GAAG,CAAE,IAAI,CAAC,EAAE;gBACtB,MAAM,UAAU,GAAG,CAAE,eAAe,EAAE,YAAY,CAAE,CAAC;gBAErD,0DAA0D;gBAC1D,IAAK,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAAE,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAE,EAAG;oBAAE,UAAU,CAAC,IAAI,CAAE,YAAY,CAAE,CAAE;iBAAE,CAAE,6BAA6B;gBAChJ,qHAAqH;gBACrH,IAAK,IAAI,CAAC,KAAK,IAAI,gBAAgB,CAAC,OAAO,CAAE,IAAI,CAAC,KAAK,CAAE,GAAG,CAAC,EAAG;oBAC9D,SAAS,CAAC,IAAI,CAAE,4BAAI,SAAS,EAAG,UAAU,CAAC,IAAI,CAAE,GAAG,CAAE,EAAG,OAAO,EAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAG,EAAE,KAAK,EAAG,IAAI,IACxI,eAAe,KAAK,IAAI,CAAC,CAAC;wBAC5B,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;4BACrC,iCAAQ,eAAe,CAAE,IAAI,CAAC,kBAAkB,CAAE,CAAQ;4BAC1D,iCAAO,IAAI,CAAC,KAAK,CAAQ,CACrB;wBACN,CAAC,CAAC,IAAI,CAAC,KAAK,CACP,CAAE,CAAC;iBACT;YACH,CAAC,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,6BAAK,SAAS,EAAG,CAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAG,KAAK,EAAE,EAAI;gBAExH,6BAAK,SAAS,EAAG,WAAW;oBAC1B,gCAAK,MAAM,CAAC,YAAY,CAAM;oBAC9B,6BAAK,SAAS,EAAI,iBAAiB,IAAI,MAAM,CAAC,gBAAgB,CAAO;oBAClE,SAAS,CACR;gBACN,oBAAC,gBAAgB,IACf,IAAI,EAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAC/B,kBAAkB,EAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACnD,MAAM,EAAI,MAAM,EAChB,SAAS,EAAI,SAAS,EACtB,aAAa,EAAI,aAAa,EAC9B,UAAU,EAAI,IAAI,CAAC,UAAU,EAC7B,SAAS,EAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GACjC,CACE,CAAC;YAEP,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAAK,oBAAC,KAAK,IACtE,MAAM,EAAG,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;oBACzD,sCAAsC;oBACtC,UAAU,EAAE,IAAI,EAChB,SAAS,EAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,oBAAoB,EAAC,OAAO,EAC5B,IAAI,EAAK,SAAS,CAAC,KAAK,EACxB,cAAc,EAAK,IAAI;oBAEvB,oBAAC,gBAAgB,IACf,IAAI,EAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAC/B,kBAAkB,EAAI,IAAI,EAC1B,MAAM,EAAI,MAAM,EAChB,SAAS,EAAI,SAAS,EACtB,aAAa,EAAI,aAAa,EAC9B,UAAU,EAAI,IAAI,CAAC,UAAU,EAC7B,SAAS,EAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GACjC,CACI,CAAM,CAAC;YAEf,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE;;gBACzC;oBAAG,0DAAgC,CAAI,CACzG,CAAC;YAEP,OAAO;YACL,uCAAuC;YACvC,6BAAK,SAAS,EAAG,IAAI;gBAEnB,6BAAK,SAAS,EAAG,IAAI;oBAGb,YAAY;oBACZ,IAAI;oBACJ,SAAS,CAGX,CACF,CACP,CAAC;SAEH;IAEH,CAAC;IAED,iHAAiH;IACzG,iBAAiB,CAAE,IAAmB,EAAE,kBAA2B;QAEzE,IAAI,CAAC,QAAQ,CAAC;YACZ,aAAa,EAAE,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YAC1D,kBAAkB,EAAE,kBAAkB;YACtC,YAAY,EAAE,IAAI;SAAE,CAAC,CAAC;IAE1B,CAAC;IAEO,KAAK,CAAC,aAAa,CAAE,EAAU,EAAE,QAAgB,EAAE,IAAmB,EAAE,CAAM;QACpF,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,EAAE,EAAE,IAAI,CAAE,CAAC;QACzC,YAAY;QAEZ,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5F,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE1C,IAAK,CAAC,CAAC,MAAM,KAAK,IAAI,EAAG;YACvB,+DAA+D;YAC/D,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YAC7D,MAAM,UAAU,CAAE,IAAI,EAAG,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAE,IAAI,CAAE,CAAE,CAAC;SAE3G;aAAM,IAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,EAAG;YAC5C,MAAM,CAAC,IAAI,CAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAG,QAAQ,CAAE,CAAC;YACtD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;SAEhE;aAAM,IAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,EAAG;YACnD,MAAM,UAAU,CAAE,IAAI,EAAG,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAE,IAAI,CAAE,CAAE,CAAC;SAE7F;aAAM,IAAK,aAAa,CAAC,cAAc,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,EAAG;YAChE,MAAM,CAAC,IAAI,CAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAG,QAAQ,CAAE,CAAC;YACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;SAEhE;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;SAChE;IAGL,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC;CAEF"}

package/lib/components/molecules/ModernPages/SinglePage/LimitedVersion.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function LimitedVersionPage(showThisItem: any, listLink: string): JSX.Element;
+//# sourceMappingURL=LimitedVersion.d.ts.map

package/lib/components/molecules/ModernPages/SinglePage/LimitedVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitedVersion.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/LimitedVersion.tsx"],"names":[],"mappings":";AAcA,wBAAgB,kBAAkB,CAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAI,GAAG,CAAC,OAAO,CAiDrF"}

package/lib/components/molecules/ModernPages/SinglePage/LimitedVersion.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import Accordion from '../../Accordion/Accordion';
+require('@mikezimm/fps-styles/dist/fpsGeneralCSS.css'); // for gotoLink
+// import stylesP from '../../SourcePages/SourcePages.module.scss';
+// import stylesA from '../../AlvFinMan.module.scss';
+import { openThisLinkInNewTab } from '../../../atoms/Links/CreateLinks';
+// import { openThisLinkInNewTab } from '../../../fpsReferences';
+export function LimitedVersionPage(showThisItem, listLink) {
+    /**
+     * Limited Content Warning content accordion
+     */
+    // const LimitedTitle: JSX.Element = <h2 style={{ fontSize: 'larger', marginTop: '20px', textDecoration: 'underline' }}>This is a Limited version of this page:</h2>;
+    const ClickHereToOpenContent = React.createElement("div", { style: { padding: '20px 20px 30px', backgroundColor: 'lightgray' } },
+        React.createElement("div", null,
+            React.createElement("h3", { style: { marginBlockStart: '0px' } }, "What you will see here:"),
+            React.createElement("ul", null,
+                React.createElement("li", null, "Formatted text and Links"),
+                React.createElement("li", null, "Images shown as banner - may not see full image.")),
+            React.createElement("h3", { style: { marginBlockStart: '0px' } }, "To get full page functionality listed below - click on the link below."),
+            React.createElement("ul", null,
+                React.createElement("li", null, "Image formatting like sizing,"),
+                React.createElement("li", null, "All other parts such as Tiles, PageInfo, Youtube, Images and Galleries etc..."))),
+        React.createElement("div", { style: { display: 'flex', alignItems: 'center', fontSize: 'larger', fontWeight: 600, color: 'darkblue' } },
+            React.createElement("div", { style: { cursor: 'pointer', marginRight: '50px' }, onClick: openThisLinkInNewTab.bind(this, showThisItem.FileRef ? showThisItem.FileRef : showThisItem.searchHref) },
+                "Click here to open full page ( in a new tab ) ",
+                React.createElement(Icon, { iconName: 'OpenInNewTab' })),
+            !listLink ? undefined : React.createElement("div", { style: { cursor: 'pointer', }, className: ['fps-gen-inBlockNoWrap', 'fps-gen-goToLink'].join(' '), onClick: () => { window.open(`${listLink}`, '_blank'); } },
+                "Open list ",
+                React.createElement(Icon, { iconName: 'OpenInNewTab' }))));
+    const LimitedVersionAccordion = React.createElement(Accordion
+    // title={ LimitedTitle }
+    , { 
+        // title={ LimitedTitle }
+        title: `NOTE:  This is a Limited version of this page:`, showAccordion: false, animation: 'TopDown', contentStyles: { height: '270px' }, content: ClickHereToOpenContent, defaultIcon: 'Info' });
+    return LimitedVersionAccordion;
+}
+//# sourceMappingURL=LimitedVersion.js.map

package/lib/components/molecules/ModernPages/SinglePage/LimitedVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitedVersion.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/LimitedVersion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,GAAG,MAAM,iCAAiC,CAAC;AAExD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,CAAC,6CAA6C,CAAC,CAAC,CAAC,eAAe;AAEvE,mEAAmE;AACnE,qDAAqD;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE,iEAAiE;AAEjE,MAAM,UAAU,kBAAkB,CAAE,YAAiB,EAAE,QAAgB;IAEnE;;OAEG;IAEH,qKAAqK;IAErK,MAAM,sBAAsB,GAAgB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE;QAC/G;YAEA,4BAAI,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,8BAA+B;YACrE;gBACI,2DAAiC;gBACjC,mFAAyD,CACxD;YAEL,4BAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,6EAA8E;YACrH;gBACI,gEAAsC;gBACtC,gHAAsF,CACrF,CAEC;QACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;YAC3G,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,EACtD,OAAO,EAAG,oBAAoB,CAAC,IAAI,CAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAE;;gBACpE,oBAAC,IAAI,IAAC,QAAQ,EAAC,cAAc,GAAE,CAAM;YAEjF,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,GAAE,EAAE,SAAS,EAAG,CAAE,uBAAuB,EAAE,kBAAkB,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAG,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAE,GAAG,QAAQ,EAAE,EAAC,QAAQ,CAAE,CAAE,CAAC,CAAC;;gBACnL,oBAAC,IAAI,IAAC,QAAQ,EAAC,cAAc,GAAE,CACrC,CACF,CAIJ,CAAC;IAEP,MAAM,uBAAuB,GAAgB,oBAAC,SAAS;IACnD,yBAAyB;;QAAzB,yBAAyB;QACzB,KAAK,EAAG,gDAAgD,EACxD,aAAa,EAAG,KAAK,EACrB,SAAS,EAAI,SAAS,EACtB,aAAa,EAAG,EAAC,MAAM,EAAE,OAAO,EAAC,EACjC,OAAO,EAAK,sBAAsB,EAClC,WAAW,EAAG,MAAM,GACtB,CAAC;IAEH,OAAO,uBAAuB,CAAC;AACnC,CAAC"}

package/lib/components/molecules/ModernPages/SinglePage/PageDetails.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function PageDetailsComponent(showThisItem: any, debugMode?: boolean): JSX.Element;
+//# sourceMappingURL=PageDetails.d.ts.map

package/lib/components/molecules/ModernPages/SinglePage/PageDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/PageDetails.tsx"],"names":[],"mappings":";AASA,wBAAgB,oBAAoB,CAAE,YAAY,EAAE,GAAG,EAAE,SAAS,GAAG,OAAe,GAAI,GAAG,CAAC,OAAO,CA0ClG"}

package/lib/components/molecules/ModernPages/SinglePage/PageDetails.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+// import styles from '../../AlvFinMan.module.scss';
+require('@mikezimm/fps-styles/dist/fpsDateStamp.css');
+require('@mikezimm/fps-styles/dist/fpsGeneralCSS.css');
+import Accordion from '../../Accordion/Accordion';
+export function PageDetailsComponent(showThisItem, debugMode = false) {
+    /**
+     * Page Details content accordion
+     */
+    let PageDetails = null;
+    if (debugMode !== true) {
+        PageDetails = React.createElement("div", { style: { paddingBottom: '20px' } },
+            React.createElement("div", { className: 'fps-gen-flexColWidth100' },
+                React.createElement("div", { className: 'fps-date-stamp' },
+                    React.createElement("div", null, "Modified"),
+                    " ",
+                    React.createElement("div", null, showThisItem.modifiedLoc),
+                    " ",
+                    React.createElement("div", null, showThisItem['Editor/Title']))));
+    }
+    else {
+        const pageDetailsX = React.createElement("div", null,
+            React.createElement("div", { className: 'fps-gen-flexColWidth100' },
+                React.createElement("div", null,
+                    "File Location: ",
+                    showThisItem.FileRef ? showThisItem.FileRef : showThisItem.searchHref),
+                React.createElement("div", { className: 'fps-date-stamp' },
+                    React.createElement("div", null, "Created"),
+                    " ",
+                    React.createElement("div", null, showThisItem.createdLoc),
+                    " ",
+                    React.createElement("div", null, showThisItem['Author/Title'])),
+                React.createElement("div", { className: 'fps-date-stamp' },
+                    React.createElement("div", null, "Modified"),
+                    " ",
+                    React.createElement("div", null, showThisItem.modifiedLoc),
+                    " ",
+                    React.createElement("div", null, showThisItem['Editor/Title']))));
+        PageDetails = React.createElement(Accordion, { title: `Page properties:`, showAccordion: false, animation: 'TopDown', contentStyles: { height: '70px' }, content: pageDetailsX });
+    }
+    return PageDetails;
+}
+//# sourceMappingURL=PageDetails.js.map

package/lib/components/molecules/ModernPages/SinglePage/PageDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageDetails.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/PageDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oDAAoD;AAEpD,OAAO,CAAC,4CAA4C,CAAC,CAAC;AACtD,OAAO,CAAC,6CAA6C,CAAC,CAAC;AAEvD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,MAAM,UAAU,oBAAoB,CAAE,YAAiB,EAAE,YAAsB,KAAK;IAEhF;;OAEG;IAEH,IAAI,WAAW,GAAgB,IAAI,CAAC;IAEpC,IAAK,SAAS,KAAK,IAAI,EAAG;QACtB,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;YAEnD,6BAAK,SAAS,EAAG,yBAAyB;gBACtC,6BAAK,SAAS,EAAG,gBAAgB;oBACjC,4CAAmB;;oBAAC,iCAAO,YAAY,CAAC,WAAW,CAAQ;;oBAAC,iCAAO,YAAY,CAAC,cAAc,CAAC,CAAQ,CACjG,CACJ,CACA,CAAC;KAEV;SAAM;QACH,MAAM,YAAY,GAAG;YACrB,6BAAK,SAAS,EAAG,yBAAyB;gBACtC;;oBAAsB,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAQ;gBACnG,6BAAK,SAAS,EAAG,gBAAgB;oBACjC,2CAAkB;;oBAAC,iCAAO,YAAY,CAAC,UAAU,CAAQ;;oBAAC,iCAAO,YAAY,CAAC,cAAc,CAAC,CAAQ,CAC/F;gBACN,6BAAK,SAAS,EAAG,gBAAgB;oBACjC,4CAAmB;;oBAAC,iCAAO,YAAY,CAAC,WAAW,CAAQ;;oBAAC,iCAAO,YAAY,CAAC,cAAc,CAAC,CAAQ,CACjG,CACJ,CACA,CAAC;QAEP,WAAW,GAAG,oBAAC,SAAS,IACtB,KAAK,EAAG,kBAAkB,EAC1B,aAAa,EAAG,KAAK,EACrB,SAAS,EAAI,SAAS,EACtB,aAAa,EAAG,EAAC,MAAM,EAAE,MAAM,EAAC,EAChC,OAAO,EAAK,YAAY,GACxB,CAAC;KACN;IAED,OAAO,WAAW,CAAC;AAEvB,CAAC"}

package/lib/components/molecules/ModernPages/SinglePage/SingleModernPage.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { ISingleModernPageProps, ISingleModernPageState } from '../Interfaces/ISingleModernPageProps';
+export default class SingleModernPage extends React.Component<ISingleModernPageProps, ISingleModernPageState> {
+    private cke_editable;
+    private ToggleJSONCmd;
+    constructor(props: ISingleModernPageProps);
+    componentDidMount(): void;
+    updateWebInfo(webUrl: string, listChangeOnly: boolean): void;
+    /***
+   *         d8888b. d888888b d8888b.      db    db d8888b. d8888b.  .d8b.  d888888b d88888b
+   *         88  `8D   `88'   88  `8D      88    88 88  `8D 88  `8D d8' `8b `~~88~~' 88'
+   *         88   88    88    88   88      88    88 88oodD' 88   88 88ooo88    88    88ooooo
+   *         88   88    88    88   88      88    88 88~~~   88   88 88~~~88    88    88~~~~~
+   *         88  .8D   .88.   88  .8D      88b  d88 88      88  .8D 88   88    88    88.
+   *         Y8888D' Y888888P Y8888D'      ~Y8888P' 88      Y8888D' YP   YP    YP    Y88888P
+   *
+   *
+   */
+    componentDidUpdate(prevProps: ISingleModernPageProps): void;
+    render(): React.ReactElement<ISingleModernPageProps>;
+    private updateModernState;
+    private openArticleNewTab;
+    private openThisLink;
+    private _toggleJSON;
+}
+//# sourceMappingURL=SingleModernPage.d.ts.map

package/lib/components/molecules/ModernPages/SinglePage/SingleModernPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleModernPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/SingleModernPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAG,MAAM,sCAAsC,CAAC;AAiBvG,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IAE3G,OAAO,CAAC,YAAY,CAA4E;IAEhG,OAAO,CAAC,aAAa,CAAgF;gBAElF,KAAK,EAAC,sBAAsB;IAUxC,iBAAiB,IAAG,IAAI;IAKxB,aAAa,CAAG,MAAM,EAAE,MAAM,EAAE,cAAc,EAAG,OAAO,GAAG,IAAI;IAOpE;;;;;;;;;KASC;IAEI,kBAAkB,CAAC,SAAS,EAAE,sBAAsB,GAAG,IAAI;IAsB3D,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC;IAqG3D,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;CAepB"}

package/lib/components/molecules/ModernPages/SinglePage/SingleModernPage.js

@@ -0,0 +1,178 @@
+import * as React from 'react';
+require('@mikezimm/fps-styles/dist/ModernPage.css');
+// import * as strings from 'AlvFinManWebPartStrings';
+import ReactJson from "react-json-view";
+// import { makeToggleJSONCmd } from '../../../fpsReferences';
+import { getDocWiki } from './getModernContent';
+import { getModernHumanReadable } from './processModernContent';
+import { LimitedVersionPage } from './LimitedVersion';
+import { PageDetailsComponent } from './PageDetails';
+import { makeToggleJSONCmd } from '../../../atoms/Elements/ToggleJSONButton';
+const consoleLineItemBuild = false; // eslint-disable-line @typescript-eslint/no-unused-vars
+export default class SingleModernPage extends React.Component {
+    constructor(props) {
+        super(props);
+        this.cke_editable = this.props.canvasOptions.addCkeEditToDiv !== false ? 'cke_editable' : '';
+        this.ToggleJSONCmd = makeToggleJSONCmd(this._toggleJSON.bind(this), 'Click for more details');
+        console.log('constructor:');
+        this.state = {
+            showPanelJSON: false,
+            showThisItem: this.props.page,
+            showPageDetails: false,
+        };
+    }
+    componentDidMount() {
+        console.log('SMP: componentDidMount:');
+        this.updateWebInfo('', false);
+    }
+    updateWebInfo(webUrl, listChangeOnly) {
+        console.log('SMP: updateWebInfo:');
+        if (this.props.page && this.props.showCanvasContent1 === true) {
+            getDocWiki(this.props.page, this.props.source, this.props.canvasOptions, this.props.showCanvasContent1, this.updateModernState.bind(this));
+        }
+    }
+    /***
+   *         d8888b. d888888b d8888b.      db    db d8888b. d8888b.  .d8b.  d888888b d88888b
+   *         88  `8D   `88'   88  `8D      88    88 88  `8D 88  `8D d8' `8b `~~88~~' 88'
+   *         88   88    88    88   88      88    88 88oodD' 88   88 88ooo88    88    88ooooo
+   *         88   88    88    88   88      88    88 88~~~   88   88 88~~~88    88    88~~~~~
+   *         88  .8D   .88.   88  .8D      88b  d88 88      88  .8D 88   88    88    88.
+   *         Y8888D' Y888888P Y8888D'      ~Y8888P' 88      Y8888D' YP   YP    YP    Y88888P
+   *
+   *
+   */
+    componentDidUpdate(prevProps) {
+        //Just rebuild the component
+        if (this.props.refreshId !== prevProps.refreshId) {
+            this.setState({ showThisItem: this.props.page });
+        }
+        else if (this.props.page && !prevProps.page) {
+            this.setState({ showThisItem: this.props.page });
+        }
+        else if (this.props.imageStyle !== prevProps.imageStyle) {
+            this.setState({ showThisItem: this.props.page });
+        }
+        else if (JSON.stringify(this.props.canvasOptions) !== JSON.stringify(prevProps.canvasOptions)) {
+            this.setState({ showThisItem: this.props.page, });
+        }
+        else if (this.props.page === null) {
+            //Do nothing if page is null
+        }
+        else if (this.props.page.ID !== prevProps.page.ID) {
+            this.setState({ showThisItem: this.props.page, });
+        }
+    }
+    render() {
+        const { showCanvasContent1, } = this.props;
+        const { showThisItem, } = this.state;
+        if (!showThisItem) {
+            // const FetchingSpinner = <Spinner size={SpinnerSize.large} label={"Fetching Page ..."} style={{ padding: 30 }} />;
+            // return ( <div>{ FetchingSpinner }</div> );
+            return (React.createElement("div", null));
+        }
+        else {
+            const debugContent = this.props.debugMode !== true ? null : React.createElement("div", { style: { cursor: 'default', marginLeft: '20px' } },
+                "App in debugMode - Change in Web Part Properties - Page Preferences.  ",
+                React.createElement("b", null,
+                    React.createElement("em", null, "Currently in SinglePage")));
+            let panelHeading = null;
+            let panelTitle = 'Unknown Title';
+            if (showThisItem.Title) {
+                panelTitle = showThisItem.Title;
+            }
+            else if (showThisItem.Title0) {
+                panelTitle = showThisItem.Title0;
+            }
+            else if (showThisItem.FileLeafRef) {
+                panelTitle = showThisItem.FileLeafRef;
+            }
+            let articleDesc = showThisItem ? showThisItem.Description : '';
+            panelHeading = React.createElement("div", { style: { paddingBottom: '20px' } },
+                React.createElement("h2", null, panelTitle),
+                articleDesc ? React.createElement("h3", null, "Description:") : null,
+                articleDesc);
+            const imageUrl = showThisItem ? showThisItem.BannerImageUrl : null;
+            const image = !showThisItem || !imageUrl ? null :
+                React.createElement("img", { src: imageUrl.Url, height: "100px", width: "100%", style: { objectFit: "cover" }, title: imageUrl.Url });
+            const headerComponent = React.createElement("div", null,
+                debugContent,
+                image,
+                panelHeading,
+                PageDetailsComponent(showThisItem, this.props.debugMode));
+            /* eslint-disable dot-notation */
+            if (!showThisItem) {
+                return null;
+                //Add warning to link outside of our system.
+            }
+            else if (showThisItem && showThisItem['OData__OriginalSourceUrl'] && showThisItem['OData__OriginalSourceUrl'].indexOf(window.location.origin) < 0) { // eslint-disable-line dot-notation
+                //Link is external...  Use different instructions
+                return (React.createElement("div", { style: { paddingTop: '15px' } },
+                    headerComponent,
+                    React.createElement("div", { style: { paddingBottom: '10px', fontWeight: 600 } },
+                        "To go to article: ",
+                        React.createElement("span", { style: { cursor: 'pointer', color: 'darkblue' }, onClick: this.openThisLink.bind(this, showThisItem['OData__OriginalSourceUrl']) }, "click here")),
+                    React.createElement("div", { style: { color: 'red', } }, "Security check :)  This is the full link you will be clicking on"),
+                    React.createElement("div", null,
+                        showThisItem['OData__OriginalSourceUrl'],
+                        " ")));
+            }
+            else if (showCanvasContent1 !== true) {
+                return (React.createElement("div", { style: { paddingTop: '15px' } },
+                    headerComponent,
+                    React.createElement("div", null,
+                        "To go to article: ",
+                        React.createElement("span", { style: { cursor: 'pointer', color: 'darkblue' }, onClick: this.openArticleNewTab.bind(this, showThisItem) }, "click here")),
+                    React.createElement("div", null,
+                        "To open article in NEW full-size tab: ",
+                        React.createElement("b", null, "CTRL-Click the Title"),
+                        " "),
+                    React.createElement("div", null,
+                        "To show it right here: ",
+                        React.createElement("b", null, "CTRL-ALT-Click the Title")),
+                    React.createElement("div", null,
+                        "To show it in a side panel: ",
+                        React.createElement("b", null, "ALT-Click the Title"))));
+            }
+            else {
+                const listUrl = `${this.props.source.webUrl}${this.props.source.webRelativeLink}`;
+                const CanvasContent1 = !showThisItem || !showThisItem.CanvasContent1Str ? null :
+                    React.createElement("div", null,
+                        LimitedVersionPage(showThisItem, listUrl),
+                        React.createElement("div", { className: ['', this.cke_editable].join(' '), dangerouslySetInnerHTML: { __html: showThisItem.CanvasContent1Str } }));
+                if (CanvasContent1) {
+                    articleDesc = null;
+                } //Remove Description because full article is shown below
+                const jsonContent = this.state.showPanelJSON !== true ? null : React.createElement("div", null,
+                    React.createElement(ReactJson, { src: showThisItem, name: 'Summary', collapsed: false, displayDataTypes: true, displayObjectSize: true, enableClipboard: true, style: { padding: '20px 0px' } }));
+                const fileEmbed = !showThisItem || !showThisItem.ServerRedirectedEmbedUrl ? null : React.createElement("iframe", { src: showThisItem.ServerRedirectedEmbedUrl, height: '350px', width: '100%', style: { paddingTop: '20px' } });
+                return (React.createElement("div", { className: ['fps-modern-article', ''].join(' ') },
+                    headerComponent,
+                    CanvasContent1,
+                    fileEmbed,
+                    this.ToggleJSONCmd,
+                    jsonContent));
+            }
+        }
+    }
+    updateModernState(item) {
+        this.setState({
+            showThisItem: item
+        });
+    }
+    openArticleNewTab(item) {
+        window.open(item.File.ServerRelativeUrl, '_blank');
+    }
+    openThisLink(link) {
+        window.open(link, '_blank');
+    }
+    // export { openThisLinkInNewTab } from '../fpsPreferences';
+    // private clickOpenInNewTab( href ) {
+    // }
+    _toggleJSON() {
+        const newState = this.state.showPanelJSON === true ? false : true;
+        let result = this.state.showThisItem;
+        result = getModernHumanReadable(result);
+        this.setState({ showThisItem: result, showPanelJSON: newState });
+    }
+}
+//# sourceMappingURL=SingleModernPage.js.map

package/lib/components/molecules/ModernPages/SinglePage/SingleModernPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleModernPage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/SingleModernPage.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/ModernPages/SinglePage/getModernContent.d.ts

@@ -0,0 +1,5 @@
+import { ISourceProps } from "../../../../pnpjs/SourceItems/Interface";
+import { IPagesContent } from "../../../../pnpjs/SourceItems/SitePages/IPagesContent";
+import { ICanvasContentOptions } from "../Interfaces/IModernPage";
+export declare function getDocWiki(item: IPagesContent, source: ISourceProps, canvasOptions: ICanvasContentOptions, showCanvasContent1: boolean, callBack: any): void;
+//# sourceMappingURL=getModernContent.d.ts.map

package/lib/components/molecules/ModernPages/SinglePage/getModernContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModernContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/getModernContent.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAOlE,wBAAgB,UAAU,CAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAG,kBAAkB,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAI,IAAI,CA8C/J"}

package/lib/components/molecules/ModernPages/SinglePage/getModernContent.js

@@ -0,0 +1,53 @@
+// import { fetchFpsPageAsXML, } from '@mikezimm/fps-library-v2/lib/pnpjs/FieldAsXML/FetchPage'
+import { fetchFpsPageAsXML } from "../../../../pnpjs/FieldAsXML/FetchPage";
+// import { IPagesContent } from "../../../fpsReferences";
+// import { ICanvasContentOptions } from "../../INTERFACES/IModernPage";
+// import { ISourcePropsFM,  } from '../../DataInterface';
+export function getDocWiki(item, source, canvasOptions, showCanvasContent1, callBack) {
+    if (!item || !item.ID) {
+        console.log('Error getting item wiki');
+        const result = {
+            fetchError: 'getDocWiki item is null!',
+            CanvasContent1: 'CanvasContent1:  getDocWiki item is null!',
+        };
+        callBack(result, showCanvasContent1);
+    }
+    else {
+        const { webUrl, listTitle, selectThese, expandThese, isModern } = source;
+        const { ID, } = item;
+        // const result: IFpsPageAsXMLReturn = await fetchFpsPageAsXML( webUrl, listTitle, typeof ID === 'string' ? parseInt(ID): ID, selectThese, expandThese, [], isModern, true, true );
+        fetchFpsPageAsXML(webUrl, listTitle, typeof ID === 'string' ? parseInt(ID) : ID, selectThese, expandThese, [], isModern, true, true).then(result => {
+            if (result.status === 'Success' && result.item) {
+                const fetchedItem = result.item;
+                //Added this to fit images into the current width or else the image is full size
+                if (fetchedItem.CanvasContent1) {
+                    fetchedItem.CanvasContent1Str = fetchedItem.CanvasContent1.replace(/<img\s*/ig, `<img ${canvasOptions.imageOptions.style} `);
+                }
+                fetchedItem.BannerImageUrl = item.BannerImageUrl;
+                fetchedItem.fetchError = '';
+                console.log('Fetched modern page');
+                fetchedItem.originalContent = {};
+                Object.keys(item).map(thisKey => {
+                    if (thisKey === 'originalContent') {
+                        console.log('getModernContent.ts ~ 57');
+                    }
+                    else if (fetchedItem[thisKey] && fetchedItem[thisKey] !== item[thisKey]) {
+                        fetchedItem.originalContent[thisKey] = item[thisKey];
+                    }
+                    else {
+                        fetchedItem[thisKey] = item[thisKey];
+                    }
+                });
+                callBack(fetchedItem, showCanvasContent1);
+            }
+            else {
+                item.fetchError = 'Error getting item wiki';
+                console.log('Error getting item wiki');
+                callBack(item, showCanvasContent1);
+            }
+        }).catch((e) => {
+            console.log('fetchFpsPageAsXML seemed to fail');
+        });
+    }
+}
+//# sourceMappingURL=getModernContent.js.map

package/lib/components/molecules/ModernPages/SinglePage/getModernContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModernContent.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ModernPages/SinglePage/getModernContent.ts"],"names":[],"mappings":"AACA,+FAA+F;AAI/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAI3E,0DAA0D;AAC1D,wEAAwE;AAExE,0DAA0D;AAE1D,MAAM,UAAU,UAAU,CAAE,IAAmB,EAAE,MAAoB,EAAE,aAAoC,EAAG,kBAA2B,EAAE,QAAa;IAEtJ,IAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAG;QACvB,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,0BAA0B;YACtC,cAAc,EAAE,2CAA2C;SAC5D,CAAC;QAEF,QAAQ,CAAE,MAAM,EAAE,kBAAkB,CAAE,CAAC;KAExC;SAAM;QACL,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QACzE,MAAM,EAAE,EAAE,GAAI,GAAG,IAAI,CAAC;QAEtB,mLAAmL;QACnL,iBAAiB,CAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAE,CAAC,IAAI,CAAE,MAAM,CAAC,EAAE;YAEnJ,IAAK,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,EAAG;gBAChD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;gBAChC,gFAAgF;gBAChF,IAAK,WAAW,CAAC,cAAc,EAAG;oBAAE,WAAW,CAAC,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAE,WAAW,EAAG,QAAQ,aAAa,CAAC,YAAY,CAAC,KAAK,GAAG,CAAE,CAAE;iBAAE;gBACvK,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,cAAqB,CAAC;gBACxD,WAAW,CAAC,UAAU,GAAG,EAAE,CAAC;gBAC5B,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;gBACnC,WAAW,CAAC,eAAe,GAAG,EAAE,CAAC;gBAEjC,MAAM,CAAC,IAAI,CAAE,IAAI,CAAE,CAAC,GAAG,CAAE,OAAO,CAAC,EAAE;oBACjC,IAAK,OAAO,KAAK,iBAAiB,EAAG;wBACnC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;qBACzC;yBACI,IAAK,WAAW,CAAE,OAAO,CAAE,IAAI,WAAW,CAAE,OAAO,CAAE,KAAK,IAAI,CAAE,OAAO,CAAE,EAAE;wBAAE,WAAW,CAAC,eAAe,CAAE,OAAO,CAAE,GAAG,IAAI,CAAE,OAAO,CAAE,CAAC;qBAAE;yBACxI;wBAAE,WAAW,CAAE,OAAO,CAAE,GAAG,IAAI,CAAE,OAAO,CAAE,CAAC;qBAAE;gBACpD,CAAC,CAAC,CAAC;gBAEH,QAAQ,CAAE,WAAW,EAAE,kBAAkB,CAAE,CAAE;aAE9C;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,yBAAyB,CAAC;gBAC5C,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;gBACvC,QAAQ,CAAE,IAAI,EAAE,kBAAkB,CAAE,CAAE;aACvC;QACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA;QACjD,CAAC,CAAC,CAAC;KACJ;AACH,CAAC"}