@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
222 lines • 10.1 kB
JavaScript
// /**
// * CodeAnalizerComment: Updated 1 imports on 2024-09-22 14:49:52
// * Update:: import { IPropertyPaneDropdownOption } to '@mikezimm/fps-core-v7/lib/types/@msft/1.15.2/sp-property-pane;'
// */
// /**
// * CodeAnalizerComment: Updated 1 imports on 2024-09-21 23:07:24
// * Update:: import { IPropertyPaneDropdownOption } to '@mikezimm/fps-core-v7/lib/types/@msft/1.15.2/sp-property-pane;'
// */
// import * as React from "react";
// export const defaultBannerCommandStyles : React.CSSProperties = {
// backgroundColor: 'white' ,
// color: 'black' ,
// fontSize: 20,
// fontWeight: 'normal',
// fontStyle: 'normal',
// padding: '7px',
// margin: '0px 4px',
// borderRadius: '5px',
// cursor: 'pointer',
// };
// export const baseBannerStyles : React.CSSProperties = {
// color: 'black',
// backgroundColor: '#cfcfcf',
// fontSize: 'larger',
// fontWeight: 600,
// fontStyle: 'normal',
// padding: '0px 10px',
// // margin: '0px 4px',
// height: '48px', //48px is the height of the top app bar and waffle for when doing full page app
// cursor: 'pointer',
// }
// export const baseBannerCmdStyles : React.CSSProperties = {
// color: 'black',
// backgroundColor: 'white',
// fontSize: 20,
// fontWeight: 'normal',
// fontStyle: 'normal',
// padding: '7px',
// marginRight: '5px',
// borderRadius: '5px',
// cursor: 'pointer',
// }
// export const corpDark1 : React.CSSProperties = {
// backgroundColor: '#005495' , color: 'white' ,
// };
// export const corpWhite1 : React.CSSProperties = {
// backgroundColor: 'white' , color: '#005495' ,
// };
// export const corpDark2 : React.CSSProperties = {
// backgroundColor: '#0078D7' , color: 'white' ,
// };
// export const corpWhite2 : React.CSSProperties = {
// backgroundColor: 'white' , color: '#0078D7' ,
// };
// export const transparentBlack : React.CSSProperties = { // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// backgroundColor: 'transparent' , color: 'black' ,
// };
// export const transparentWhite : React.CSSProperties = { // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// backgroundColor: 'transparent' , color: 'white' ,
// };
// export const redDark : React.CSSProperties = {
// backgroundColor: '#C80000' , color: 'white' ,
// };
// export const redLight : React.CSSProperties = {
// backgroundColor: 'white' , color: '#C80000' ,
// };
// export const greenDark : React.CSSProperties = {
// backgroundColor: '#147A1E' , color: 'white' ,
// };
// export const greenLight : React.CSSProperties = {
// backgroundColor: 'white' , color: '#147A1E' ,
// };
// export const ukraine : React.CSSProperties = {
// backgroundColor: '#005BBB' , color: '#FFD500' ,
// };
// export const darkBrown : React.CSSProperties = {
// backgroundColor: '#9b2e0d' , color: 'white' ,
// };
// export const darkPurple : React.CSSProperties = {
// backgroundColor: '#651FFF' , color: 'white' ,
// };
// export const fireOrange : React.CSSProperties = {
// backgroundColor: '#FF6D00' , color: '#FFFF00' ,
// };
// // https://github.com/mikezimm/pivottiles7/issues/376
// export const halloween : React.CSSProperties = {
// backgroundColor: '#FF8F00' , color: 'black' ,
// };
// // https://github.com/mikezimm/pivottiles7/issues/376
// // lightCharcoal was truely lightened
// export const lightCharcoal : React.CSSProperties = {
// backgroundColor: '#000000c7' , color: 'yellow' ,
// };
// // https://github.com/mikezimm/pivottiles7/issues/376
// // medCharcoal created Jul 2024 which is the same as the original 'lightCharcoal'
// export const medCharcoal : React.CSSProperties = {
// backgroundColor: '#000000ad' , color: 'yellow' ,
// };
// export const darkCharcoal : React.CSSProperties = {
// backgroundColor: '#000000e0' , color: 'yellow' ,
// };
// export const bkat : React.CSSProperties = {
// backgroundColor: 'black' , color: 'pink' ,
// };
// export const bumbleBee : React.CSSProperties = {
// backgroundColor: 'yellow' , color: 'black' ,
// };
// export const beebulBum : React.CSSProperties = {
// backgroundColor: 'black' , color: 'yellow' ,
// };
// export const periwinkle : React.CSSProperties = {
// backgroundColor: '#5B5FC7' , color: 'white' ,
// };
// export const darkTeal : React.CSSProperties = {
// backgroundColor: '#03787c' , color: 'white' ,
// };
// export const lightTeal : React.CSSProperties = {
// backgroundColor: '#98d6d8' , color: 'black' ,
// };
// export const bannerThemes = [
// defaultBannerCommandStyles,
// corpDark1, corpWhite1,
// corpDark2, corpWhite2,
// transparentBlack, transparentWhite, // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// bumbleBee, beebulBum,
// darkTeal, lightTeal,
// periwinkle,
// redDark, redLight,
// greenDark, greenLight,
// ukraine, darkBrown,
// darkPurple, fireOrange, halloween,
// lightCharcoal, medCharcoal, darkCharcoal, bkat
// ];
// export const bannerThemeKeys = [
// 'defaultBannerCommandStyles',
// 'corpDark1', 'corpWhite1',
// 'corpDark2', 'corpWhite2',
// 'transparentBlack', 'transparentWhite', // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// 'bumbleBee', 'beebulBum',
// 'darkTeal', 'lightTeal',
// 'periwinkle',
// 'redDark', 'redLight',
// 'greenDark', 'greenLight',
// 'ukraine' , 'darkBrown',
// 'darkPurple', 'fireOrange', 'halloween',
// 'lightCharcoal', 'medCharcoal', 'darkCharcoal', 'bkat',
// 'custom', 'lock',
// ];
// export function makeCSSPropPaneString( obj: React.CSSProperties ) {
// let result = JSON.stringify( obj ? obj : {} );
// result.replace(/'/g, '"');
// return result;
// }
// export function createBannerStyleStr( choice: string, cmdOrBanner: 'cmd' | 'banner' ) {
// let result: string = createBannerStyle( choice, cmdOrBanner, true );
// return result;
// }
// export function createBannerStyleObj( choice: string, cmdOrBanner: 'cmd' | 'banner' ) {
// let result: React.CSSProperties = createBannerStyle( choice, cmdOrBanner, false );
// return result;
// }
// export function createBannerStyle( choice: string, cmdOrBanner: 'cmd' | 'banner', asString: boolean ) {
// const base = cmdOrBanner === 'cmd' ? baseBannerCmdStyles: baseBannerStyles;
// let baseCSS: any = JSON.parse( JSON.stringify( base ));
// let idx = choice ? bannerThemeKeys.indexOf( choice ) : 0;
// if ( choice && idx > 0 ) {
// let themeCSS: any = JSON.parse( JSON.stringify( bannerThemes[ idx ] ));
// Object.keys( themeCSS ).map ( key => {
// baseCSS[ key ] = themeCSS[ key ];
// });
// }
// if ( asString === true ) {
// return makeCSSPropPaneString ( baseCSS ) as any;
// } else {
// return baseCSS as React.CSSProperties;
// }
// }
// import { IPropertyPaneDropdownOption, } from '@mikezimm/fps-core-v7/lib/types/@msft/1.15.2/sp-property-pane';
// export const bannerThemeChoices: IPropertyPaneDropdownOption[] = <IPropertyPaneDropdownOption[]>[
// { index: 0, key: 'defaultBannerCommandStyles', text: "Default" },
// { index: 1, key: 'corpDark1', text: "corpDark1" },
// { index: 2, key: 'corpWhite1', text: "corpWhite1" },
// { index: 3, key: 'corpDark2', text: "corpDark2" },
// { index: 4, key: 'corpWhite2', text: "corpWhite2" },
// { index: 5, key: 'transparentBlack', text: "transparentBlack" }, // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// { index: 6, key: 'transparentWhite', text: "transparentWhite" }, // Added 2023-04-29: https://github.com/mikezimm/Slick-Sections/issues/34
// { index: 7, key: 'bumbleBee', text: "bumbleBee" },
// { index: 7, key: 'beebulBum', text: "beebulBum" },
// { index: 7, key: 'darkTeal', text: "darkTeal" },
// { index: 7, key: 'lightTeal', text: "lightTeal" },
// { index: 7, key: 'periwinkle', text: "periwinkle" },
// { index: 7, key: 'redDark', text: "redDark" },
// { index: 8, key: 'redLight', text: "redLight" },
// { index: 9, key: 'greenDark', text: "greenDark" },
// { index: 10, key: 'greenLight', text: "greenLight" },
// { index: 11, key: 'ukraine', text: "Ukraine" },
// { index: 12, key: 'darkBrown', text: "darkBrown" },
// { index: 13, key: 'darkPurple', text: "darkPurple" },
// { index: 14, key: 'fireOrange', text: "fireOrange" },
// { index: 14, key: 'halloween', text: "halloween" },
// { index: 15, key: 'lightCharcoal', text: "lightCharcoal" },
// { index: 16, key: 'medCharcoal', text: "medCharcoal" },
// { index: 17, key: 'darkCharcoal', text: "darkCharcoal" },
// { index: 18, key: 'bkat', text: "bkat" },
// { index: 19, key: 'custom', text: "Custom" },
// { index: 20, key: 'lock', text: "Lock" },
// ];
// export const bannerInfoEleChoices: IPropertyPaneDropdownOption[] = <IPropertyPaneDropdownOption[]>[
// { index: 0, key: 'Text', text: "More Information" },
// { index: 1, key: 'IconName=Unknown', text: "Question mark circle" },
// { index: 2, key: 'IconName=UnknownSolid', text: "Question mark solid circle" },
// { index: 3, key: 'IconName=Help', text: "Question mark" },
// { index: 4, key: 'IconName=ReceiptTentative', text: "Question mark lines" },
// { index: 5, key: 'IconName=Info', text: "i in circle" },
// { index: 6, key: 'IconName=InfoSolid', text: "i in solid circle" },
// { index: 7, key: 'IconName=UnknownCall', text: "Telephone with Question mark" },
// { index: 8, key: 'IconName=Emoji2', text: "Smiling emoji" },
// { index: 9, key: 'IconName=Sad', text: "Sad emoji" },
// { index: 10, key: 'IconName=Education', text: "Education" },
// { index: 11, key: 'IconName=HandsFree', text: "Hand" },
// ];
//# sourceMappingURL=defaults.js.map