"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var DetailsList_checklist_1 = require("./DetailsList.checklist");
var DetailsList_Basic_Example_1 = require("./examples/DetailsList.Basic.Example");
var DetailsListBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Basic.Example.tsx');
var DetailsList_Compact_Example_1 = require("./examples/DetailsList.Compact.Example");
var DetailsListCompactExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Compact.Example.tsx');
var DetailsList_CustomColumns_Example_1 = require("./examples/DetailsList.CustomColumns.Example");
var DetailsListCustomColumnsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomColumns.Example.tsx');
var DetailsList_CustomRows_Example_1 = require("./examples/DetailsList.CustomRows.Example");
var DetailsListCustomRowsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomRows.Example.tsx');
var DetailsList_CustomGroupHeaders_Example_1 = require("./examples/DetailsList.CustomGroupHeaders.Example");
var DetailsListCustomGroupHeadersExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.CustomGroupHeaders.Example.tsx');
var DetailsList_Advanced_Example_1 = require("./examples/DetailsList.Advanced.Example");
var DetailsListAdvancedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Advanced.Example.tsx');
var DetailsList_Grouped_Example_1 = require("./examples/DetailsList.Grouped.Example");
var DetailsListGroupedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Grouped.Example.tsx');
var DetailsList_Grouped_Large_Example_1 = require("./examples/DetailsList.Grouped.Large.Example");
var DetailsListGroupedLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Grouped.Large.Example.tsx');
var DetailsList_DragDrop_Example_1 = require("./examples/DetailsList.DragDrop.Example");
var DetailsListDragDropExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.DragDrop.Example.tsx');
var DetailsList_Documents_Example_1 = require("./examples/DetailsList.Documents.Example");
var DetailsListDocumentsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Documents.Example.tsx');
var DetailsList_NavigatingFocus_Example_1 = require("./examples/DetailsList.NavigatingFocus.Example");
var DetailsListNavigatingFocusExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.NavigatingFocus.Example.tsx');
var DetailsList_Shimmer_Example_1 = require("./examples/DetailsList.Shimmer.Example");
var Link_1 = require("../Link");
var DetailsListShimmerExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Shimmer.Example.tsx');
exports.DetailsListPageProps = {
    title: 'DetailsList',
    componentName: 'DetailsList',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/DetailsList',
    componentStatus: DetailsList_checklist_1.DetailsListStatus,
    examples: [
        {
            title: 'Document DetailsList with 500 items, sorting, filtering, marquee selection, justified columns',
            code: DetailsListDocumentsExampleCode,
            view: React.createElement(DetailsList_Documents_Example_1.DetailsListDocumentsExample, null)
        }
    ],
    related: (React.createElement("div", null,
        React.createElement("ul", { className: "ComponentPage-variantsList" },
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/basic" }, "Basic")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/compact" }, "Compact")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/grouped" }, "Grouped")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/customitemcolumns" }, "Custom Item Columns")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/customitemrows" }, "Custom Item Rows")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/customgroupheaders" }, "Custom Group Headers")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/variablerowheights" }, "Variable Row Heights")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/draganddrop" }, "Drag & Drop")),
            React.createElement("li", null,
                React.createElement(Link_1.Link, { href: "/#/components/detailslist/innernavigation" }, "Inner Navigation"))))),
    propertiesTablesSources: [
        require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/DetailsList.types.ts')
    ],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListDos.md'),
    donts: require('!raw-loader!office-ui-fabric-react/src/components/DetailsList/docs/DetailsListDonts.md'),
    isHeaderVisible: true
};
function generateProps(example) {
    return {
        title: example.title,
        componentName: 'DetailsList',
        componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/DetailsList',
        examples: [example],
        isHeaderVisible: false
    };
}
exports.DetailsListBasicPageProps = generateProps({
    title: 'Simple DetailsList with 500 items, filtering, marquee selection',
    code: DetailsListBasicExampleCode,
    view: React.createElement(DetailsList_Basic_Example_1.DetailsListBasicExample, null)
});
exports.DetailsListCompactPageProps = generateProps({
    title: 'Compact DetailsList with 500 items, filtering, marquee selection',
    code: DetailsListCompactExampleCode,
    view: React.createElement(DetailsList_Compact_Example_1.DetailsListCompactExample, null)
});
exports.DetailsListSimpleGroupedPageProps = generateProps({
    title: 'Simple Grouped DetailsList',
    code: DetailsListGroupedExampleCode,
    view: React.createElement(DetailsList_Grouped_Example_1.DetailsListGroupedExample, null)
});
exports.DetailsListLargeGroupedPageProps = generateProps({
    title: 'Large Grouped DetailsList',
    code: DetailsListGroupedLargeExampleCode,
    view: React.createElement(DetailsList_Grouped_Large_Example_1.DetailsListGroupedLargeExample, null)
});
exports.DetailsListCustomColumnsPageProps = generateProps({
    title: 'Rendering custom item columns with sorting',
    code: DetailsListCustomColumnsExampleCode,
    view: React.createElement(DetailsList_CustomColumns_Example_1.DetailsListCustomColumnsExample, null)
});
exports.DetailsListCustomRowsPageProps = generateProps({
    title: 'Rendering custom item rows',
    code: DetailsListCustomRowsExampleCode,
    view: React.createElement(DetailsList_CustomRows_Example_1.DetailsListCustomRowsExample, null)
});
exports.DetailsListCustomGroupHeadersPageProps = generateProps({
    title: 'Rendering custom group headers',
    code: DetailsListCustomGroupHeadersExampleCode,
    view: React.createElement(DetailsList_CustomGroupHeaders_Example_1.DetailsListCustomGroupHeadersExample, null)
});
exports.DetailsListAdvancedPageProps = generateProps({
    title: 'Advanced DetailsList of 5000 items, variable row heights',
    code: DetailsListAdvancedExampleCode,
    view: React.createElement(DetailsList_Advanced_Example_1.DetailsListAdvancedExample, null)
});
exports.DetailsListDragDropPageProps = generateProps({
    title: 'Drag and Drop DetailsList with 10 items',
    code: DetailsListDragDropExampleCode,
    view: React.createElement(DetailsList_DragDrop_Example_1.DetailsListDragDropExample, null)
});
exports.DetailsListNavigatingFocusPageProps = generateProps({
    title: 'Navigating to new content preserving keyboard focus with initialFocusedIndex',
    code: DetailsListNavigatingFocusExampleCode,
    view: React.createElement(DetailsList_NavigatingFocus_Example_1.DetailsListNavigatingFocusExample, null)
});
exports.DetailsListShimmerPageProps = generateProps({
    title: 'DetailsList Shimmer - usually show before retrieving data from network',
    code: DetailsListShimmerExampleCode,
    view: React.createElement(DetailsList_Shimmer_Example_1.DetailsListShimmerExample, null)
});
//# sourceMappingURL=DetailsList.doc.js.map