@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
41 lines (40 loc) • 2.84 kB
JavaScript
/**
* CodeAnalizerComment: Updated 4 imports on 2024-09-21 23:07:24
* Update:: import { DisplayMode } to '@mikezimm/fps-core-v7/lib/types/@msft/1.15.2/displayMode;'
* Update:: import { IFPSPinMenu } to '@mikezimm/fps-core-v7/lib/banner/features/PinMe/Interfaces;'
* Update:: import { IPinMeState } to '@mikezimm/fps-core-v7/lib/banner/features/PinMe/Interfaces;'
* Update:: import { check4This } to '@mikezimm/fps-core-v7/lib/logic/Links/CheckSearch;'
*/
import * as React from 'react';
import { Icon, } from '@fluentui/react/lib/Icon';
import { FPSPinMe } from '../features/PinMe/FPSPinMenu';
import { check4This, Check4 } from '@mikezimm/fps-core-v7/lib/logic/Links/CheckSearch';
export function updateFarElementsPinMe(updateProps) {
const { farBannerElementsArray, fpsPinMenu, updatePinState, pinState, displayMode, pimMeCmdStyles } = updateProps;
//If there is no updatePinState function or pinState is disabled, do not show any icons.
if (pinState !== 'disabled' && updatePinState) {
const PinDefault = React.createElement(Icon, { title: 'Set to default', iconName: 'ArrowDownRightMirrored8', onClick: () => setPinArrowFunction(fpsPinMenu, updatePinState, 'normal', displayMode), style: pimMeCmdStyles });
if (fpsPinMenu.forcePinState !== true && pinState === 'normal') {
farBannerElementsArray.push(React.createElement(Icon, { title: 'Pin to top', iconName: 'Pinned', onClick: () => setPinArrowFunction(fpsPinMenu, updatePinState, 'pinFull', displayMode), style: pimMeCmdStyles }));
}
else if (pinState === 'pinFull') {
if (fpsPinMenu.forcePinState !== true)
farBannerElementsArray.push(PinDefault);
farBannerElementsArray.push(React.createElement(Icon, { title: 'Minimize', iconName: 'CollapseMenu', onClick: () => setPinArrowFunction(fpsPinMenu, updatePinState, 'pinMini', displayMode), style: pimMeCmdStyles }));
}
else if (pinState === 'pinMini') {
if (fpsPinMenu.forcePinState !== true)
farBannerElementsArray.push(PinDefault);
farBannerElementsArray.push(React.createElement(Icon, { title: 'Expand', iconName: 'DoubleChevronDown', onClick: () => setPinArrowFunction(fpsPinMenu, updatePinState, 'pinFull', displayMode), style: pimMeCmdStyles }));
}
}
return farBannerElementsArray;
}
export function setPinArrowFunction(fpsPinMenu, updatePinState, pinState, displayMode) {
if (check4This(Check4.setPinArrowFunction_Eq_true) === true)
console.log(`setPinArrowFunction FetchBannerX ~ ${pinState}`);
FPSPinMe(fpsPinMenu.domElement, pinState, null, false, true, null, fpsPinMenu.pageLayout, displayMode);
if (updatePinState)
updatePinState(pinState);
}
//# sourceMappingURL=PinFunctions.js.map