@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
43 lines • 2.54 kB
JavaScript
define(["require", "exports", "tslib", "react", "../Chiclet", "../Chiclet.types", "./Chiclet.Basic.Example.scss", "office-ui-fabric-react/lib/Button"], function (require, exports, tslib_1, React, Chiclet_1, Chiclet_types_1, exampleStyles, Button_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var FooterComponent = /** @class */ (function (_super) {
tslib_1.__extends(FooterComponent, _super);
function FooterComponent(props) {
return _super.call(this, props) || this;
}
FooterComponent.prototype.render = function () {
var _a = this.props, buttonProps = _a.buttonProps, activities = _a.activities;
return _renderFooter(buttonProps, activities);
};
return FooterComponent;
}(React.Component));
exports.FooterComponent = FooterComponent;
var ChicletBasicExample = /** @class */ (function (_super) {
tslib_1.__extends(ChicletBasicExample, _super);
function ChicletBasicExample(props) {
return _super.call(this, props) || this;
}
ChicletBasicExample.prototype.render = function () {
var footerButtonProps = [
{ iconProps: { iconName: 'More' } },
{ iconProps: { iconName: 'Save' } },
{ iconProps: { iconName: 'Share' } }
];
var footer = React.createElement(FooterComponent, { buttonProps: footerButtonProps, activities: "10 Comments 16 Shares 87 Views" });
return React.createElement(Chiclet_1.Chiclet, { url: "http://localhost:4322", size: Chiclet_types_1.ChicletSize.medium, footer: footer });
};
return ChicletBasicExample;
}(React.Component));
exports.ChicletBasicExample = ChicletBasicExample;
function _renderFooter(buttonProps, activities) {
return (React.createElement("div", { className: exampleStyles.footer },
React.createElement("div", { className: exampleStyles.activities }, activities ? activities : null),
React.createElement("div", { className: exampleStyles.actions }, buttonProps &&
buttonProps.map(function (buttonProp, index) {
return (React.createElement("div", { className: exampleStyles.action, key: index },
React.createElement(Button_1.IconButton, tslib_1.__assign({}, buttonProp))));
}))));
}
});
//# sourceMappingURL=Chiclet.Basic.Example.js.map