"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_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');
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)
        },
        {
            title: 'Simple DetailsList with 500 items, filtering, marquee selection',
            code: DetailsListBasicExampleCode,
            view: React.createElement(DetailsList_Basic_Example_1.DetailsListBasicExample, null)
        },
        {
            title: 'Compact DetailsList with 500 items, filtering, marquee selection',
            code: DetailsListCompactExampleCode,
            view: React.createElement(DetailsList_Compact_Example_1.DetailsListCompactExample, null)
        },
        {
            title: 'Simple Grouped DetailsList',
            code: DetailsListGroupedExampleCode,
            view: React.createElement(DetailsList_Grouped_Example_1.DetailsListGroupedExample, null)
        },
        {
            title: 'Rendering custom item columns with sorting',
            code: DetailsListCustomColumnsExampleCode,
            view: React.createElement(DetailsList_CustomColumns_Example_1.DetailsListCustomColumnsExample, null)
        },
        {
            title: 'Rendering custom item rows',
            code: DetailsListCustomRowsExampleCode,
            view: React.createElement(DetailsList_CustomRows_Example_1.DetailsListCustomRowsExample, null)
        },
        {
            title: 'Rendering custom group headers',
            code: DetailsListCustomGroupHeadersExampleCode,
            view: React.createElement(DetailsList_CustomGroupHeaders_Example_1.DetailsListCustomGroupHeadersExample, null)
        },
        {
            title: 'Advanced DetailsList of 5000 items, variable row heights',
            code: DetailsListAdvancedExampleCode,
            view: React.createElement(DetailsList_Advanced_Example_1.DetailsListAdvancedExample, null)
        },
        {
            title: 'Drag and Drop DetailsList with 10 items',
            code: DetailsListDragDropExampleCode,
            view: React.createElement(DetailsList_DragDrop_Example_1.DetailsListDragDropExample, null)
        },
        {
            title: 'Navigating to new content preserving keyboard focus with initialFocusedIndex',
            code: DetailsListNavigatingFocusExampleCode,
            view: React.createElement(DetailsList_NavigatingFocus_Example_1.DetailsListNavigatingFocusExample, null)
        }
    ],
    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
};
//# sourceMappingURL=DetailsList.doc.js.map