UNPKG

@mikezimm/fps-library-v2

Version:

Library of reusable typescript/javascript functions, interfaces and constants

44 lines (42 loc) 2.87 kB
/** * CodeAnalizerComment: Updated 2 imports on 2024-09-22 14:49:52 * Update:: import { PanelType } to '@mikezimm/fps-core-v7/lib/types/@fluentUI/@7.199.1/Panel;' * Update:: import { IAnySourceItem } to '@mikezimm/fps-core-v7/lib/components/molecules/AnyContent/IAnyContent;' */ /** * CodeAnalizerComment: Updated 2 imports on 2024-09-21 23:07:24 * Update:: import { IAnySourceItem } to '@mikezimm/fps-core-v7/lib/components/molecules/AnyContent/IAnyContent;' * Update:: import { IPagesContent } to '@mikezimm/fps-core-v7/lib/components/molecules/source-props/SitePages/IPagesContent;' */ import * as React from 'react'; import { Panel, PanelType } from '@fluentui/react/lib/Panel'; import ItemPane from '../ItemPane/component'; // import { ISourceInfo } from "../DataInterface"; // import { ICanvasContentOptions } from "../INTERFACES/IModernPage"; // import { IFinManSearch } from "../INTERFACES/IFinManSearch"; // import { IPagesContent } from '@mikezimm/fps-core-v7/lib/components/molecules/source-props/SitePages/IPagesContent'; // ./../fpsReferences"; // import { IAnySourceItemFM } from "../INTERFACES/IAnySource"; // import { IAppFormat } from "../INTERFACES/ILayoutsPage"; import SingleModernPage from '../../ModernPages/SinglePage/SingleModernPage'; export function ContentPanel(props) { //Copied from ModernPages const imageStyle = ''; let panelContent = null; if (!props.showThisItem) { panelContent = React.createElement("div", null, "Very strange indeed.... No item was detected..."); } else if (props.paneOrPage === 'ItemPane') { console.log('ContentPanel', props); panelContent = React.createElement(ItemPane, { item: props.showThisItem, showCanvasContent1: true, source: props.source, primarySource: props.primarySource, refreshId: props.refreshId, canvasOptions: props.canvasOptions, imageStyle: imageStyle, debugMode: props.debugMode, search: props.search, topButtons: props.topButtons, searchText: props.searchText }); } else if (props.paneOrPage === 'ModernPage') { panelContent = React.createElement(SingleModernPage, { page: props.showThisItem, showCanvasContent1: true, source: props.primarySource, refreshId: props.refreshId, canvasOptions: props.canvasOptions, imageStyle: imageStyle, debugMode: props.debugMode, searchText: props.searchText }); // } else if ( primarySource.defType === 'account' ) { } const thePanel = React.createElement("div", null, React.createElement(Panel, { isOpen: props.showItemPanel === true ? true : false, // this prop makes the panel non-modal isBlocking: true, onDismiss: props.onClosePanel, closeButtonAriaLabel: "Close", type: PanelType.large, isLightDismiss: true }, panelContent)); return thePanel; } //# sourceMappingURL=ContentPanel.js.map