office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
36 lines • 4.92 kB
JavaScript
define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "./examples/Persona.Initials.Example", "./examples/Persona.Basic.Example", "./examples/Persona.Alternate.Example", "./examples/Persona.CustomRender.Example", "./examples/Persona.CustomCoinRender.Example", "./examples/Persona.UnknownPersona.Example", "../../demo/ComponentStatus/ComponentStatus", "./Persona.checklist"], function (require, exports, tslib_1, React, example_app_base_1, Persona_Initials_Example_1, Persona_Basic_Example_1, Persona_Alternate_Example_1, Persona_CustomRender_Example_1, Persona_CustomCoinRender_Example_1, Persona_UnknownPersona_Example_1, ComponentStatus_1, Persona_checklist_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var PersonaInitialsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.Initials.Example.tsx');
var PersonaBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.Basic.Example.tsx');
var PersonaAlternateExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.Alternate.Example.tsx');
var PersonaCustomRenderExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.CustomRender.Example.tsx');
var PersonaCustomCoinRenderExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.CustomCoinRender.Example.tsx');
var UnknownPersonaExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.UnknownPersona.Example.tsx');
var PersonaPage = /** @class */ (function (_super) {
tslib_1.__extends(PersonaPage, _super);
function PersonaPage() {
return _super !== null && _super.apply(this, arguments) || this;
}
PersonaPage.prototype.render = function () {
return (React.createElement(example_app_base_1.ComponentPage, { title: 'Persona', componentName: 'PersonaExample', componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Persona', exampleCards: React.createElement("div", null,
React.createElement(example_app_base_1.ExampleCard, { title: 'Persona in various sizes', code: PersonaBasicExampleCode },
React.createElement(Persona_Basic_Example_1.PersonaBasicExample, null)),
React.createElement(example_app_base_1.ExampleCard, { title: 'Alternative small personas', code: PersonaAlternateExampleCode },
React.createElement(Persona_Alternate_Example_1.PersonaAlternateExample, null)),
React.createElement(example_app_base_1.ExampleCard, { title: 'Persona with initials', code: PersonaInitialsExampleCode },
React.createElement(Persona_Initials_Example_1.PersonaInitialsExample, null)),
React.createElement(example_app_base_1.ExampleCard, { title: 'Rendering custom persona text', code: PersonaCustomRenderExampleCode },
React.createElement(Persona_CustomRender_Example_1.PersonaCustomRenderExample, null)),
React.createElement(example_app_base_1.ExampleCard, { title: 'Rendering custom coin', code: PersonaCustomCoinRenderExampleCode },
React.createElement(Persona_CustomCoinRender_Example_1.PersonaCustomCoinRenderExample, null)),
React.createElement(example_app_base_1.ExampleCard, { title: 'Rendering unknown persona coin', code: UnknownPersonaExampleCode },
React.createElement(Persona_UnknownPersona_Example_1.UnknownPersonaExample, null))), allowNativeProps: true, propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
require('!raw-loader!office-ui-fabric-react/src/components/Persona/Persona.types.ts')
] }), overview: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Persona/docs/PersonaOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Persona/docs/PersonaDos.md')), donts: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Persona/docs/PersonaDonts.md')), isHeaderVisible: this.props.isHeaderVisible, componentStatus: React.createElement(ComponentStatus_1.ComponentStatus, tslib_1.__assign({}, Persona_checklist_1.PersonaStatus)) }));
};
return PersonaPage;
}(React.Component));
exports.PersonaPage = PersonaPage;
});
//# sourceMappingURL=PersonaPage.js.map