office-ui-fabric-react/lib/components/pickers/PickersPage.js

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Link_1 = require("office-ui-fabric-react/lib/Link");
var example_app_base_1 = require("@uifabric/example-app-base");
var Picker_CustomResult_Example_1 = require("./examples/Picker.CustomResult.Example");
var TagPicker_Basic_Example_1 = require("./examples/TagPicker.Basic.Example");
var TagPickerExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/pickers/examples/TagPicker.Basic.Example.tsx');
var PickerCustomResultExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/pickers/examples/Picker.CustomResult.Example.tsx');
var PickersPage = (function (_super) {
    tslib_1.__extends(PickersPage, _super);
    function PickersPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PickersPage.prototype.render = function () {
        return (React.createElement(example_app_base_1.ComponentPage, { title: 'Pickers', componentName: 'PickersExample', exampleCards: React.createElement("div", null,
                React.createElement(example_app_base_1.ExampleCard, { title: 'Tag Picker', code: TagPickerExampleCode },
                    React.createElement(TagPicker_Basic_Example_1.TagPickerBasicExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: 'Custom Picker (Document Picker)', code: PickerCustomResultExampleCode },
                    React.createElement(Picker_CustomResult_Example_1.PickerCustomResultExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
                    require('!raw-loader!office-ui-fabric-react/src/components/pickers/BasePicker.Props.ts')
                ] }), overview: React.createElement("div", null,
                React.createElement(Link_1.Link, { target: '_blank', href: 'http://dev.office.com/fabric/components/Pickers' }, " Pickers "),
                React.createElement("span", null, " are used to pick recipients.")), isHeaderVisible: this.props.isHeaderVisible }));
    };
    return PickersPage;
}(React.Component));
exports.PickersPage = PickersPage;

//# sourceMappingURL=PickersPage.js.map