@mikezimm/npmfunctions
Version:
Functions used in my SPFx webparts
66 lines • 3.43 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.createSpecialElement = void 0;
var React = __importStar(require("react"));
var Icon_1 = require("office-ui-fabric-react/lib/Icon");
function createSpecialElement(SpecialMessage) {
if (SpecialMessage) {
// const SpecialStyle: React.CSSProperties = SpecialMessage && SpecialMessage.style ? SpecialMessage.style : { };
// SpecialStyle.display = 'flex';
// SpecialStyle.justifyContent = 'center';
// SpecialStyle.margin = '20px 50px';
// if ( !SpecialStyle.color && !SpecialStyle.background ) {
// SpecialStyle.color = 'red';
// SpecialStyle.background = 'yellow';
// }
// if ( !SpecialStyle.fontSize ) SpecialStyle.fontSize = 'larger';
// if ( !SpecialStyle.fontWeight ) SpecialStyle.fontWeight = 600;
var SpecialIconLeft = SpecialMessage.leftIcon ? React.createElement(Icon_1.Icon, { style: { marginRight: '20px' }, iconName: SpecialMessage.leftIcon }) : undefined;
var SpecialIconRight = SpecialMessage.rightIcon ? React.createElement(Icon_1.Icon, { style: { marginLeft: '20px' }, iconName: SpecialMessage.rightIcon }) : undefined;
var specialUrl_1 = SpecialMessage.link !== undefined ? SpecialMessage.link.Url : '';
var SpecialLink = SpecialMessage.link !== undefined ? React.createElement("span", { className: 'special-link', style: { padding: '0px 20px' } }, SpecialMessage.link.Desc ? SpecialMessage.link.Desc : 'More Info') : undefined;
if (specialUrl_1) {
if (SpecialMessage.style) {
SpecialMessage.style.cursor = 'pointer';
}
else {
SpecialMessage.style = { cursor: 'pointer' };
}
}
// SpecialStyle.width = '100px';
var SpecialElement = React.createElement("div", { className: 'banner-special', style: SpecialMessage.style, onClick: !specialUrl_1 ? undefined : function () { return (window.open(specialUrl_1, '_blank')); } },
SpecialIconLeft,
SpecialMessage.message,
SpecialLink,
SpecialIconRight);
return SpecialElement;
}
else {
return undefined;
}
}
exports.createSpecialElement = createSpecialElement;
//# sourceMappingURL=component.js.map