office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
122 lines • 6.29 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/* tslint:disable:no-unused-variable */
var React = require("react");
/* tslint:enable:no-unused-variable */
var Utilities_1 = require("../../../Utilities");
var ActivityItem_1 = require("../ActivityItem");
var ActivityItem_Example_styles_1 = require("./ActivityItem.Example.styles");
var TestImages_1 = require("../../../common/TestImages");
var Link_1 = require("../../../Link");
var ActivityItemPersonaExample = /** @class */ (function (_super) {
tslib_1.__extends(ActivityItemPersonaExample, _super);
function ActivityItemPersonaExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
ActivityItemPersonaExample.prototype.render = function () {
var getClassNames = Utilities_1.classNamesFunction();
var classNames = getClassNames(ActivityItem_Example_styles_1.getStyles);
// tslint:disable:jsx-no-lambda
var activityItemExamples = [
{
key: 1,
activityDescription: [
React.createElement(Link_1.Link, { key: 1, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "Jack Howden"),
React.createElement("span", { key: 2 }, " renamed "),
React.createElement("span", { key: 3, className: Utilities_1.css(classNames.nameText) }, "DocumentTitle.docx")
],
activityPersonas: [
{
imageUrl: TestImages_1.TestImages.personaMale
}
],
comments: 'Hello, this is the text of my basic comment!',
timeStamp: '23m ago'
},
{
key: 2,
activityDescription: [
React.createElement(Link_1.Link, { key: 1, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "Javiera M\u00E1rquez"),
React.createElement("span", { key: 2 }, " and "),
React.createElement(Link_1.Link, { key: 3, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "Amelia Poval\u0456y"),
React.createElement("span", { key: 4 }, " edited "),
React.createElement(Link_1.Link, { key: 5, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A document was clicked.'); } }, "SpreadsheetTitle.xlsx")
],
activityPersonas: [
{
imageInitials: 'JM',
primaryText: 'Javiera Márquez'
},
{
imageUrl: TestImages_1.TestImages.personaFemale
}
],
timeStamp: '9:27 am'
},
{
key: 3,
activityDescription: [
React.createElement(Link_1.Link, { key: 1, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "Robert Larsson"),
React.createElement("span", { key: 2 }, " and "),
React.createElement(Link_1.Link, { key: 3, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "2 others"),
React.createElement("span", { key: 4 }, " commented ")
],
activityPersonas: [
{
imageInitials: 'RL',
primaryText: 'Robert Larsson'
},
{
imageUrl: TestImages_1.TestImages.personaMale
},
{
imageUrl: TestImages_1.TestImages.personaFemale
}
],
timeStamp: '3 days ago'
},
{
key: 4,
activityDescription: [
React.createElement(Link_1.Link, { key: 1, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "Jin Cheng"),
React.createElement("span", { key: 2 }, " and "),
React.createElement(Link_1.Link, { key: 3, className: Utilities_1.css(classNames.nameText), onClick: function () { alert('A name was clicked.'); } }, "5 others"),
React.createElement("span", { key: 4 }, " edited this file")
],
activityPersonas: [
{
imageInitials: 'JC',
primaryText: 'Jin Cheng'
},
{
imageUrl: TestImages_1.TestImages.personaMale
},
{
imageInitials: 'AL',
primaryText: 'Annie Lindqvist'
},
{
imageUrl: TestImages_1.TestImages.personaFemale
},
{
imageUrl: TestImages_1.TestImages.personaMale
},
{
imageUrl: TestImages_1.TestImages.personaMale
}
],
timeStamp: 'August 3, 2017'
}
];
var activityExampleList = [];
activityItemExamples.forEach(function (item) {
var props = item;
activityExampleList.push(React.createElement(ActivityItem_1.ActivityItem, tslib_1.__assign({}, props, { key: item.key, className: Utilities_1.css(classNames.exampleRoot) })));
});
return (React.createElement("div", null, activityExampleList));
};
return ActivityItemPersonaExample;
}(React.Component));
exports.ActivityItemPersonaExample = ActivityItemPersonaExample;
//# sourceMappingURL=ActivityItem.Persona.Example.js.map