office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
30 lines (29 loc) • 2.63 kB
JavaScript
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
define(["require", "exports", 'react', '../../components/index', './examples/DocumentCard.Basic.Example', './examples/DocumentCard.Complete.Example', './examples/DocumentCard.Compact.Example', '../../utilities/pageroute', '../../components/App/AppState'], function (require, exports, React, index_1, DocumentCard_Basic_Example_1, DocumentCard_Complete_Example_1, DocumentCard_Compact_Example_1, pageroute_1, AppState_1) {
"use strict";
var DocumentCardBasicExampleCode = require('./examples/DocumentCard.Basic.Example.tsx');
var DocumentCardCompleteExampleCode = require('./examples/DocumentCard.Complete.Example.tsx');
var DocumentCardCompactExampleCode = require('./examples/DocumentCard.Compact.Example.tsx');
var DocumentCardPage = (function (_super) {
__extends(DocumentCardPage, _super);
function DocumentCardPage() {
_super.call(this);
this._url = pageroute_1.getPageRouteFromState(AppState_1.AppState, 'Basic components', 'DocumentCard');
}
DocumentCardPage.prototype.render = function () {
return (React.createElement(index_1.ComponentPage, {title: 'DocumentCard', componentName: 'DocumentCardExample', exampleCards: [
React.createElement(index_1.ExampleCard, {title: 'DocumentCard Basic', code: DocumentCardBasicExampleCode}, React.createElement(DocumentCard_Basic_Example_1.DocumentCardBasicExample, null)),
React.createElement(index_1.ExampleCard, {title: 'DocumentCard Complete', code: DocumentCardCompleteExampleCode}, React.createElement(DocumentCard_Complete_Example_1.DocumentCardCompleteExample, null)),
React.createElement(index_1.ExampleCard, {title: 'DocumentCard Compact Layout', code: DocumentCardCompactExampleCode}, React.createElement(DocumentCard_Compact_Example_1.DocumentCardCompactExample, null))
], propertiesTables: [
React.createElement(index_1.PropertiesTableSet, {componentName: 'DocumentCard'})
], overview: React.createElement("div", null, "A card representation of a document. Can be configured with various card parts, including a preview, title, and location."), route: this._url, isHeaderVisible: this.props.isHeaderVisible}));
};
return DocumentCardPage;
}(React.Component));
exports.DocumentCardPage = DocumentCardPage;
});