@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
72 lines (70 loc) • 3.74 kB
JavaScript
/**
* CodeAnalizerComment: Updated 1 imports on 2024-09-22 14:49:52
* Update:: import { IWebpartBannerProps } to '@mikezimm/fps-core-v7/lib/banner/mainReact/IWebpartBannerProps;'
*/
/**
* CodeAnalizerComment: Updated 3 imports on 2024-09-21 23:07:24
* Update:: import { PivotLinkFormat } to '@mikezimm/fps-core-v7/lib/types/@fluentUI/@7.199.1/Pivot;'
* Update:: import { PivotLinkSize } to '@mikezimm/fps-core-v7/lib/types/@fluentUI/@7.199.1/Pivot;'
* Update:: import { EasyIconObjectDefault } to '@mikezimm/fps-core-v7/lib/components/atoms/easy-icons/interfaces/eiTypes;'
*/
import * as React from 'react';
require('@mikezimm/fps-styles/dist/PropPanelHelp.css');
import { PivotLinkFormat, PivotLinkSize } from '@fluentui/react/lib/Pivot';
import { Pivot, } from '@fluentui/react/lib/Pivot';
import { SitePresetsInfo } from './preconfig/SitePresetsInfo';
import { VisitorHelp } from './pages/standard/Visitor';
import { BannerHelp } from './pages/standard/Banner';
import { FPSBasicHelp } from './pages/standard/FPSBasic';
import { FPSExpandHelp } from './pages/standard/FPSExpand';
import { ImportHelp } from './pages/standard/Import';
import { EasyIconObjectDefault } from '@mikezimm/fps-core-v7/lib/components/atoms/easy-icons/interfaces/eiTypes';
import { getFullBackgroundHelp } from '../../components/molecules/FullPageBackGround/PropHelp/FullImage';
import { getWebPartHelpElementCSSWarning } from '../../components/molecules/FullPageBackGround/PropHelp/CSSWarning';
import { getWebPartHelpElementCSSPerformance } from '../../components/molecules/FullPageBackGround/PropHelp/CSSPerformance';
import { getEasyIconsHelp } from '../../components/atoms/EasyIcons/functions/eiHelp';
import { TenantHelpInfo } from './pages/TenantHelpInfo';
// import EasyIconsHelpHook from '../../components/atoms/EasyIcons/functions/eiHelpFC';
/**
* README INSTRUCTIONS FOR USAGE:
* In order to refresh EasyIcons used, be sure to pass in a refreshId in your main React component calling the banner.
* Update it in State after you fetched all data.
*
* @param WebPartHelpPivots
* @param bannerProps
* @returns
*/
export function getWebPartHelpElementX(WebPartHelpPivots, bannerProps) {
const FullBGHelp = bannerProps.fpsPageBGWPProps._allowFullPageBG !== 'Auto' ? [] :
[
getWebPartHelpElementCSSWarning(),
getWebPartHelpElementCSSPerformance(),
getFullBackgroundHelp(bannerProps.addParamToUrl),
];
const DefaultPivots = [
TenantHelpInfo(bannerProps.fpsCert, bannerProps.context.pageContext.web.serverRelativeUrl, bannerProps),
...FullBGHelp,
/**
* 2025-03-08: CURRENTLY USE getEasyIconsHelp, NOT EasyIconsHelpHook.
* IF YOU CHANGE, ALSO CHANGE IN EASY PAGES LOGIC
*/
getEasyIconsHelp(EasyIconObjectDefault, bannerProps._forceMainRender),
// ( <EasyIconsHelpHook key={ '999' }
// EasyIcons = { EasyIconObjectDefault }
// /> ),
VisitorHelp,
BannerHelp,
FPSBasicHelp,
FPSExpandHelp,
// {/* { SinglePageAppHelp } */}
ImportHelp,
];
const preSetsContent = SitePresetsInfo(bannerProps.sitePresets, bannerProps.lockProps, bannerProps.overRideProps);
if (preSetsContent)
DefaultPivots.push(preSetsContent);
const AllPivots = [...WebPartHelpPivots, ...DefaultPivots];
const WebPartHelpElement = React.createElement("div", { style: { overflowX: 'scroll' } },
React.createElement(Pivot, { linkFormat: PivotLinkFormat.links, linkSize: PivotLinkSize.normal }, AllPivots));
return WebPartHelpElement;
}
//# sourceMappingURL=PropPaneHelp.js.map